@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-300:oklch(81% .117 11.638);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--radius-2xl:1rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-11{height:calc(var(--spacing) * 11)}.h-18{height:calc(var(--spacing) * 18)}.h-full{height:100%}.max-h-\[540px\]{max-height:540px}.min-h-\[92px\]{min-height:92px}.min-h-\[180px\]{min-height:180px}.min-h-screen{min-height:100vh}.w-18{width:calc(var(--spacing) * 18)}.w-full{width:100%}.max-w-\[1540px\]{max-width:1540px}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[14px\]{border-radius:14px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[28px\]{border-radius:28px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#dcc8b9\]{border-color:#dcc8b9}.border-\[var\(--color-accent\)\]{border-color:var(--color-accent)}.border-\[var\(--color-line\)\]{border-color:var(--color-line)}.border-cyan-200\/20{border-color:#a2f4fd33}@supports (color:color-mix(in lab, red, red)){.border-cyan-200\/20{border-color:color-mix(in oklab, var(--color-cyan-200) 20%, transparent)}}.border-rose-300\/20{border-color:#ffa2ae33}@supports (color:color-mix(in lab, red, red)){.border-rose-300\/20{border-color:color-mix(in oklab, var(--color-rose-300) 20%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-\[\#fbf1ea\]{background-color:#fbf1ea}.bg-\[rgba\(248\,244\,236\,0\.72\)\]{background-color:#f8f4ecb8}.bg-\[var\(--color-accent-soft\)\]{background-color:var(--color-accent-soft)}.bg-\[var\(--color-ink\)\]{background-color:var(--color-ink)}.bg-cyan-200\/8{background-color:#a2f4fd14}@supports (color:color-mix(in lab, red, red)){.bg-cyan-200\/8{background-color:color-mix(in oklab, var(--color-cyan-200) 8%, transparent)}}.bg-rose-300\/10{background-color:#ffa2ae1a}@supports (color:color-mix(in lab, red, red)){.bg-rose-300\/10{background-color:color-mix(in oklab, var(--color-rose-300) 10%, transparent)}}.bg-white\/76{background-color:#ffffffc2}@supports (color:color-mix(in lab, red, red)){.bg-white\/76{background-color:color-mix(in oklab, var(--color-white) 76%, transparent)}}.bg-white\/82{background-color:#ffffffd1}@supports (color:color-mix(in lab, red, red)){.bg-white\/82{background-color:color-mix(in oklab, var(--color-white) 82%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.9\)\,rgba\(248\,249\,243\,0\.82\)\)\]{background-image:linear-gradient(#ffffffe6,#f8f9f3d1)}.object-cover{object-fit:cover}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.break-all{word-break:break-all}.text-\[\#816355\]{color:#816355}.text-\[rgba\(229\,235\,231\,0\.74\)\]{color:#e5ebe7bd}.text-\[var\(--color-ink\)\]{color:var(--color-ink)}.text-\[var\(--color-muted\)\]{color:var(--color-muted)}.text-cyan-100{color:var(--color-cyan-100)}.text-rose-100{color:var(--color-rose-100)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300\/80{color:#cad5e2cc}@supports (color:color-mix(in lab, red, red)){.text-slate-300\/80{color:color-mix(in oklab, var(--color-slate-300) 80%, transparent)}}.text-slate-400{color:var(--color-slate-400)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.shadow-\[0_14px_30px_rgba\(111\,135\,119\,0\.12\)\]{--tw-shadow:0 14px 30px var(--tw-shadow-color,#6f87771f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_14px_34px_rgba\(37\,48\,43\,0\.05\)\]{--tw-shadow:0 14px 34px var(--tw-shadow-color,#25302b0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_42px_rgba\(37\,48\,43\,0\.06\)\]{--tw-shadow:0 18px 42px var(--tw-shadow-color,#25302b0f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-white\/6:hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/6:hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}}@media (width>=48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:p-5{padding:calc(var(--spacing) * 5)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (width>=80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:px-10{padding-inline:calc(var(--spacing) * 10)}}}:root{--color-ink:#202621;--color-muted:#66716b;--color-accent:#6f8777;--color-accent-soft:#6f877724;--color-line:#46544b1f;--color-surface:#fafaf7d1;--color-surface-strong:#fffffcf0;--color-highlight:#c9d9d03d;color:var(--color-ink);background:radial-gradient(circle at 12% 10%,#c9d9d01f,#0000 22%),linear-gradient(#f7f8f4 0%,#f3f4ee 54%,#eef0ea 100%);font-family:Manrope,sans-serif}html{background:radial-gradient(circle at 12% 10%,#c9d9d014,#0000 22%),#f7f8f4 linear-gradient(#f7f8f4 0%,#f3f4ee 54%,#eef0ea 100%)}body{background:radial-gradient(circle at 12% 10%,#c9d9d014,#0000 22%),#f7f8f4 linear-gradient(#f7f8f4 0%,#f3f4ee 54%,#eef0ea 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.04;background:radial-gradient(circle at 22% 18%,#ffffffd9,#0000 18%);position:fixed;inset:0}#root{background:0 0;min-height:100vh}.shell-card{border:1px solid var(--color-line);background:linear-gradient(180deg, #fffffcf5, #f9faf6e0), var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 26px 70px #3440390f,inset 0 1px #ffffffd1}.page-backdrop{background:linear-gradient(#fcfcf9c7,#f3f5ef1f);position:relative}.studio-header{border-radius:30px;align-items:center;gap:16px;padding:16px 20px;display:grid}.studio-brand-title{color:var(--color-ink);margin:0;font-family:Noto Serif SC,serif;font-size:1.7rem;font-weight:600;line-height:1.05}.studio-header-center{gap:6px;min-width:0;display:grid}.studio-header-summary{color:var(--color-muted);margin:0;font-size:.92rem;line-height:1.65}.studio-nav{flex-wrap:wrap;gap:16px;display:flex}.studio-header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.history-launch-button{min-height:48px;color:var(--color-ink);background:#ffffffd6;border:1px solid #46544b14;border-radius:999px;align-items:center;gap:12px;padding:0 14px 0 10px;display:inline-flex;box-shadow:inset 0 1px #ffffffc7,0 12px 28px #2d3a310f}.history-launch-icon{width:34px;height:34px;color:var(--color-accent-strong);background:linear-gradient(#f1f7f2f5,#e8f0eaeb);border-radius:999px;flex:none;place-items:center;display:grid}.history-launch-icon svg{width:16px;height:16px}.history-launch-copy{text-align:left;gap:1px;display:grid}.history-launch-title{color:var(--color-ink);font-size:.95rem;font-weight:600}.history-launch-meta{color:var(--color-muted);font-size:.74rem}.studio-icon-button{width:42px;height:42px;color:var(--color-muted);background:#ffffffd6;border:1px solid #46544b14;border-radius:999px;place-items:center;display:grid}.studio-icon-button svg{width:18px;height:18px}.studio-board{border-radius:32px;padding:18px}.studio-board-grid{gap:18px;display:grid}.studio-form-pane,.studio-preview-pane{min-width:0}.studio-pane-header,.studio-control-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-pane-title{color:var(--color-ink);letter-spacing:-.04em;margin:0;font-size:2.05rem;font-weight:700}.studio-mode-switch{background:#fafaf7eb;border:1px solid #46544b14;border-radius:999px;gap:6px;padding:4px;display:inline-flex}.studio-mode-pill{color:var(--color-muted);background:0 0;border:0;border-radius:999px;padding:10px 18px;font-size:.95rem;font-weight:600}.studio-mode-pill.is-active{color:var(--color-ink);background:#6f87771f;box-shadow:0 8px 18px #6f87771f}.studio-control-block{margin-top:18px}.studio-field-label{color:var(--color-ink);font-size:.95rem;font-weight:600}.studio-link-button{color:var(--color-muted);background:#ffffffd6;border:1px solid #46544b14;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:.84rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffffd1,0 10px 20px #38483c0d}.studio-link-button svg{width:16px;height:16px}.studio-textarea{border-radius:18px;padding:16px 18px}.studio-settings-grid,.studio-advanced-grid{gap:14px;display:grid}.studio-setting-field{color:var(--color-ink);gap:8px;display:grid}.studio-setting-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-setting-label{font-size:.92rem;font-weight:600}.studio-setting-hint{color:var(--color-muted);font-size:.74rem}.studio-select-field{appearance:none;background:linear-gradient(#fffffff5,#f6f8f3eb) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 8.2 10 12.2l4-4' fill='none' stroke='%236f8777' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3C/svg%3E") calc(100% - 14px)/16px 16px no-repeat;border-radius:20px;padding-right:40px;box-shadow:inset 0 1px #ffffffd6,0 10px 20px #38483c0d}.studio-submit-button{min-height:56px;font-size:1rem}.studio-reference-strip{background:#ffffffc2;border:1px solid #46544b14;border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 14px;display:flex}.workspace-notice{color:var(--color-ink);background:linear-gradient(#f6faf5f5,#edf4eee6),#f0f6f1e6;border:1px solid #6f877729;border-radius:18px;padding:12px 14px;font-size:.92rem;line-height:1.7;box-shadow:0 12px 30px #576d5e14,inset 0 1px #fffc}.reverse-workbench{background:radial-gradient(circle at 100% 0,#c9d9d024,#0000 28%),linear-gradient(#fffffcf5,#f5f8f2eb);border:1px solid #6f877724;border-radius:28px;gap:16px;margin-top:18px;padding:18px;display:grid;box-shadow:0 18px 42px #3440390f,inset 0 1px #ffffffdb}.reverse-workbench-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.reverse-workbench-title{color:var(--color-ink);letter-spacing:-.03em;margin:6px 0 0;font-size:1.28rem;font-weight:700}.reverse-workbench-copy{max-width:680px;color:var(--color-muted);margin:8px 0 0;font-size:.93rem;line-height:1.8}.reverse-workbench-flow-grid{gap:10px;display:grid}.reverse-workbench-flow-card{background:linear-gradient(#ffffffe6,#f5f8f2db),#ffffffd6;border:1px solid #46544b14;border-radius:18px;gap:6px;padding:12px 14px;display:grid}.reverse-workbench-flow-label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.reverse-workbench-flow-value{color:var(--color-ink);margin:0;font-size:.98rem;font-weight:700;line-height:1.5}.reverse-workbench-grid{gap:14px;display:grid}.reverse-workbench-visual,.reverse-workbench-prompt-card{background:#ffffffd1;border:1px solid #46544b14;border-radius:22px;gap:12px;padding:14px;display:grid}.reverse-workbench-thumb{aspect-ratio:1;background:linear-gradient(#fafbf8,#eef3ee);border-radius:24px;overflow:hidden}.reverse-workbench-summary{gap:6px;display:grid}.reverse-workbench-summary-title{color:var(--color-ink);margin:0;font-size:.94rem;font-weight:700}.reverse-workbench-summary-copy{color:var(--color-muted);margin:0;font-size:.9rem;line-height:1.75}.reverse-workbench-tag-row{flex-wrap:wrap;gap:8px;display:flex}.reverse-workbench-prompt-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reverse-workbench-prompt-surface{color:var(--color-ink);white-space:pre-wrap;background:linear-gradient(#ffffffe0,#f6f8f3d6),#ffffffdb;border:1px solid #46544b14;border-radius:18px;min-height:144px;padding:14px 16px;font-size:.95rem;line-height:1.9}.reverse-workbench-actions{flex-wrap:wrap;gap:10px;display:flex}.reference-upload-card{background:linear-gradient(#ffffffe6,#f6f8f3e6),#ffffffd6;border:1px solid #46544b14;border-radius:22px;gap:14px;padding:16px;display:grid}.reference-upload-copy{gap:4px;display:grid}.reference-upload-label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.reference-upload-title{color:var(--color-ink);margin:0;font-size:1rem;font-weight:700}.reference-upload-text{color:var(--color-muted);margin:0;font-size:.9rem;line-height:1.7}.reference-upload-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.reference-upload-thumbnail,.reference-upload-placeholder{border-radius:18px;flex:none;width:64px;height:64px}.reference-upload-thumbnail{object-fit:cover;border:1px solid #46544b14;box-shadow:0 12px 24px #38483c14}.reference-upload-placeholder{color:#6f8777ad;background:#f4f7f2eb;border:1px dashed #7a93804d;place-items:center;font-size:1.3rem;display:grid}.reference-upload-action-group{flex-wrap:wrap;flex:260px;align-items:center;gap:10px;display:flex}.reference-upload-tool{gap:8px;padding-inline:14px}.reference-upload-tool svg{flex:none;width:16px;height:16px}.reference-upload-note{color:var(--color-muted);font-size:.82rem}.studio-preview-shell{background:linear-gradient(#fffffcfa,#f7f8f3e6),#ffffffe0;border:1px solid #46544b14;border-radius:28px;height:100%;padding:18px;box-shadow:0 20px 48px #3440390d,inset 0 1px #fffc}.studio-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-preview-layout{gap:16px;display:grid}.preview-stage{align-content:start;gap:16px;min-width:0;display:grid}.preview-stage-footer{gap:14px;display:grid}.preview-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preview-tool-button,.preview-tool-badge{border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:.88rem;display:inline-flex}.preview-tool-button{color:var(--color-ink);background:linear-gradient(#fffffff0,#f7f9f4e6),#ffffffe0;border:1px solid #46544b14;box-shadow:inset 0 1px #ffffffd1,0 10px 20px #38483c0d}.preview-tool-badge{color:var(--color-accent-strong);background:#f3f7f3e6;border:1px solid #7a93801f}.preview-tool-icon{flex:none;width:16px;height:16px}.preview-filmstrip{scroll-snap-type:x proximity;background:0 0;border:0;border-radius:0;gap:12px;padding:0;display:flex;overflow-x:auto}.preview-filmstrip-shell{background:linear-gradient(#fbfcf9f5,#f5f7f2e6),#ffffffe0;border:1px solid #46544b0f;border-radius:22px;gap:10px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffffd6,0 12px 26px #38483c0d}.preview-filmstrip-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-filmstrip-title,.preview-filmstrip-count{color:var(--color-muted);margin:0;font-size:.78rem}.preview-side-grid{align-content:start;align-self:start;gap:14px;display:grid}.preview-side-card{background:#fffc;border:1px solid #46544b14;border-radius:20px;padding:16px}.preview-side-card-elevated,.preview-detail-card{background:linear-gradient(#fffffff0,#f6f8f3e6),#ffffffe0;box-shadow:inset 0 1px #ffffffd1,0 14px 30px #3440390d}.preview-history-stack{gap:12px;display:grid}.preview-side-title{color:var(--color-ink);margin:0;font-size:.98rem;font-weight:600}.preview-side-link{color:var(--color-accent-strong);background:0 0;border:0;padding:0;font-size:.82rem;font-weight:600}.preview-side-meta{color:var(--color-muted);font-size:.75rem}.preview-side-copy{color:var(--color-muted);margin:10px 0 0;font-size:.88rem;line-height:1.75}.preview-history-item{text-align:left;background:#f8f9f4eb;border:1px solid #46544b0f;border-radius:16px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.preview-history-thumb{box-shadow:0 12px 24px #4845371f}.preview-history-copy{gap:4px;display:grid}.preview-history-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-history-kind,.preview-history-date,.preview-history-provider{color:var(--color-muted);font-size:.75rem}.preview-history-kind{color:var(--color-accent-strong);background:#7a93801a;border-radius:999px;padding:2px 8px}.preview-history-footer{justify-content:flex-end;margin-top:12px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relay-inbox-card{z-index:50;background:radial-gradient(circle at 100% 0,#c9d9d02e,#0000 28%),linear-gradient(#fffffcfa,#f7f8f3f5);border:1px solid #46544b1f;border-radius:28px;gap:14px;width:min(420px,100vw - 32px);padding:16px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 28px 60px #29342d29,inset 0 1px #ffffffe0}.relay-inbox-media{aspect-ratio:16/9;background:linear-gradient(#fafbf8,#eef3ee);border-radius:24px;overflow:hidden}.relay-inbox-body{gap:10px;display:grid}.relay-inbox-meta{color:var(--color-muted);font-size:.78rem}.relay-inbox-title{color:var(--color-ink);margin:0;font-size:1.02rem;font-weight:700}.relay-inbox-copy{color:var(--color-muted);margin:0;font-size:.9rem;line-height:1.75}.relay-inbox-prompt{color:var(--color-ink);margin:0;font-size:.92rem;line-height:1.7}.relay-inbox-actions{flex-wrap:wrap;gap:10px;display:flex}.design-hero{background:radial-gradient(circle at 100% 0,#c9d9d038,#0000 28%),linear-gradient(#fffffcf0,#f8f9f4e0);border:1px solid #46544b14;border-radius:36px;gap:18px;padding:28px;display:grid;box-shadow:0 24px 60px #3440390f,inset 0 1px #ffffffc7}.design-hero-title{letter-spacing:-.02em;text-wrap:balance;margin:0;font-family:Noto Serif SC,serif;font-size:clamp(2rem,3vw,3.3rem);font-weight:600;line-height:1.1}.design-hero-copy{max-width:760px;color:var(--color-muted);margin:0;font-size:1rem;line-height:1.9}.design-hero-notes{gap:14px;display:grid}.design-hero-note{background:#ffffffa8;border:1px solid #46544b14;border-radius:24px;padding:16px 18px}.design-hero-note p{color:var(--color-muted);margin:10px 0 0;font-size:.94rem;line-height:1.7}.design-hero-note-kicker{color:var(--color-ink);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.workspace-intro{background:linear-gradient(135deg,#f5f8f3f2,#fffffceb),#ffffffc7;border:1px solid #46544b14;border-radius:28px;gap:8px;padding:18px 20px;display:grid}.workspace-intro-kicker{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.workspace-intro-title{color:var(--color-ink);margin:8px 0 0;font-size:1.05rem;font-weight:700}.workspace-intro-copy{color:var(--color-muted);margin:0;font-size:.92rem;line-height:1.75}.workspace-metrics{gap:12px;display:grid}.workspace-metric-card{background:#f7f9f4db;border:1px solid #46544b14;border-radius:22px;gap:6px;padding:14px 16px;display:grid}.workspace-metric-label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.workspace-metric-value{color:var(--color-ink);font-size:.96rem;font-weight:700}.result-rail-copy{color:var(--color-muted);margin:0;font-size:.95rem;line-height:1.8}.result-rail-grid{gap:12px;display:grid}.result-rail-card{background:linear-gradient(#ffffffdb,#f5f8f3d1),#ffffffd1;border:1px solid #46544b14;border-radius:24px;gap:8px;padding:16px 18px;display:grid}.result-rail-card-label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem}.result-rail-card-value{color:var(--color-ink);margin:0;font-size:1.06rem;font-weight:700}.result-rail-card-detail{color:var(--color-muted);margin:0;font-size:.9rem;line-height:1.7}.section-title{letter-spacing:-.02em}.soft-scrollbar{scrollbar-width:thin;scrollbar-color:#7a93806b transparent}.soft-scrollbar::-webkit-scrollbar{width:8px;height:8px}.soft-scrollbar::-webkit-scrollbar-thumb{background:#7a93806b;border-radius:999px}button,input,select,textarea{font:inherit}button{transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s,opacity .18s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.58}.brand-lockup{align-items:center;gap:14px;display:inline-flex}.brand-mark{width:48px;height:48px;color:var(--color-accent);background:linear-gradient(#fffffff5,#f1f7f2e6);border:1px solid #7a938033;border-radius:18px;place-items:center;font-family:Noto Serif SC,serif;font-size:1.35rem;font-weight:700;display:grid;box-shadow:0 16px 30px #56675914}.brand-caption{color:var(--color-muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem}.eyebrow{color:var(--color-muted);letter-spacing:.08em;margin:0;font-size:.78rem}.hero-title{letter-spacing:.01em;text-wrap:balance;margin:0;font-family:Noto Serif SC,serif;font-size:clamp(2.45rem,3.6vw,4.2rem);font-weight:600;line-height:1.04}.nav-link{color:var(--color-muted);background:0 0;border:0;border-radius:999px;padding:10px 16px}.nav-link:hover{color:var(--color-ink);background:#ffffffb8}.top-nav-link,.panel-tab{color:var(--color-muted);background:0 0;border:0;padding:10px 4px;font-size:1rem;font-weight:600;position:relative}.top-nav-link:after,.panel-tab:after{content:"";background:0 0;border-radius:999px;height:2px;transition:background-color .18s;position:absolute;bottom:-1px;left:0;right:0}.top-nav-link:hover,.panel-tab:hover,.top-nav-link.is-active,.panel-tab.is-active{color:var(--color-ink)}.top-nav-link.is-active:after,.panel-tab.is-active:after{background:var(--color-accent)}.primary-action,.secondary-action,.upload-chip,.mode-toggle,.provider-pill,.style-chip,.inline-tag,.thumbnail-card{align-items:center;display:inline-flex}.primary-action{background:var(--color-accent);color:#fbfbf8;border:1px solid #7a938024;border-radius:999px;justify-content:center;min-height:48px;padding:12px 22px;font-size:.97rem;font-weight:600;box-shadow:0 16px 36px #6f877733}.secondary-action,.upload-chip{border:1px solid var(--color-line);color:var(--color-ink);background:#ffffffe0;border-radius:999px;justify-content:center;min-height:44px;padding:10px 17px;font-size:.94rem;font-weight:500;box-shadow:0 10px 24px #38483c0d}.mode-toggle{border:1px solid var(--color-line);color:var(--color-muted);background:#ffffffd6;border-radius:999px;justify-content:center;padding:10px 16px}.mode-toggle[data-active=true]{color:var(--color-ink);background:#6f87771f;border-color:#7a938042;box-shadow:0 12px 28px #6f87771a}.provider-pill,.style-chip,.inline-tag{border:1px solid var(--color-line);background:#ffffffdb;border-radius:999px}.provider-pill{justify-content:center;min-height:44px;padding:0 16px}.service-select-trigger{text-align:left;background:linear-gradient(#fffffff5,#f6f8f3eb),#ffffffe6;border:1px solid #46544b1a;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffffd1,0 12px 24px #38483c0d}.service-select-caret{width:30px;height:30px;color:var(--color-accent);background:#f2f4eff0;border-radius:999px;flex:none;place-items:center;display:grid}.service-select-caret svg,.service-select-badge svg{width:16px;height:16px}.service-select-leading,.service-select-meta{align-items:center;gap:10px;display:flex}.service-select-leading{flex:auto;min-width:0}.service-select-meta{flex:none}.service-select-badge{width:32px;height:32px;color:var(--color-accent);background:linear-gradient(#f1f7f2f5,#e8f0eaeb),#6f877724;border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffd1,0 8px 18px #6f877714}.service-select-label{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.68rem}.service-select-name{color:var(--color-ink);margin:2px 0 0;font-size:.98rem;font-weight:600;line-height:1.3}.service-select-kicker,.service-select-accent,.service-select-selected,.service-select-group{border-radius:999px;align-items:center;padding:5px 10px;display:inline-flex}.service-select-kicker,.service-select-group{color:var(--color-muted);letter-spacing:.06em;background:#2026210d;font-size:.72rem}.service-select-accent{color:var(--color-accent);background:#6f87771f;font-size:.74rem;font-weight:600}.service-select-selected{color:var(--color-ink);background:#2026210f;font-size:.72rem;font-weight:600}.service-select-menu{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#fffffcfa,#f8faf6f5),#fffffff5;border:1px solid #46544b1a;border-radius:20px;gap:16px;padding:14px;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 26px 48px #3440391f,inset 0 1px #ffffffdb}.service-select-option{text-align:left;background:#ffffffbd;border:1px solid #46544b14;border-radius:16px;width:100%;padding:12px 13px;display:block}.service-select-option.is-active{background:#6f87771a;border-color:#6f877742;box-shadow:0 12px 24px #6f87771a}.service-config-shell{background:linear-gradient(#ffffffeb,#f6f8f3e6),#ffffffdb;border:1px solid #46544b14;border-radius:22px;gap:12px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffffd1,0 12px 24px #38483c0a}.service-config-toggle{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0;display:flex}.service-config-title{color:var(--color-ink);margin:0;font-size:.92rem;font-weight:700}.service-config-copy{color:var(--color-muted);margin:4px 0 0;font-size:.82rem;line-height:1.6}.service-config-fields{gap:12px;display:grid}.style-chip{white-space:nowrap;justify-content:center;min-height:42px;padding:0 16px}.style-preset-card{border:1px solid var(--color-line);text-align:left;border-radius:24px;align-items:center;gap:14px;min-height:110px;padding:16px;display:flex;position:relative;overflow:hidden}.style-preset-heading{color:var(--color-ink);margin:8px 0 0;font-size:1rem;font-weight:700}.style-preset-copy{color:var(--color-muted);margin:0;font-size:.9rem;line-height:1.7}.style-preset-card-compact{border:1px solid var(--color-line);text-align:left;border-radius:20px;flex:none;gap:10px;min-width:144px;padding:12px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffd6,0 10px 22px #3440390d}.style-preset-swatch{border:1px solid #ffffffb3;border-radius:18px;flex:none;width:72px;height:72px;box-shadow:inset 0 1px #ffffffb3,0 10px 20px #34403914}.style-preset-swatch-compact{border:1px solid #ffffffb3;border-radius:18px;flex:none;width:100%;height:72px;box-shadow:inset 0 1px #ffffffb3,0 8px 16px #3440390f}.style-preset-copy-shell{gap:3px;display:grid}.style-preset-name{color:var(--color-ink);margin:0;font-size:.92rem;font-weight:700}.style-preset-category{color:var(--color-muted);margin:0;font-size:.74rem}.style-preset-check{min-width:38px;height:24px;color:var(--color-accent);background:#6f877729;border-radius:999px;place-items:center;padding:0 8px;font-size:.68rem;font-weight:700;display:grid;position:absolute;top:12px;right:12px}.inline-tag{color:var(--color-muted);gap:6px;padding:7px 12px;font-size:.82rem}.subtle-copy{color:var(--color-muted);font-size:.82rem}.soft-field{border-color:var(--color-line);color:var(--color-ink);background:#ffffffe6;box-shadow:inset 0 1px #fffc}.soft-field::placeholder{color:#6f766cad}.soft-field:focus{border-color:#7a938061;box-shadow:inset 0 1px #ffffffd9,0 0 0 4px #7a938014}.soft-slider{accent-color:var(--color-accent)}.preview-frame{background:linear-gradient(#fafbf8,#eef3ee);border:1px solid #7a938024;border-radius:28px;width:100%;max-width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9,0 28px 56px #3440391a}.preview-empty{text-align:center;background:radial-gradient(circle at 32% 28%,#c9d9d038,#0000 24%),radial-gradient(circle at 72% 38%,#d0dae22e,#0000 22%),linear-gradient(#fafbf8,#f0f3ed);border:1px solid #7a938024;border-radius:28px;place-items:center;width:100%;max-width:100%;min-height:clamp(320px,34vw,420px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffdb,0 22px 48px #34403914}.preview-empty-orbit{opacity:.8;border:1px solid #ffffff80;border-radius:999px;position:absolute}.preview-empty-orbit-one{width:56%;height:56%;top:14%;left:12%}.preview-empty-orbit-two{width:72%;height:72%;bottom:10%;right:8%}.preview-empty-copy{justify-items:center;gap:10px;padding:0 24px;display:grid}.preview-empty-kicker{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.74rem}.preview-empty-title{max-width:420px;color:var(--color-ink);margin:0;font-size:1.18rem;font-weight:700;line-height:1.55}.preview-empty-description{max-width:420px;color:var(--color-muted);margin:0;font-size:.92rem;line-height:1.8}.preview-empty-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.preview-empty-tag{min-height:32px;color:var(--color-muted);background:#ffffff9e;border:1px solid #46544b14;border-radius:999px;align-items:center;padding:0 12px;font-size:.78rem;display:inline-flex}.preview-empty-icon{color:#6f8777ad;background:#ffffff85;border:1px solid #7a938029;border-radius:24px;place-items:center;width:68px;height:68px;font-size:1.5rem;display:grid;box-shadow:inset 0 1px #ffffffd1}.preview-glow{border:1px solid #ffffffb3;border-radius:20px;position:absolute;inset:18px}.preview-floating-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:calc(100% - 36px);display:flex;position:absolute;top:16px;right:16px}.preview-float-button{min-height:40px;color:var(--color-ink);background:#ffffffe0;border:1px solid #ffffffd9;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #34403914}.preview-float-button-primary{color:#fbfbf8;background:#6f8777f0;border-color:#7a93802e}.preview-insight-grid{gap:12px;display:grid}.preview-insight-card{background:#f9faf6e0;border:1px solid #46544b14;border-radius:18px;gap:5px;padding:13px 14px;display:grid}.preview-insight-label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem}.preview-insight-value{color:var(--color-ink);margin:0;font-size:1rem;font-weight:700}.preview-detail-card .preview-insight-grid{grid-template-columns:minmax(0,1fr)}.preview-detail-copy{color:var(--color-muted);font-size:.9rem;line-height:1.75}.thumbnail-card{border:1px solid var(--color-line);scroll-snap-align:start;background:#ffffffc2;border-radius:18px;flex:none;justify-content:center;width:112px;height:84px;padding:4px;position:relative;overflow:hidden}.thumbnail-card-index{color:#f9faf6eb;background:#171d1ac7;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:.72rem;display:inline-flex;position:absolute;bottom:8px;right:8px}.thumbnail-card.is-active{border-color:#7a938070;box-shadow:0 16px 32px #7a938029,0 0 0 2px #6f87771f}.history-thumb{box-shadow:0 12px 24px #4845371f}.history-entry-card{border:1px solid var(--color-line);background:linear-gradient(#ffffffdb,#f6f9f4d1),#ffffffd1;border-radius:24px;padding:14px;box-shadow:0 14px 34px #25302b0d}.history-entry-copy{align-content:center;display:grid}.history-entry-actions{flex:none;align-items:flex-start;gap:8px;display:flex}.history-icon-button{width:38px;height:38px;color:var(--color-muted);background:#ffffffe0;border:1px solid #46544b1a;border-radius:14px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 10px 24px #38483c0d}.history-icon-button.is-accent{color:var(--color-accent);background:#6f87771f;border-color:#7a938033}.history-icon-button.is-danger{color:#9b5d5d;background:#fff6f6eb;border-color:#ae7a7a2e}.history-icon{width:17px;height:17px;overflow:visible}.preview-detail-cover{aspect-ratio:1.16;background:#f5f7f1e0;border:1px solid #46544b14;border-radius:20px;overflow:hidden}.mobile-app-shell{gap:16px;width:100%;min-width:0;min-height:100vh;padding:16px 16px 108px;display:grid;overflow-x:clip}.mobile-app-header,.mobile-card,.mobile-tab-panel .studio-preview-shell{background:linear-gradient(#fffffcfa,#f7f8f3e6),#ffffffe0;border:1px solid #46544b14;border-radius:30px;box-shadow:0 20px 48px #3440390d,inset 0 1px #fffc}.mobile-app-header{gap:12px;padding:18px;display:grid}.mobile-app-copy{color:var(--color-muted);margin:0;font-size:.92rem;line-height:1.7}.mobile-app-content,.mobile-tab-panel,.mobile-form-stack,.mobile-result-stack,.mobile-edit-stack,.mobile-history-list{gap:14px;width:100%;min-width:0;display:grid}.mobile-tab-hero{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-tab-hero>*{min-width:0}.mobile-tab-title,.mobile-sheet-title{color:var(--color-ink);margin:4px 0 0;font-family:Noto Serif SC,serif;font-size:1.9rem;font-weight:600;line-height:1.05}.mobile-card{width:100%;min-width:0;padding:16px}.mobile-field-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-field-title{color:var(--color-ink);margin:0;font-size:.98rem;font-weight:700}.mobile-link-button{color:var(--color-accent-strong);background:0 0;border:0;padding:0;font-size:.84rem;font-weight:600}.mobile-inline-notice{color:#816355;background:#fbf1eaeb;border:1px solid #dcc8b9b8;border-radius:20px;padding:12px 14px;font-size:.88rem;line-height:1.65}.mobile-inline-notice.is-accent{color:var(--color-accent-strong);background:#f3f7f3eb;border-color:#7a938029}.mobile-inline-notice.is-danger{color:#8b5c5c;background:#fdf3f3eb;border-color:#af797929}.mobile-inline-copy{color:var(--color-muted);margin:10px 0 0;font-size:.88rem;line-height:1.7}.mobile-service-trigger{text-align:left;background:#f8faf6eb;border:1px solid #46544b14;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;padding:14px;display:flex}.mobile-service-label{color:var(--color-muted);margin:0;font-size:.76rem}.mobile-service-name{color:var(--color-ink);overflow-wrap:anywhere;margin:6px 0 0;font-size:1.05rem;font-weight:700}.mobile-tab-panel .studio-preview-shell,.mobile-tab-panel .studio-preview-layout,.mobile-tab-panel .preview-stage,.mobile-tab-panel .preview-side-grid,.mobile-tab-panel .preview-side-card,.mobile-tab-panel .preview-insight-grid,.mobile-tab-panel .preview-filmstrip-shell,.mobile-tab-panel .reverse-workbench,.mobile-tab-panel .reverse-workbench-header,.mobile-tab-panel .reverse-workbench-flow-grid,.mobile-tab-panel .reverse-workbench-grid,.mobile-tab-panel .reverse-workbench-visual,.mobile-tab-panel .reverse-workbench-prompt-card,.mobile-tab-panel .reverse-workbench-prompt-header,.mobile-tab-panel .reverse-workbench-actions{width:100%;min-width:0;max-width:100%}.mobile-service-chip{min-height:34px;color:var(--color-accent-strong);background:#7a93801a;border-radius:999px;align-items:center;padding:0 12px;font-size:.78rem;font-weight:600;display:inline-flex}.mobile-reference-status{align-items:center;gap:12px;margin-top:12px;display:flex}.mobile-reference-thumb,.mobile-history-thumb{object-fit:cover;border-radius:18px;flex:none;width:72px;height:72px;box-shadow:0 14px 32px #38443d1f}.mobile-reference-copy,.mobile-history-copy{gap:4px;min-width:0;display:grid}.mobile-reference-title,.mobile-history-title,.mobile-empty-title{color:var(--color-ink);margin:0;font-size:1rem;font-weight:700;line-height:1.5}.mobile-reference-description,.mobile-history-subtitle,.mobile-empty-copy,.mobile-provider-summary,.mobile-profile-value{color:var(--color-muted);margin:0;font-size:.88rem;line-height:1.7}.mobile-textarea,.mobile-input,.mobile-select{border-radius:22px;width:100%;margin-top:12px;padding:14px 16px}.mobile-textarea{resize:none;min-height:156px}.mobile-textarea.is-compact{min-height:96px}.mobile-character-count{color:var(--color-muted);text-align:right;margin-top:10px;font-size:.76rem}.mobile-setting-grid{gap:12px;display:grid}.mobile-setting-field{display:grid}.mobile-setting-label{color:var(--color-muted);font-size:.78rem}.mobile-submit-button{min-height:54px}.mobile-history-card{background:linear-gradient(#fffffcfa,#f6f8f2eb),#ffffffe0;border:1px solid #46544b14;border-radius:26px;padding:14px;box-shadow:0 16px 34px #2b352f0d}.mobile-history-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.mobile-history-kind{color:var(--color-accent-strong);background:#7a93801a;border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:600}.mobile-history-date{color:var(--color-muted);font-size:.72rem}.mobile-history-body{gap:12px;display:flex}.mobile-history-actions,.mobile-profile-actions,.mobile-empty-actions{gap:10px;margin-top:14px;display:grid}.mobile-ghost-action{min-height:42px;color:var(--color-ink);background:#f8faf6e0;border:1px solid #46544b14;border-radius:18px;justify-content:center;align-items:center;padding:0 14px;font-size:.88rem;font-weight:600;display:inline-flex}.mobile-ghost-action.is-danger{color:#8b5c5c}.mobile-empty-editor{text-align:center;justify-items:center}.mobile-empty-icon{color:#6f8777b8;background:#f8faf6b8;border:1px solid #7a938024;border-radius:22px;place-items:center;width:68px;height:68px;font-size:1.5rem;display:grid}.mobile-placeholder-list{gap:10px;display:grid}.mobile-placeholder-row{background:#f8faf6e0;border:1px solid #46544b14;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px;font-size:.9rem;display:flex}.mobile-placeholder-meta{color:var(--color-muted);font-size:.78rem}.mobile-tab-bar{z-index:45;background:linear-gradient(#fffffcfa,#f6f8f2f0),#ffffffe6;border:1px solid #46544b14;border-radius:26px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 20px 44px #29342d1f,inset 0 1px #ffffffe0}.mobile-tab-button{color:var(--color-muted);background:0 0;border:0;border-radius:20px;justify-items:center;gap:6px;padding:10px 6px;display:grid}.mobile-tab-button.is-active{color:#fbfbf8;background:#6f8777f0}.mobile-tab-icon{place-items:center;width:22px;height:22px;display:grid}.mobile-tab-icon svg{width:18px;height:18px}.mobile-tab-label{font-size:.72rem;font-weight:600}.mobile-sheet-overlay{z-index:55;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e9eee8a8;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-sheet-panel{background:linear-gradient(#fffffcfa,#f6f8f2f0),#ffffffeb;border-radius:30px 30px 0 0;width:100%;max-height:calc(100vh - 24px);padding:12px 16px 24px;overflow-y:auto;box-shadow:0 -24px 48px #2b352f1f}.mobile-sheet-handle{background:#6f87773d;border-radius:999px;width:56px;height:5px;margin:0 auto 14px}.mobile-sheet-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mobile-sheet-close{color:var(--color-muted);background:0 0;border:0;font-size:.88rem;font-weight:600}.mobile-provider-groups{gap:18px;margin-top:18px;display:grid}.mobile-provider-group-title{color:var(--color-muted);margin:0;font-size:.78rem}.mobile-provider-list{gap:10px;margin-top:10px;display:grid}.mobile-provider-option{text-align:left;background:#f8faf6eb;border:1px solid #46544b14;border-radius:22px;width:100%;padding:14px}.mobile-provider-option.is-active{border-color:#7a938038;box-shadow:0 18px 34px #36423b0f}.mobile-provider-meta-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-provider-kicker,.mobile-provider-selected{font-size:.74rem}.mobile-provider-kicker{color:var(--color-accent-strong)}.mobile-provider-selected{color:var(--color-accent-strong);background:#6f87771f;border-radius:999px;padding:4px 10px}.mobile-provider-name{color:var(--color-ink);margin:8px 0 0;font-size:1rem;font-weight:700}@media (width>=640px){.preview-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.studio-header{grid-template-columns:auto 1fr auto}.studio-board-grid{grid-template-columns:minmax(560px,.98fr) minmax(700px,1.16fr);align-items:start}.studio-settings-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reverse-workbench-grid{grid-template-columns:minmax(240px,.5fr) minmax(0,1fr);align-items:start}.reverse-workbench-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-preview-layout.has-preview-result{grid-template-columns:minmax(0,1.38fr) minmax(180px,.34fr) minmax(220px,.42fr);align-items:start}.studio-preview-layout.has-preview-result .preview-side-grid{display:contents}.studio-preview-layout.is-preview-empty{grid-template-columns:minmax(0,1.24fr) minmax(280px,.62fr);align-items:start}.history-drawer{min-height:calc(100vh - 40px)}}@media (width>=1280px){.studio-board{padding:20px}}.editor-overlay{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2f5efc2;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.history-overlay{z-index:55;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f1f4ee57;justify-content:flex-end;padding:20px;display:flex;position:fixed;inset:0}.history-overlay-panel{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto}.history-drawer-copy{color:var(--color-muted);margin:0;font-size:.88rem;line-height:1.7}.history-drawer-actions{justify-items:end;gap:12px;display:grid}.history-record-count{min-height:34px;color:var(--color-muted);background:#ffffffd1;border:1px solid #46544b1a;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;display:inline-flex}.history-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.history-toolbar-button{width:42px;height:42px;color:var(--color-muted);background:linear-gradient(#fffffff0,#f6f8f3e6),#ffffffe0;border:1px solid #46544b1a;border-radius:16px;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffd1,0 10px 20px #313f350d}.history-toolbar-button.is-danger{color:#9b5d5d;background:linear-gradient(#fffafaf5,#fff3f3eb),#fff8f8f0;border-color:#b87e7e2e}.history-toolbar-button:hover:not(:disabled){color:var(--color-ink)}.editor-overlay-panel{width:min(1180px,100%);max-height:calc(100vh - 48px);overflow:auto}.editor-workbench{color:#fff;background:radial-gradient(circle at 0 0,#788e7f2e,#0000 22%),linear-gradient(#1f2622fa,#1a1f1cf5);border:1px solid #ffffff0f;border-radius:32px;padding:20px;box-shadow:0 36px 90px #0f121161,inset 0 1px #ffffff0a}.editor-sheet-handle{background:#ecf2ee42;border-radius:999px;width:64px;height:5px;margin:0 auto 12px}.editor-kicker{color:#e2e9e494;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.76rem}.editor-shell{gap:16px;display:grid}.editor-tool-rail-shell{gap:10px;display:grid}.editor-tool-rail-caption{color:#e2e9e49e;justify-content:space-between;align-items:center;gap:12px;font-size:.78rem;display:flex}.editor-tool-rail{flex-wrap:wrap;gap:10px;display:flex}.editor-tool-button,.editor-ghost-button,.editor-secondary-button{border-radius:18px;justify-content:center;align-items:center;min-height:42px;font-size:.92rem;font-weight:500;display:inline-flex}.editor-tool-button,.editor-ghost-button{color:#f3f6f4e0;background:#ffffff0a;border:1px solid #e0eae314;padding:0 14px}.editor-tool-button.is-active,.editor-secondary-button.is-active{color:#fff;background:#6f87772e;border-color:#6f877757}.editor-canvas-panel{background:linear-gradient(#323a359e,#232925eb),#161b18f0;border:1px solid #e0eae30f;border-radius:28px;padding:12px;overflow:hidden}.editor-canvas-toolbar{gap:8px;padding-bottom:10px;display:flex}.editor-toolbar-pill{color:#eff4f1b8;background:#ffffff0f;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:.78rem;display:inline-flex}.editor-canvas{background:#f2eee5f0}.editor-control-panel{background:#ffffff0a;border:1px solid #e0eae30f;border-radius:24px;align-content:start;gap:14px;padding:16px;display:grid}.editor-control-group{gap:6px;display:grid}.editor-control-title{color:#fff;margin:0;font-size:1rem;font-weight:600}.editor-control-copy{color:#e5ebe7a3;margin:0;font-size:.88rem;line-height:1.7}.editor-field{color:#f3f6f4e0;gap:6px;font-size:.9rem;display:grid}.editor-secondary-button{color:#f3f6f4e0;background:#ffffff0a;border:1px solid #e0eae314;width:100%;padding:0 16px}.editor-action-row{flex-wrap:wrap;gap:10px;display:flex}@media (width>=960px){.editor-shell{grid-template-columns:82px minmax(0,1.36fr) minmax(280px,.72fr);align-items:start}.editor-tool-rail{flex-direction:column}}@media (width<=768px){.studio-board-grid.has-mobile-visual-result .studio-preview-pane{order:-1}.studio-board-grid.has-mobile-visual-result .studio-form-pane{order:1}.studio-board-grid.has-mobile-visual-result .studio-preview-shell{margin-bottom:4px}.page-backdrop{background:radial-gradient(circle at 0 0,#ceddd63d,#0000 32%),linear-gradient(#f9faf5eb,#f1f4edad)}.studio-board,.studio-header{padding:16px}.hero-title{font-size:2.3rem}.studio-header{border-radius:30px;gap:14px;padding:18px 16px 14px}.brand-lockup{gap:12px}.brand-mark{border-radius:16px;width:46px;height:46px}.studio-brand-title{font-size:1.95rem}.studio-header-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;width:100%}.studio-header-actions .primary-action{min-width:140px;margin-left:0;padding-inline:20px}.history-launch-button{flex:100%;justify-content:space-between;padding-right:12px}.studio-header-center{order:3;width:100%}.studio-pane-header{align-items:stretch;gap:14px}.studio-pane-title{font-size:2.85rem;line-height:1.02}.studio-mode-switch{align-self:center;gap:4px;padding:5px}.studio-mode-pill{justify-content:center;min-width:110px;padding:11px 16px;font-size:.98rem}.studio-board{border-radius:30px;padding:14px}.studio-control-block{margin-top:16px}.studio-field-label{font-size:1rem}.service-select-trigger{border-radius:20px;min-height:62px;padding:12px 12px 12px 14px}.service-select-badge{border-radius:11px;width:30px;height:30px}.service-select-name{font-size:1.02rem}.studio-textarea{border-radius:22px;min-height:164px;padding:15px 16px}.style-preset-card-compact{border-radius:18px;min-width:132px;padding:10px}.style-preset-swatch-compact{border-radius:13px;width:42px;height:42px}.studio-settings-grid,.studio-advanced-grid{gap:12px}.studio-submit-button{min-height:54px;box-shadow:0 18px 42px #6f877733}.studio-preview-shell{border-radius:30px;padding:14px}.studio-preview-header{align-items:flex-start}.preview-empty{border-radius:28px;min-height:320px}.preview-empty-icon{border-radius:22px;width:64px;height:64px}.preview-frame{border-radius:28px}.preview-stage-footer{gap:10px}.preview-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.preview-tool-button,.preview-tool-badge{border-radius:16px;justify-content:center;width:100%;min-height:42px;font-size:.88rem}.preview-filmstrip{background:linear-gradient(#fafbf7f5,#f4f6f0e6),#ffffffe0;border-radius:20px;gap:8px;padding:8px;box-shadow:0 12px 28px #3a483f0f}.preview-filmstrip-shell{gap:10px}.preview-filmstrip-header{padding:0 2px}.preview-filmstrip-title{letter-spacing:.02em;font-size:.82rem}.preview-filmstrip-count{color:var(--color-accent-strong);background:#7a938014;border-radius:999px;padding:4px 10px}.thumbnail-card{border-radius:18px;width:72px;height:72px;padding:3px}.thumbnail-card-index{min-width:18px;height:18px;font-size:.68rem;bottom:6px;right:6px}.thumbnail-card.is-active{box-shadow:0 12px 24px #7a93801f,0 0 0 2px #6f877724}.preview-side-card{border-radius:24px;padding:14px}.preview-insight-card{border-radius:20px;padding:14px}.preview-side-title{font-size:1.04rem}.mobile-tab-panel .reverse-workbench-actions{grid-template-columns:minmax(0,1fr);display:grid}.mobile-tab-panel .reverse-workbench-actions .primary-action,.mobile-tab-panel .reverse-workbench-actions .secondary-action,.mobile-tab-panel .reverse-workbench-header .secondary-action,.mobile-tab-panel .reverse-workbench-prompt-header .studio-link-button{justify-content:center;width:100%}.history-drawer{border-radius:28px 28px 22px 22px}.history-drawer-header{align-items:flex-start;gap:12px}.history-drawer-actions{justify-items:stretch;gap:10px;width:100%;display:grid}.history-record-count{justify-self:end}.history-entry-card{border-radius:22px}.history-entry-body{align-items:flex-start}.history-entry-copy{gap:2px}.history-entry-actions{gap:6px}.history-icon-button{border-radius:13px;width:36px;height:36px}.history-toolbar{justify-content:space-between;width:100%}.history-toolbar-button{border-radius:16px;width:44px;height:44px}.editor-overlay{background:#ecf0e8b8;align-items:flex-end;padding:10px}.history-overlay{align-items:flex-end;padding:10px}.history-overlay-panel,.editor-overlay-panel{width:100%;max-height:calc(100vh - 20px)}.editor-workbench{border-radius:28px 28px 22px 22px;padding:14px 14px 16px}.editor-header-actions{width:100%}.editor-header-actions .primary-action,.editor-header-actions .editor-ghost-button{flex:1 1 0}.editor-tool-rail-shell{order:2;gap:8px}.editor-tool-rail-caption{letter-spacing:.04em;font-size:.74rem}.editor-tool-rail{flex-wrap:nowrap;gap:8px;padding-bottom:2px;overflow-x:auto}.editor-tool-button{border-radius:16px;flex:none;min-width:78px;font-size:.88rem}.editor-canvas-panel,.editor-control-panel{border-radius:22px}.editor-canvas-panel{order:1;padding:10px}.relay-inbox-card{width:min(420px,100vw - 24px);bottom:12px;right:12px}.editor-control-panel{order:3;gap:12px;padding:14px}.editor-canvas-toolbar{padding-bottom:8px}.editor-toolbar-pill{min-height:28px;font-size:.74rem}.editor-action-row{background:linear-gradient(#1a1f1c00,#1a1f1cf5 34%);margin-top:2px;padding-top:6px;position:sticky;bottom:0}.editor-action-row .primary-action,.editor-action-row .editor-ghost-button{border-radius:18px;min-height:46px}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
