/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y: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-outline-style:solid;--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;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--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 components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);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,)}}:root{--canvas:#ebe8e1;--panel:#f7f5f0;--panel-strong:#fdfcf8;--panel-muted:#efede7;--surface:#fffefa;--surface-hover:#f8f5ee;--ink:#1e1f1c;--ink-soft:#4e4e49;--muted:#76736b;--faint:#a29e95;--line:#ddd9d0;--line-strong:#c9c4ba;--accent:#c9543f;--accent-dark:#9f3d2d;--accent-soft:#f5e7e2;--success:#337052;--success-soft:#e8f2ec;--warning:#93681f;--warning-soft:#f7eedb;--danger:#ae3f35;--danger-soft:#f8e9e6;--stage:#181918;--stage-raised:#222320;--stage-soft:#2a2b28;--stage-line:#393a36;--stage-ink:#f2efe7;--stage-muted:#aaa79f;--shadow-sm:0 1px 2px #19181512, 0 4px 12px #1918150a;--shadow-md:0 18px 48px #1514112e, 0 4px 14px #1514111a;--shadow-lg:0 28px 80px #0c0c0a52, 0 8px 28px #0c0c0a2e;--radius-xs:6px;--radius-sm:9px;--radius-md:13px;--radius-lg:18px;--topbar-height:64px;--mobile-tabs-height:0px}*{box-sizing:border-box}html,body{background:var(--canvas);width:100%;min-width:320px;height:100%;color:var(--ink);margin:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}button,input,textarea,select{color:inherit;font:inherit;background:0 0;border:0;border-radius:0;margin:0}button,select{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.5}button,[role=button],input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img,svg{display:block}img{max-width:100%}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{background:var(--canvas);width:100%;height:100dvh;min-height:520px;overflow:hidden}.topbar{z-index:30;width:100%;height:var(--topbar-height);border-bottom:1px solid var(--line);background:var(--panel-strong);grid-template-columns:368px minmax(240px,1fr) 288px;align-items:center;display:grid;position:relative}.brand-lockup{border-right:1px solid var(--line);align-items:center;gap:11px;min-width:0;height:100%;padding:0 20px;display:flex}.brand-mark{color:#fffaf0;background:#222320;border:1px solid #30312e;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #222320,inset 0 0 0 4px #c9543f}.brand-mark:after{background:var(--accent);content:"";border-radius:2px;width:7px;height:7px;position:absolute;bottom:4px;right:4px}.brand-mark>span{z-index:1;font-family:Georgia,Times New Roman,serif;font-size:19px;font-style:italic;font-weight:700;line-height:1;position:relative}.brand-lockup>div{flex-direction:column;justify-content:center;gap:1px;min-width:0;display:flex}.brand-lockup strong{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.25;overflow:hidden}.brand-lockup>div>span{color:var(--muted);letter-spacing:.18em;font-size:8px;font-weight:700;line-height:1.2}.project-title-wrap{grid-template-columns:7px minmax(96px,250px) auto;justify-content:center;align-items:center;gap:8px;min-width:0;padding:0 18px;display:grid}.project-title-wrap input{min-width:0;height:34px;color:var(--ink);text-align:center;text-overflow:ellipsis;border:1px solid #0000;border-radius:7px;padding:0 8px;font-size:13px;font-weight:650;overflow:hidden}.project-title-wrap input:focus{border-color:var(--line-strong);background:var(--surface);text-align:left;outline:none}.save-indicator{background:var(--success);border-radius:50%;width:7px;height:7px;display:block}.save-indicator.saving{background:var(--warning);animation:1.1s ease-in-out infinite status-pulse}.save-indicator.offline{background:var(--faint)}.save-label{color:var(--muted);white-space:nowrap;font-size:11px}.topbar-actions{border-left:1px solid var(--line);justify-content:flex-end;align-items:center;gap:7px;height:100%;padding:0 16px;display:flex}.text-button,.icon-button,.topbar-actions button{justify-content:center;align-items:center;display:inline-flex}.text-button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink-soft);border-radius:8px;gap:6px;padding:0 12px;font-size:12px;font-weight:650}.icon-button{width:36px;height:36px;color:var(--ink-soft);border:1px solid #0000;border-radius:8px;flex:none}.topbar .icon-button{border-color:var(--line);background:var(--surface)}.compact-history-button,.mobile-view-tabs{display:none}.workspace{width:100%;height:calc(100vh - var(--topbar-height));height:calc(100dvh - var(--topbar-height));grid-template-columns:368px minmax(0,1fr) 288px;min-height:0;display:grid;overflow:hidden}.creation-panel{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.creation-scroll{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-color:#bcb7ad transparent;scrollbar-width:thin;flex:auto;min-height:0;padding:26px 22px 38px;overflow:hidden auto}.creation-scroll-content[inert]{pointer-events:none}.creation-scroll::-webkit-scrollbar{width:7px}.history-content::-webkit-scrollbar{width:7px}.settings-content::-webkit-scrollbar{width:7px}.creation-scroll::-webkit-scrollbar-thumb{background:#bcb7ad padding-box padding-box;border:2px solid #0000;border-radius:999px}.history-content::-webkit-scrollbar-thumb{background:#bcb7ad padding-box padding-box;border:2px solid #0000;border-radius:999px}.settings-content::-webkit-scrollbar-thumb{background:#bcb7ad padding-box padding-box;border:2px solid #0000;border-radius:999px}.panel-heading>div{flex-direction:column;gap:5px;display:flex}.eyebrow{color:var(--accent-dark);letter-spacing:.22em;font-size:9px;font-weight:800}.panel-heading h1{color:#242420;letter-spacing:-.035em;margin:0;font-family:Georgia,Songti SC,STSong,serif;font-size:27px;font-weight:700;line-height:1.25}.panel-heading p{color:var(--muted);margin:9px 0 0;font-size:12px}.form-section{border-top:1px solid var(--line);padding:24px 0 26px}.form-section.emphasized{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--panel-strong);box-shadow:var(--shadow-sm);margin:4px -10px 18px;padding:20px 10px 22px}.form-section-heading{grid-template-columns:25px 1fr;align-items:center;gap:7px;margin-bottom:15px;display:grid}.form-section-heading>span{color:var(--accent-dark);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:800}.form-section-heading>strong{color:var(--ink);letter-spacing:.015em;font-size:13px;font-weight:720}.form-section-body{min-width:0}.field-label{color:var(--ink-soft);margin:0 0 8px;font-size:11px;font-weight:650;display:block}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.template-option{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-width:0;min-height:58px;color:var(--ink-soft);text-align:left;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:8px 9px;display:grid;position:relative}.template-option>strong{text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:650;line-height:1.35;overflow:hidden}.template-option>svg{color:var(--accent)}.template-option.selected{border-color:var(--accent);background:var(--accent-soft);color:#3c211b;box-shadow:inset 3px 0 0 var(--accent)}.template-glyph{background:#ebe5da;border:1px solid #c7c1b6;border-radius:4px;width:32px;height:36px;display:block;position:relative;overflow:hidden}.template-glyph:before,.template-glyph:after{content:"";position:absolute}.template-glyph--xhs-cover:before{background:#c9543f;inset:4px 4px 17px}.template-glyph--xhs-cover:after{border-top:2px solid #3f403c;border-bottom:1px solid #8e8a82;height:8px;bottom:5px;left:4px;right:4px}.template-glyph--poster:before{border:2px solid #e7b85d;border-radius:50%;width:13px;height:13px;top:5px;right:5px}.template-glyph--poster:after{border-top:2px solid #f6eee1;border-bottom:1px solid #aaa49b;width:19px;height:4px;bottom:6px;left:5px}.template-glyph--content-image{background:#d8e0d8;width:34px;height:27px}.template-glyph--content-image:before{clip-path:polygon(0 100%,35% 28%,57% 68%,77% 12%,100% 100%);background:#587160;height:10px;bottom:5px;left:5px;right:5px}.template-glyph--content-image:after{background:#d48650;border-radius:50%;width:5px;height:5px;top:5px;right:6px}.template-glyph--free-create{background:0 0;border-style:dashed}.template-glyph--free-create:before,.template-glyph--free-create:after{background:#77736b;top:50%;left:50%;transform:translate(-50%,-50%)}.template-glyph--free-create:before{width:13px;height:1px}.template-glyph--free-create:after{width:1px;height:13px}.inline-notice{border:1px solid var(--line);min-height:32px;color:var(--ink-soft);border-radius:7px;align-items:center;gap:6px;margin-top:9px;padding:6px 9px;font-size:11px;display:flex}.inline-notice.success{background:var(--success-soft);color:#285d44;border-color:#bed4c6}.inline-notice>span{flex:1;min-width:0}.inline-notice button{color:inherit;text-underline-offset:2px;flex:none;font-weight:700;text-decoration:underline}.prompt-editor{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;box-shadow:inset 0 1px 2px #22201c0a}.prompt-editor textarea{resize:vertical;width:100%;min-height:128px;max-height:300px;color:var(--ink);background:0 0;outline:none;padding:12px 13px 8px;font-size:13px;line-height:1.72;display:block}.prompt-editor textarea::placeholder,.input-field input::placeholder,.input-field textarea::placeholder,.history-search input::placeholder{color:#9a968d;opacity:1}.prompt-editor-footer{min-height:29px;color:var(--faint);font-variant-numeric:tabular-nums;border-top:1px solid #ebe7df;justify-content:space-between;align-items:center;padding:0 11px;font-size:10px;display:flex}.warning-text{font-weight:700;color:var(--warning)!important}.hint-row{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.hint-row button{border:1px solid var(--line);background:var(--panel);min-height:28px;color:var(--muted);white-space:nowrap;border-radius:999px;padding:0 8px;font-size:10px}.upload-zone{border-radius:var(--radius-sm);background:var(--panel-strong);min-height:72px;color:var(--muted);border:1px dashed #b9b4aa;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.upload-zone>div{flex-direction:column;gap:2px;min-width:0;display:flex}.upload-zone strong{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.upload-zone div>span{color:var(--muted);font-size:10px}.upload-icon{border:1px solid var(--line);background:var(--panel-muted);width:36px;height:36px;color:var(--accent-dark);border-radius:8px;place-items:center;display:grid}.reference-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:72px minmax(0,1fr) 28px;align-items:stretch;gap:10px;min-height:92px;padding:9px;display:grid;position:relative}.reference-card>img{border:1px solid var(--line);background:var(--panel-muted);object-fit:cover;border-radius:7px;align-self:center;width:72px;height:72px}.reference-card-body{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.reference-card-body>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.reference-card-body>span{color:var(--muted);font-size:10px}.reference-card-body label{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;margin-top:5px;font-size:10px;display:grid}.reference-card-body select{border:1px solid var(--line);background:var(--panel);min-width:0;height:27px;color:var(--ink-soft);border-radius:6px;padding:0 6px;font-size:10px}.reference-remove{width:28px;height:28px;color:var(--muted)}.segmented-control,.small-segments,.alignment-row{border:1px solid var(--line);background:var(--panel-muted);border-radius:8px;gap:3px;padding:3px;display:grid}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-control button,.small-segments button,.alignment-row button{min-width:0;min-height:31px;color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:5px;padding:0 7px;font-size:11px;font-weight:600}.segmented-control button.selected,.small-segments button.selected,.alignment-row button.selected{background:var(--surface);color:var(--ink);border-color:#d7d1c7;box-shadow:0 1px 2px #19181514}.conditional-fields,.advanced-fields{flex-direction:column;gap:10px;margin-top:12px;display:flex}.input-field{min-width:0;color:var(--ink-soft);flex-direction:column;gap:6px;font-size:11px;font-weight:650;display:flex}.input-field input,.input-field textarea,.input-field select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:38px;color:var(--ink);border-radius:7px;outline:none;padding:8px 10px;font-size:12px;font-weight:450}.input-field textarea{resize:vertical;min-height:78px;line-height:1.6}.alignment-row{grid-template-columns:repeat(3,minmax(0,1fr))}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.style-option{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-width:0;min-height:60px;color:var(--ink-soft);text-align:left;grid-template-columns:42px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:8px;display:grid;position:relative}.style-option.secondary-style{min-height:54px}.style-option>strong{text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:650;line-height:1.3;overflow:hidden}.style-option>svg{color:var(--accent)}.style-option.selected{border-color:var(--accent);background:var(--accent-soft);color:#3d221b}.style-swatch{isolation:isolate;background:#e5dfd4;border:1px solid #1a1d2621;border-radius:9px;width:42px;height:42px;transition:border-color .16s,box-shadow .16s,filter .16s,transform .16s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff61,0 1px 2px #14182412}.style-swatch:before,.style-swatch:after{content:"";pointer-events:none;position:absolute}.style-swatch:before{z-index:1}.style-swatch:after{z-index:4;border-radius:inherit;background:linear-gradient(145deg,#ffffff2b,#0000 38%,#10131c0a);inset:0;box-shadow:inset 0 0 0 .5px #ffffff4d}.style-swatch i{z-index:2;display:block;position:absolute}.style-swatch--natural-photo{background:linear-gradient(#f2ebdd 0%,#e4dac8 54%,#d7c7aa 100%)}.style-swatch--natural-photo:before{opacity:.58;background:#879a89;border-radius:62% 0 0;width:35px;height:27px;bottom:-7px;right:-7px;rotate:-8deg}.style-swatch--natural-photo i:first-child{background:radial-gradient(circle at 35% 30%,#f8cb7f 0%,#e8b36b 68%,#db9f4e 100%);border-radius:50%;width:13px;height:13px;top:5px;right:5px;box-shadow:0 0 0 3px #e8b36b1a}.style-swatch--natural-photo i:nth-child(2){background:linear-gradient(155deg,#657c6c 0%,#4e6557 76%);border-radius:50% 0 0;height:28px;bottom:-9px;left:10px;right:-7px;rotate:-10deg;box-shadow:inset 0 1px #ffffff1a}.style-swatch--natural-photo i:nth-child(3){z-index:3;filter:blur(.2px);background:linear-gradient(145deg,#fffaf0 0%,#f2ebdd 58%,#e4d7c4 100%);border-radius:56% 50% 46% 40%;width:27px;height:27px;bottom:-7px;left:-6px;box-shadow:1px -1px 3px #493f3012}.style-swatch--editorial{background:#f1ecdd}.style-swatch--editorial:before{z-index:1;background:linear-gradient(#17191f 0 0) 0 0/19px 3px no-repeat,linear-gradient(#bcb6a9 0 0) 0 7px/13px 2px no-repeat,linear-gradient(#d2ccbe 0 0) 0 11px/17px 1px no-repeat;width:19px;height:12px;top:6px;left:5px}.style-swatch--editorial i:first-child{z-index:1;background:linear-gradient(#282d55 0%,#1f2343 76%);border-radius:0;width:18px;height:44px;inset:-1px -1px auto auto}.style-swatch--editorial i:nth-child(2){z-index:3;background:linear-gradient(90deg,#e84e38 0%,#ef5942 100%);border-radius:0;width:27px;height:11px;inset:auto auto 5px 5px;rotate:none;box-shadow:1px 1px #832a1f24}.style-swatch--editorial i:nth-child(3){z-index:3;background:#d9b44a;border-radius:50%;width:4px;height:4px;inset:22px auto auto 5px;box-shadow:7px 0 #5573c4}.style-swatch--illustration{background:linear-gradient(145deg,#f9e0d8 0%,#f7d6cc 48%,#f1c6bc 100%)}.style-swatch--illustration:before{z-index:1;background:radial-gradient(circle at 17% 19%,#fff7ebe0 0 2px,#0000 2.4px),radial-gradient(circle at 85% 74%,#d98cab8c 0 1.5px,#0000 2px);inset:0}.style-swatch--illustration i:first-child{background:linear-gradient(145deg,#7774c6 0%,#6a68b8 68%,#5b58a9 100%);border-radius:58% 42% 55% 45%;width:27px;height:27px;inset:-4px -4px auto auto;box-shadow:inset 1px 1px #ffffff21,0 1px 2px #4838781a}.style-swatch--illustration i:nth-child(2){background:linear-gradient(145deg,#fac56b 0%,#f5b653 68%,#eaa23a 100%);border-radius:55% 45% 24% 18%;width:25px;height:30px;inset:auto 6px -8px auto;rotate:9deg;box-shadow:inset 1px 1px #ffffff26,0 1px 2px #81521a17}.style-swatch--illustration i:nth-child(3){background:radial-gradient(circle at 35% 28%,#42717b 0%,#325b65 72%);border-radius:58% 42% 52% 48%;width:16px;height:16px;inset:auto auto 5px 3px;box-shadow:0 1px 2px #1f434a21}.style-swatch--cinematic{background:radial-gradient(circle at 76% 22%,#d8794829,#0000 25%),linear-gradient(155deg,#182534 0%,#111923 46%,#080d13 100%)}.style-swatch--cinematic:before{z-index:1;opacity:.72;background:linear-gradient(122deg,#0000 0% 45%,#8faabd26 49%,#d8794814 56%,#0000 66%),radial-gradient(#ffffff2e 0 .45px,#0000 .65px) 0 0/4px 4px;inset:0}.style-swatch--cinematic i:first-child{z-index:3;background:radial-gradient(circle at 35% 30%,#ee9c68 0%,#d87948 70%,#bc6035 100%);border-radius:50%;width:10px;height:10px;inset:6px 5px auto auto;box-shadow:0 0 8px 3px #d879482b}.style-swatch--cinematic i:nth-child(2){z-index:2;clip-path:polygon(29% 14%,100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#31506f 0%,#243b55 70%);border-radius:0;width:35px;height:25px;inset:auto -2px -1px auto;rotate:none}.style-swatch--cinematic i:nth-child(3){z-index:3;background:linear-gradient(145deg,#090d12 0%,#050709 72%);border-radius:58% 52% 0 0;width:32px;height:27px;inset:auto auto -7px -8px}.style-swatch--minimal-graphic{background:linear-gradient(145deg,#f8f5ec 0%,#f3efe4 75%)}.style-swatch--minimal-graphic:before{z-index:1;background:#c9c1b0;width:1px;height:15px;inset:6px auto auto 6px}.style-swatch--minimal-graphic i:first-child{background:#e44332;border-radius:0;width:12px;height:12px;inset:5px 5px auto auto;box-shadow:1px 1px #972e231f}.style-swatch--minimal-graphic i:nth-child(2){background:#151515;border-radius:0;height:7px;inset:auto 5px 5px;rotate:none}.style-swatch--minimal-graphic i:nth-child(3){background:#827b6f;border-radius:0;width:20px;height:2px;inset:auto auto 15px 5px}.style-swatch--clay-3d{background:linear-gradient(145deg,#f2f5fb 0%,#e6ebf6 48%,#dde4f4 100%)}.style-swatch--clay-3d:before{z-index:1;filter:blur(2px);background:radial-gradient(#41586838 0%,#7895a81c 45%,#0000 72%);border-radius:50%;height:9px;bottom:2px;left:4px;right:4px}.style-swatch--clay-3d i:first-child{z-index:2;background:radial-gradient(circle at 33% 27%,#ffd9c8 0%,#f7c7b3 25%,#efad95 66%,#d49382 100%);border-radius:50%;width:19px;height:19px;inset:5px 6px auto auto;box-shadow:inset -2px -2px 4px #69484f1f,0 3px 5px #644c5f29}.style-swatch--clay-3d i:nth-child(2){z-index:3;background:linear-gradient(145deg,#c5b9e5 0%,#a99bcf 58%,#8f7fbb 100%);border-radius:11px 10px 9px 12px;width:19px;height:25px;inset:auto auto 4px 5px;rotate:-8deg;box-shadow:inset 2px 1px 3px #ffffff3b,inset -2px -2px 3px #52427e1f,0 3px 5px #443b6b2e}.style-swatch--clay-3d i:nth-child(3){z-index:3;background:radial-gradient(circle at 32% 26%,#fff1ad 0%,#fbe99d 24%,#f6d878 67%,#d8b94e 100%);border-radius:50%;width:13px;height:13px;inset:auto 4px 3px auto;box-shadow:inset -1px -1px 2px #765b1a1f,0 2px 4px #65572a2e}.style-swatch--oriental{background:repeating-linear-gradient(4deg,#806f5108 0 1px,#0000 1px 5px),linear-gradient(145deg,#f6f0e4 0%,#efe8d9 66%,#e4d8c3 100%)}.style-swatch--oriental:before{z-index:1;background:linear-gradient(16deg,#0000 42%,#292c285c 45% 53%,#0000 56%) 0 0/12px 5px no-repeat,linear-gradient(-9deg,#0000 42%,#292c2833 45% 53%,#0000 56%) 4px 5px/9px 4px no-repeat;width:13px;height:9px;inset:8px auto auto 7px}.style-swatch--oriental i:first-child{background:#a64032;border-radius:2px;width:8px;height:8px;inset:6px 7px auto auto;rotate:2deg;box-shadow:inset 0 0 0 1px #68231b26}.style-swatch--oriental i:nth-child(2){z-index:2;clip-path:polygon(0 40%,90% 0,100% 60%,12% 100%);background:linear-gradient(90deg,#292c28ad 0%,#292c28 30% 78%,#292c2873 100%);border-radius:50% 10% 55% 45%;width:39px;height:8px;inset:auto -6px 7px auto;rotate:-9deg}.style-swatch--oriental i:nth-child(3){z-index:3;background:linear-gradient(145deg,#899886 0%,#7b8b78 72%);border-radius:54% 62% 10% 8px;width:21px;height:13px;inset:auto auto 2px 9px;box-shadow:inset 0 1px #ffffff17}.style-swatch--retro-print{background:linear-gradient(145deg,#f2e4bd 0%,#edda9d 38%,#e8c978 100%)}.style-swatch--retro-print:before{z-index:3;mix-blend-mode:multiply;opacity:.38;background:radial-gradient(circle,#4a2e2738 0 .55px,#0000 .75px) 0 0/3px 3px;inset:0}.style-swatch--retro-print i:first-child{mix-blend-mode:multiply;background:radial-gradient(circle,#d9543d 0 68%,#c84937 70% 100%);border-radius:50%;width:16px;height:16px;inset:5px 5px auto auto;box-shadow:1px 0 #4a2e2733}.style-swatch--retro-print i:nth-child(2){mix-blend-mode:multiply;background:#24465d;border-radius:0;height:12px;inset:auto 5px 5px;rotate:none;box-shadow:1px 1px #4a2e272e}.style-swatch--retro-print i:nth-child(3){z-index:3;background:#f2e4bd;border-radius:50%;width:17px;height:17px;inset:auto auto 11px 4px;box-shadow:1px 0 #d9543d47,-1px 0 #24465d24}.style-swatch--none{background:linear-gradient(135deg,#0000 48.5%,#979aa421 49% 51%,#0000 51.5%),linear-gradient(145deg,#fafaf8 0%,#f0f1f3 100%)}.style-swatch--none:before{z-index:1;background:#ffffff73;border:1px dashed #bfc2cb;border-radius:5px;inset:7px}.style-swatch--none i:first-child{z-index:3;background:#8f939e;border-radius:999px;width:27px;height:2px;top:20px;left:8px;rotate:-42deg}.style-swatch--none i:nth-child(2),.style-swatch--none i:nth-child(3){display:none}.style-swatch--custom{background:radial-gradient(circle at 72% 24%,#ffffffd9 0 3px,#0000 3.5px),linear-gradient(145deg,#f4f0ff 0%,#ded5ff 55%,#c8b9fa 100%)}.style-swatch--custom:before{z-index:1;background:radial-gradient(circle at 23% 70%,#7154dc24 0 6px,#0000 6.5px),radial-gradient(circle at 80% 76%,#ffffff7a 0 4px,#0000 4.5px);inset:0}.style-swatch--custom i:first-child{z-index:3;background:linear-gradient(#856ce1 0%,#674bc9 100%);border:1px solid #4b339e29;border-radius:4px 2px 2px 4px;width:27px;height:7px;top:18px;left:8px;rotate:-38deg;box-shadow:0 2px 3px #4c32a42e}.style-swatch--custom i:nth-child(2){z-index:3;background:#fff;border-radius:50%;width:4px;height:4px;top:7px;right:7px;box-shadow:0 5px 0 -1px #fff,-5px 0 0 -1px #fff}.style-swatch--custom i:nth-child(3){z-index:3;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);background:#f4c66d;width:7px;height:7px;top:29px;left:5px}.custom-style-fields{background:#f8f6ff;border:1px solid #ddd7f7;border-radius:11px;gap:6px;padding:10px}.custom-style-fields .input-field textarea{background:#fff;min-height:86px}.custom-style-meta{color:#777b89;justify-content:space-between;align-items:flex-start;gap:12px;font-size:9px;font-weight:500;line-height:1.45;display:flex}.custom-style-meta>span:last-child{font-variant-numeric:tabular-nums;flex:none}.custom-style-demo-note{color:#6b55bd;font-size:9px;font-weight:550;line-height:1.45}.ratio-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.ratio-grid>button{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:64px;color:var(--muted);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:5px 2px;display:flex}.ratio-grid>button strong{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:650}.ratio-grid>button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.ratio-shape{border:1.5px solid;border-radius:2px;width:20px;height:20px;display:block}.ratio-shape--3\:4{width:16px;height:21px}.ratio-shape--4\:3{width:22px;height:17px}.ratio-shape--9\:16{width:12px;height:22px}.ratio-shape--16\:9{width:24px;height:14px}.ratio-shape--custom{border-style:dashed;position:relative}.ratio-shape--custom:before,.ratio-shape--custom:after{content:"";background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ratio-shape--custom:before{width:9px;height:1px}.ratio-shape--custom:after{width:1px;height:9px}.custom-ratio-box{border:1px solid var(--line);background:var(--panel-muted);border-radius:8px;grid-template-columns:64px auto 64px minmax(0,1fr);align-items:end;gap:6px;margin-top:9px;padding:10px;display:grid}.custom-ratio-box>label{color:var(--muted);flex-direction:column;gap:4px;font-size:9px;display:flex}.custom-ratio-box input{border:1px solid var(--line);background:var(--surface);border-radius:6px;outline:none;width:100%;height:32px;padding:0 7px;font-size:12px}.custom-ratio-box>span{color:var(--muted);align-self:center;padding-top:13px}.custom-ratio-box>div{flex-direction:column;gap:1px;min-width:0;padding-left:3px;display:flex}.custom-ratio-box>div strong{font-variant-numeric:tabular-nums;font-size:10px}.custom-ratio-box>div span{color:var(--muted);font-size:8px;line-height:1.35}.output-row{grid-template-columns:.82fr 1.18fr;gap:12px;margin-top:18px;display:grid}.output-row>div{min-width:0}.small-segments{grid-template-columns:repeat(3,minmax(0,1fr))}.quality-segments button{padding-inline:4px}.advanced-toggle{border:1px solid var(--line);background:var(--panel-strong);width:100%;min-height:38px;color:var(--muted);text-align:left;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:14px;padding:0 10px;font-size:11px;font-weight:650;display:grid}.advanced-toggle svg:last-child{transition:transform .16s}.advanced-toggle[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.advanced-fields{border:1px solid var(--line);background:var(--panel-muted);border-radius:8px;padding:11px}.generate-dock{z-index:5;padding:13px 18px max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);background:var(--panel-strong);flex:none;position:relative;box-shadow:0 -10px 28px #27241f0f}.generate-summary{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;display:flex}.form-error{background:var(--danger-soft);color:var(--danger);border:1px solid #e1bcb6;border-radius:7px;align-items:flex-start;gap:6px;margin-bottom:7px;padding:7px 8px;font-size:10px;line-height:1.45;display:flex}.form-error svg{flex:none;margin-top:1px}.generate-button{background:var(--accent);color:#fffaf5;border:1px solid #9e3e2e;border-radius:9px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;width:100%;min-height:46px;padding:0 12px;font-size:13px;font-weight:720;display:grid;box-shadow:0 5px 14px #9f3d2d33}.generate-button.cancel{box-shadow:none;background:#30312e;border-color:#4f504b}.generate-shortcut{color:#ffffffc7;border:1px solid #ffffff4d;border-radius:5px;justify-content:center;align-items:center;min-width:34px;height:23px;padding:0 5px;font-size:9px;font-weight:600;display:inline-flex}.demo-note{color:var(--muted);justify-content:center;align-items:center;gap:4px;margin-top:7px;font-size:9px;display:flex}.preview-stage{--local-stage:var(--stage);--local-stage-raised:var(--stage-raised);--local-stage-line:var(--stage-line);--local-stage-ink:var(--stage-ink);--local-stage-muted:var(--stage-muted);background:var(--local-stage);min-width:0;min-height:0;color:var(--local-stage-ink);grid-template-rows:52px minmax(0,1fr) auto;display:grid;overflow:hidden}.stage-toolbar{z-index:3;border-bottom:1px solid var(--local-stage-line);background:var(--local-stage-raised);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 15px;display:flex;position:relative}.stage-view-controls,.stage-actions{align-items:center;gap:4px;min-width:0;display:flex}.stage-view-controls>span{min-width:42px;color:var(--local-stage-muted);text-align:center;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.preview-stage .icon-button{width:32px;height:32px;color:var(--local-stage-muted)}.preview-stage .icon-button.active{background:var(--local-stage-line);color:var(--local-stage-ink)}.stage-tone-toggle{border:1px solid var(--local-stage-line);border-radius:7px;align-items:center;gap:4px;height:30px;padding:0 7px;display:flex}.stage-tone-toggle>span{opacity:.45;background:#e4e1d9;border:1px solid #8d8b84;border-radius:50%;width:10px;height:10px;display:block}.stage-tone-toggle>span:last-child{background:#222320;border-color:#52534f}.stage-tone-toggle>span.selected{outline:2px solid var(--local-stage-ink);outline-offset:1px;opacity:1}.stage-download{border:1px solid var(--local-stage-line);min-height:32px;color:var(--local-stage-ink);background:0 0;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.stage-canvas{background:var(--local-stage);place-items:center;min-width:0;min-height:0;padding:clamp(18px,3vw,44px);display:grid;position:relative;overflow:hidden}.stage-empty{width:100%;height:100%;color:var(--local-stage-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.empty-frame{background:var(--local-stage-raised);border:1px solid #5b5c57;max-width:min(52vw,520px);height:min(48vh,430px);position:relative;box-shadow:0 22px 50px #0000002e}.light .empty-frame{border-color:#b7b3aa;box-shadow:0 18px 40px #2b28231f}.empty-frame:before,.empty-frame:after{border-color:var(--accent);content:"";border-style:solid;width:18px;height:18px;position:absolute}.empty-frame:before{border-width:1px 0 0 1px;top:-5px;left:-5px}.empty-frame:after{border-width:0 1px 1px 0;bottom:-5px;right:-5px}.empty-frame>span{color:var(--local-stage-muted);letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;position:absolute;bottom:8px;right:10px}.stage-empty>div:last-child strong{color:var(--local-stage-ink);margin-bottom:5px;font-size:14px;font-weight:650;display:block}.stage-empty p{color:var(--local-stage-muted);margin:0;font-size:11px}.generation-state{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;display:flex}.generation-frame{background:var(--local-stage-raised);border:1px solid #50514d;max-width:min(52vw,520px);height:min(47vh,420px);position:relative;overflow:hidden;box-shadow:0 20px 52px #0003}.generation-frame:before,.generation-frame:after{z-index:1;content:"";position:absolute}.generation-frame:before{background:#43443f;border-radius:50%;width:28%;height:28%;top:18%;right:15%}.generation-frame:after{clip-path:polygon(0 100%,30% 20%,51% 72%,74% 7%,100% 100%);background:#31322f;height:32%;bottom:12%;left:10%;right:10%}.generation-sweep{z-index:2;opacity:.2;background:#8b786d;width:18%;animation:2.2s ease-in-out infinite generation-scan;position:absolute;top:0;bottom:0;left:-18%}.frame-corner{z-index:3;border-style:solid;border-color:#d9d1c4;width:19px;height:19px;position:absolute}.corner-a{border-width:1px 0 0 1px;top:9px;left:9px}.corner-b{border-width:1px 1px 0 0;top:9px;right:9px}.corner-c{border-width:0 1px 1px 0;bottom:9px;right:9px}.corner-d{border-width:0 0 1px 1px;bottom:9px;left:9px}.generation-copy{color:var(--local-stage-ink);text-align:left;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:2px 8px;display:grid}.generation-copy>svg{color:var(--accent);grid-row:1/3}.generation-copy strong{font-size:12px;font-weight:650}.generation-copy span{color:var(--local-stage-muted);font-variant-numeric:tabular-nums;font-size:10px}.spin{animation:.9s linear infinite spin}.single-result-stage{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;min-height:0;display:flex;position:relative}.single-result{transform-origin:50%;justify-content:center;align-items:center;max-width:min(82%,920px);max-height:calc(100% - 10px);transition:transform .18s;display:flex}.single-result:focus-visible{outline-color:#f1e6d8}.single-result img{object-fit:contain;background:#0f100f;border:1px solid #ffffff1a;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 230px);box-shadow:0 24px 68px #00000057}.light .single-result img{background:#f8f6ef;border-color:#2a29251f;box-shadow:0 22px 54px #302c2630}.result-filmstrip{border:1px solid var(--local-stage-line);background:var(--local-stage-raised);border-radius:9px;gap:5px;max-width:min(90%,520px);padding:5px;display:flex;position:absolute;bottom:0;left:50%;overflow-x:auto;transform:translate(-50%)}.result-filmstrip button{background:var(--local-stage);border:1px solid #0000;border-radius:5px;flex:none;width:42px;height:42px;padding:2px;overflow:hidden}.result-filmstrip button.selected{border-color:var(--accent)}.result-filmstrip img{object-fit:cover;width:100%;height:100%}.result-grid{gap:clamp(8px,1.2vw,16px);width:min(100%,920px);height:min(100%,760px);min-height:0;margin:auto;display:grid}.result-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid--3,.result-grid--4{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid--3>button:first-child{grid-row:1/3}.result-grid>button{border:1px solid var(--local-stage-line);background:var(--local-stage-raised);justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.result-grid>button>span{z-index:2;color:#f7f3eb;background:#141412c7;border:1px solid #ffffff29;border-radius:4px;place-items:center;width:24px;height:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;display:grid;position:absolute;top:8px;left:8px}.result-grid img{object-fit:contain;width:100%;height:100%}.result-dock{z-index:3;border-top:1px solid var(--local-stage-line);background:var(--local-stage-raised);justify-content:space-between;align-items:center;gap:14px;min-width:0;min-height:64px;padding:9px 15px;display:flex;position:relative}.result-dock-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.result-dock-copy span{color:var(--accent);letter-spacing:.16em;font-size:8px;font-weight:800}.result-dock-copy strong{max-width:34vw;color:var(--local-stage-ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.result-dock-actions{flex:none;align-items:center;gap:5px;display:flex}.result-dock-actions>button:not(.icon-button){border:1px solid var(--local-stage-line);min-height:32px;color:var(--local-stage-muted);border-radius:7px;align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:600;display:inline-flex}.result-dock-actions>.result-save-button:not(.icon-button){color:#aa96ff;background:#7c58f61f;border-color:#977ef46b}.result-dock-actions>button:disabled{cursor:wait;opacity:.7}.activity-panel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.activity-tabs{border-bottom:1px solid var(--line);background:var(--panel-strong);flex:0 0 52px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px 10px 0;display:grid}.activity-tabs button{color:var(--muted);font-size:11px;font-weight:650;position:relative}.activity-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.activity-tabs button.active{color:var(--ink)}.activity-tabs button.active:after{background:var(--accent)}.current-activity{min-height:0;padding:14px;overflow-y:auto}.task-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:60px;padding:10px;display:grid}.task-card.running{background:var(--accent-soft);border-color:#d8ad9f}.task-icon{border:1px solid var(--line);background:var(--panel-muted);width:32px;height:32px;color:var(--success);border-radius:8px;place-items:center;display:grid}.task-card.running .task-icon{background:var(--surface);color:var(--accent);border-color:#d8ad9f}.task-card.failed{background:var(--danger-soft);border-color:#e1bcb6}.task-card.failed .task-icon{background:var(--surface);color:var(--danger);border-color:#e1bcb6}.task-card.busy{background:#fff9ed;border-color:#d9c8a5}.task-card.busy .task-icon{color:#a76f16;background:#fff;border-color:#decba3}.task-card.cancelled .task-icon{color:var(--muted)}.task-card.save-pending{background:#fff9ed;border-color:#d9c8a5}.task-card.save-pending .task-icon{color:#a76f16;background:#fff;border-color:#decba3}.task-card>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.task-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.task-card span{color:var(--muted);font-size:9px;line-height:1.45}.retry-save-button{color:#8b5d16;background:#fff;border:1px solid #d6c39e;border-radius:6px;justify-content:center;align-items:center;gap:4px;width:fit-content;min-height:27px;margin-top:5px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.retry-save-button:disabled{cursor:wait;opacity:.68}.current-result-list{margin-top:18px}.activity-section-label,.history-group-title{color:var(--muted);letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:9px;font-weight:700;display:flex}.activity-section-label strong,.history-group-title strong{background:var(--panel-muted);min-width:20px;height:18px;color:var(--muted);letter-spacing:0;border-radius:999px;place-items:center;font-size:9px;display:grid}.activity-result-card{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:8px;min-width:0;padding:7px;display:grid}.activity-thumb{border:1px solid var(--line);background:var(--panel-muted);border-radius:6px;width:48px;height:48px;overflow:hidden}.activity-thumb img{object-fit:cover;width:100%;height:100%}.activity-result-card>div{flex-direction:column;gap:2px;min-width:0;display:flex}.activity-result-card>div span{color:var(--muted);font-size:9px}.activity-result-card>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.activity-result-card .icon-button{width:30px;height:30px}.activity-empty{min-height:210px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:20px;display:flex}.activity-empty>svg{color:var(--faint);margin-bottom:5px}.activity-empty strong{color:var(--ink-soft);font-size:11px}.activity-empty span{max-width:190px;font-size:9px;line-height:1.55}.history-content{overscroll-behavior:contain;scrollbar-color:#bcb7ad transparent;scrollbar-width:thin;flex:auto;min-height:0;padding:13px;overflow-y:auto}.history-search{z-index:2;border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--muted);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;margin-bottom:14px;padding:0 9px;display:grid;position:sticky;top:0}.history-search input{outline:none;min-width:0;height:34px;font-size:11px}.history-groups{flex-direction:column;gap:18px;display:flex}.history-list{flex-direction:column;gap:8px;display:flex}.history-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:70px minmax(0,1fr);gap:9px;min-width:0;padding:7px;display:grid}.history-card.pending-save{background:#fffaf0;border-color:#d9c8a5}.history-thumb{border:1px solid var(--line);background:var(--panel-muted);border-radius:6px;width:70px;height:80px;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%}.history-card-copy{flex-direction:column;min-width:0;display:flex}.history-card-copy>div:first-child{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.history-card-copy>div:first-child strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:700;overflow:hidden}.history-card-copy>div:first-child span{color:var(--faint);flex:none;font-size:8px}.history-card-copy>div:first-child .pending-save-label{color:#8b5d16;background:#f4e8ce;border-radius:999px;padding:2px 5px;font-weight:750}.history-card-copy p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 6px;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.history-card-actions{gap:4px;margin-top:auto;display:flex}.history-card-actions button{min-height:23px;color:var(--muted);border-radius:5px;align-items:center;gap:3px;padding:0 5px;font-size:8px;font-weight:650;display:inline-flex}.history-card-actions .history-retry-save{color:#815510;background:#f4e8ce}.history-card-actions button:disabled{cursor:wait;opacity:.62}.drawer-layer,.modal-layer,.focus-layer{z-index:100;position:fixed;inset:0}.drawer-backdrop,.modal-backdrop,.focus-backdrop{cursor:default;background:#1616149e;width:100%;height:100%;animation:.15s ease-out both fade-in;position:absolute;inset:0}.history-drawer{border-left:1px solid var(--line-strong);background:var(--panel);width:min(400px,92vw);min-height:0;box-shadow:var(--shadow-lg);flex-direction:column;animation:.21s ease-out both drawer-in;display:flex;position:absolute;top:0;bottom:0;right:0}.drawer-header,.dialog-header{border-bottom:1px solid var(--line);background:var(--panel-strong);flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 18px;display:flex}.drawer-header>div,.dialog-header>div{flex-direction:column;gap:1px;display:flex}.drawer-header span,.dialog-header span{color:var(--accent-dark);letter-spacing:.18em;font-size:8px;font-weight:800}.drawer-header strong,.dialog-header strong{font-size:15px;font-weight:700}.modal-layer{place-items:center;padding:20px;display:grid}.settings-dialog{z-index:1;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--panel);width:min(620px,100vw - 32px);max-height:min(760px,100dvh - 40px);box-shadow:var(--shadow-lg);flex-direction:column;animation:.17s ease-out both modal-in;display:flex;position:relative;overflow:hidden}.settings-content{overscroll-behavior:contain;scrollbar-color:#bcb7ad transparent;scrollbar-width:thin;min-height:0;padding:20px;overflow-y:auto}.settings-content>section+section{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.settings-section-title{color:var(--accent-dark);grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:11px;display:grid}.settings-section-title>svg{margin-left:5px}.settings-section-title>div{flex-direction:column;gap:1px;min-width:0;display:flex}.settings-section-title strong{color:var(--ink);font-size:13px}.settings-section-title span{color:var(--muted);font-size:10px}.settings-status-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:13px}.settings-status-card>div:first-child{align-items:center;gap:7px;font-size:12px;display:flex}.service-dot{background:var(--success);border-radius:50%;width:8px;height:8px;display:block}.service-dot.loading{background:var(--warning);animation:1.1s ease-in-out infinite status-pulse}.service-dot.offline{background:var(--danger)}.settings-status-card dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0;display:grid}.settings-status-card dl>div{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.settings-status-card dl>div+div{border-top:1px solid #ece8df}.settings-status-card dt{color:var(--muted);font-size:10px}.settings-status-card dd{color:var(--ink-soft);text-align:right;margin:0;font-size:10px;font-weight:650}.secondary-button,.danger-button{border:1px solid var(--line-strong);background:var(--panel-strong);min-height:34px;color:var(--ink-soft);border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:650;display:inline-flex}.privacy-list{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.privacy-list>div{justify-content:space-between;align-items:flex-start;gap:20px;min-height:47px;padding:10px 12px;display:flex}.privacy-list>div+div{border-top:1px solid var(--line)}.privacy-list strong{flex:none;font-size:11px}.privacy-list span{max-width:340px;color:var(--muted);text-align:right;font-size:10px}.danger-button{background:var(--danger-soft);color:var(--danger);border-color:#ddb7b1;margin-top:10px}.settings-content>section.settings-footnote{background:var(--warning-soft);color:var(--warning);border:1px solid #ded1b6;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-top:18px;padding:12px;display:grid}.settings-footnote p{margin:0;font-size:10px;line-height:1.6}.focus-layer{z-index:120;place-items:center;padding:18px;display:grid}.focus-backdrop{background:#0b0b0adb}.focus-dialog{z-index:1;border-radius:var(--radius-md);width:min(1320px,100vw - 36px);height:min(900px,100dvh - 36px);box-shadow:var(--shadow-lg);background:#151614;border:1px solid #3c3d38;grid-template-rows:58px minmax(0,1fr);animation:.17s ease-out both modal-in;display:grid;position:relative;overflow:hidden}.focus-toolbar{color:#f4f0e8;background:#20211e;border-bottom:1px solid #353632;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:0 14px 0 17px;display:flex}.focus-toolbar>div:first-child{flex-direction:column;gap:1px;min-width:0;display:flex}.focus-toolbar>div:first-child span{color:#9e9b94;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px}.focus-toolbar>div:first-child strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(60vw,720px);font-size:12px;overflow:hidden}.focus-toolbar>div:last-child{flex:none;align-items:center;gap:5px;display:flex}.focus-toolbar>div:last-child>button:not(.icon-button){color:#e9e5dd;border:1px solid #42433e;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:10px;display:inline-flex}.focus-toolbar .icon-button{color:#bbb7af}.focus-stage{background:#111210;place-items:center;min-width:0;min-height:0;padding:clamp(16px,3vw,42px);display:grid;overflow:auto}.focus-stage img{object-fit:contain;border:1px solid #ffffff17;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 28px 80px #00000070}.toast-region{z-index:200;pointer-events:none;flex-direction:column;align-items:flex-end;width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:18px;right:18px}.toast{color:#f7f3eb;max-width:100%;min-height:42px;box-shadow:var(--shadow-md);background:#292a27;border:1px solid #484943;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:10px 12px;font-size:11px;line-height:1.45;animation:.18s ease-out both toast-in;display:grid}.toast.success{border-color:#47775d}.toast.warning{border-color:#8b692d}.toast.danger{border-color:#a95449}.toast.success>svg{color:#86c29e}.toast.warning>svg{color:#e2b35e}.toast.danger>svg{color:#e68e83}@media (hover:hover) and (pointer:fine){.text-button:hover,.topbar .icon-button:hover,.template-option:hover,.style-option:hover,.ratio-grid>button:hover,.upload-zone:hover,.segmented-control button:hover,.small-segments button:hover,.alignment-row button:hover,.advanced-toggle:hover,.secondary-button:hover{border-color:var(--line-strong);background:var(--surface-hover);color:var(--ink)}.template-option.selected:hover,.style-option.selected:hover,.ratio-grid>button.selected:hover{border-color:var(--accent-dark);background:var(--accent-soft);color:var(--accent-dark)}.hint-row button:hover,.history-card-actions button:hover,.activity-result-card .icon-button:hover{background:var(--panel-muted);color:var(--ink)}.generate-button:hover{background:#b84633;border-color:#823123}.generate-button.cancel:hover{background:#41423e;border-color:#696a64}.preview-stage .icon-button:hover,.stage-download:hover,.stage-tone-toggle:hover,.result-dock-actions>button:hover{border-color:var(--local-stage-muted);background:var(--local-stage-line);color:var(--local-stage-ink)}.result-grid>button:hover{border-color:var(--local-stage-muted)}.result-grid>button:hover img,.activity-thumb:hover img,.history-thumb:hover img,.result-filmstrip button:hover img{opacity:.88}.history-card:hover,.activity-result-card:hover{background:var(--surface-hover)}.danger-button:hover:not(:disabled){background:#f3d8d4;border-color:#cf8177}.focus-toolbar button:hover{color:#fff;background:#343530}}@media (width<=1199px){.topbar{grid-template-columns:368px minmax(220px,1fr) auto}.workspace{grid-template-columns:368px minmax(0,1fr)}.activity-panel{display:none}.compact-history-button{display:inline-flex}.topbar-actions{min-width:142px}.empty-frame,.generation-frame{max-width:min(59vw,520px)}}@media (width<=920px){.topbar{grid-template-columns:344px minmax(170px,1fr) auto}.workspace{grid-template-columns:344px minmax(0,1fr)}.brand-lockup{padding-inline:17px}.creation-scroll{padding-inline:18px}.project-title-wrap{grid-template-columns:7px minmax(80px,1fr)}.project-title-wrap .save-label,.result-dock-actions>button:not(.icon-button) span{display:none}.result-dock-actions>button:not(.icon-button){justify-content:center;width:32px;padding:0}}@media (width<=760px){:root{--topbar-height:58px;--mobile-tabs-height:44px}.app-shell{min-height:0}.topbar{grid-template-columns:auto minmax(0,1fr) auto}.brand-lockup{border-right:0;width:auto;padding:0 12px}.brand-mark{width:32px;height:32px}.brand-lockup>div{display:none}.project-title-wrap{grid-template-columns:7px minmax(60px,220px);justify-content:stretch;padding:0 8px}.project-title-wrap input{text-align:left;width:100%;padding-inline:5px;font-size:12px}.topbar-actions{border-left:0;gap:5px;min-width:0;padding:0 10px 0 4px}.topbar-actions .top-new-button{width:34px;min-height:34px;padding:0}.top-new-button span{display:none}.topbar .icon-button{width:34px;height:34px}.mobile-view-tabs{z-index:25;height:var(--mobile-tabs-height);border-bottom:1px solid var(--line);background:var(--panel-strong);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;display:grid;position:relative}.mobile-view-tabs button{color:var(--muted);border-radius:6px;font-size:11px;font-weight:650;position:relative}.mobile-view-tabs button.active{background:var(--panel-muted);color:var(--ink)}.mobile-view-tabs button.active:after{background:var(--accent);content:"";height:2px;position:absolute;bottom:1px;left:24%;right:24%}.workspace{height:calc(100vh - var(--topbar-height) - var(--mobile-tabs-height));height:calc(100dvh - var(--topbar-height) - var(--mobile-tabs-height));display:block;position:relative}.creation-panel,.preview-stage{border:0;width:100%;height:100%;display:none;position:absolute;inset:0}.creation-panel.mobile-active{display:flex}.preview-stage.mobile-active{display:grid}.creation-scroll{padding:22px 16px 30px}.panel-heading{padding-bottom:24px}.panel-heading h1{font-size:25px}.form-section{padding-block:22px}.form-section.emphasized{margin-inline:-6px;padding-inline:9px}.generate-dock{padding:11px 14px max(10px, env(safe-area-inset-bottom))}.generate-button{min-height:48px}.preview-stage{grid-template-rows:48px minmax(0,1fr) auto}.stage-toolbar{padding-inline:9px}.stage-canvas{padding:16px}.empty-frame,.generation-frame{max-width:min(82vw,500px);height:min(44vh,400px)}.single-result{max-width:92%}.single-result img{max-height:calc(100dvh - 254px)}.result-grid{width:100%;height:100%}.result-dock{min-height:62px;padding:8px 10px max(8px, env(safe-area-inset-bottom))}.result-dock-copy strong{max-width:42vw}.result-dock-actions{gap:3px}.history-drawer{width:min(420px,100vw)}.drawer-header,.dialog-header{min-height:58px;padding-inline:15px}.modal-layer{align-items:end;padding:0}.settings-dialog{border-bottom:0;border-left:0;border-right:0;border-radius:16px 16px 0 0;width:100%;max-height:calc(100dvh - 28px);animation-name:sheet-in}.settings-content{padding:16px;padding-bottom:max(18px, env(safe-area-inset-bottom))}.focus-layer{padding:0}.focus-dialog{border:0;border-radius:0;width:100%;height:100dvh}.focus-stage{padding:14px}.toast-region{right:12px;bottom:max(12px, env(safe-area-inset-bottom));width:calc(100vw - 24px)}}@media (width<=480px){.brand-lockup{padding-right:6px}.project-title-wrap{padding-left:3px}.topbar-actions{padding-right:7px}.topbar-actions .compact-history-button{display:none}.template-grid,.style-grid{gap:7px}.template-option{grid-template-columns:31px minmax(0,1fr) 12px;gap:6px;padding-inline:7px}.template-glyph{width:29px}.style-option{grid-template-columns:38px minmax(0,1fr) 12px;gap:6px;padding-inline:7px}.style-swatch{width:38px;height:40px}.custom-ratio-box{grid-template-columns:58px auto 58px}.custom-ratio-box>div{grid-column:1/-1;margin-top:3px;padding-left:0}.output-row{grid-template-columns:1fr}.stage-view-controls{gap:1px}.stage-view-controls>span{min-width:34px}.stage-toolbar .icon-button,.stage-tone-toggle{width:30px;height:30px}.stage-tone-toggle{justify-content:center;padding:0 5px}.stage-download{justify-content:center;width:30px;padding:0}.stage-download span{display:none}.result-dock-copy{max-width:calc(100% - 110px)}.result-dock-copy strong{max-width:100%}.result-dock-actions>button:not(.icon-button):nth-child(2){display:none}.result-grid{gap:7px}.result-grid--3>button:first-child{grid-row:auto}.result-grid--3,.result-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-list>div{flex-direction:column;gap:3px}.privacy-list span{text-align:left;max-width:none}.focus-toolbar>div:first-child strong{max-width:46vw}.focus-toolbar>div:last-child>button:not(.icon-button){justify-content:center;width:34px;padding:0}.focus-toolbar>div:last-child>button:not(.icon-button) span{display:none}}.app-shell{--creation-panel-width:356px}.panel-resizer{display:none}@media (width>=761px){.workspace{grid-template-columns:var(--creation-panel-width) minmax(0, 1fr);position:relative}.creation-panel{border-right:0;grid-column:1}.preview-stage{grid-column:2}.panel-resizer{z-index:8;top:0;bottom:0;left:calc(var(--creation-panel-width) - 6px);cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:12px;display:flex;position:absolute}.panel-resizer:before{content:"";background:#dfe2e9;width:1px;height:100%;transition:background-color .15s,width .15s}.panel-resizer:after{content:"";background:0 0;border-radius:999px;width:4px;height:48px;transition:background-color .15s,box-shadow .15s;position:absolute}.panel-resizer:hover:before,.panel-resizer:focus-visible:before,.panel-resizer.active:before{background:#8a70f5;width:2px}.panel-resizer:hover:after,.panel-resizer:focus-visible:after,.panel-resizer.active:after{background:#8a70f5}.panel-resizer:focus-visible{outline:none}.panel-resizer:focus-visible:after{box-shadow:0 0 0 4px #7857f629}body.panel-resizing,body.panel-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}}@media (width>=1101px){.topbar{grid-template-columns:var(--creation-panel-width) minmax(220px, 1fr) auto}}@media (width>=821px) and (width<=1100px){.topbar{grid-template-columns:var(--creation-panel-width) minmax(180px, 1fr) auto}}@media (width>=761px) and (width<=820px){.topbar{grid-template-columns:var(--creation-panel-width) minmax(150px, 1fr) auto}}@media (height<=680px) and (width>=761px){.panel-heading{padding-bottom:21px}.form-section{padding-block:20px}.generate-dock{padding-top:9px;padding-bottom:9px}.demo-note{display:none}.empty-frame,.generation-frame{height:min(43vh,350px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){button,input,textarea,select,.template-option,.style-option,.ratio-grid>button,.prompt-editor,.upload-zone,.history-card,.settings-dialog,.focus-dialog{border:1px solid canvastext}.selected,.active,.generate-button{outline-offset:-3px;outline:2px solid highlight}}:root{--canvas:#f3f5f9;--panel:#f8f9fc;--panel-strong:#fff;--panel-muted:#eef1f6;--surface:#fff;--surface-hover:#f5f6fa;--ink:#161821;--ink-soft:#3f4350;--muted:#717685;--faint:#a4a8b3;--line:#e3e6ed;--line-strong:#d5d9e2;--accent:#7857f6;--accent-dark:#6040df;--accent-soft:#f0ecff;--success:#1f8b62;--success-soft:#eaf8f2;--warning:#a66a16;--warning-soft:#fff6e5;--danger:#d34a5a;--danger-soft:#fff0f2;--stage:#0d0f16;--stage-raised:#151821;--stage-soft:#1d202b;--stage-line:#292d39;--stage-ink:#f5f6fb;--stage-muted:#9499a8;--shadow-sm:0 1px 2px #1118270a, 0 6px 18px #1118270a;--shadow-md:0 20px 55px #0f121c29, 0 5px 18px #0f121c17;--shadow-lg:0 30px 90px #04060c61, 0 10px 30px #04060c3d;--radius-xs:7px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--topbar-height:60px}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--canvas);font-size:13px}::selection{color:#24165c;background:#dcd4ff}button,input,textarea,select{letter-spacing:-.005em}button,[role=button],input,textarea,select{transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s,transform .15s}button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #8b72ff}.app-shell{background:var(--canvas)}.topbar{height:var(--topbar-height);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;grid-template-columns:356px minmax(220px,1fr) auto;box-shadow:0 1px #12141b08}.brand-lockup{border-right-color:var(--line);gap:10px;padding:0 18px}.brand-mark{color:#fff;background:linear-gradient(145deg,#906dff 0%,#6c4cf2 48%,#4c38ca 100%);border:0;border-radius:11px;width:34px;height:34px;overflow:visible;box-shadow:0 8px 18px #6749e23b,inset 0 1px #ffffff4d}.brand-mark:after{display:none}.brand-lockup>div{gap:0}.brand-lockup strong{color:#1a1c25;letter-spacing:-.01em;font-size:14px;font-weight:760}.brand-lockup>div>span{color:#8a8e9b;letter-spacing:.16em;font-size:7px;font-weight:720}.project-title-wrap{grid-template-columns:none;justify-content:space-between;gap:14px;padding:0 20px;display:flex}.project-context{align-items:center;gap:9px;min-width:0;display:flex}.project-context>span{color:var(--faint);white-space:nowrap;font-size:11px}.project-title-wrap input{width:min(260px,28vw);height:34px;color:var(--ink);text-align:left;border-radius:8px;padding:0 9px;font-size:13px;font-weight:680}.project-title-wrap input:hover{border-color:var(--line);background:#f8f9fc}.project-title-wrap input:focus{background:#fff;border-color:#b9abff;box-shadow:0 0 0 3px #7857f61a}.save-label{color:#9296a2;flex:none;align-items:center;gap:6px;font-size:10px;display:inline-flex}.save-indicator{background:#2fa77b;width:6px;height:6px;box-shadow:0 0 0 3px #2fa77b1a}.topbar-actions{border-left-color:var(--line);gap:7px;padding:0 14px}.text-button{border-color:var(--line);color:#424652;background:#fff;border-radius:9px;min-height:34px;padding:0 11px;font-size:11px;font-weight:660}.icon-button{border-radius:9px}.topbar .icon-button{border-color:var(--line);color:#555a67;background:#fff;width:34px;height:34px}.compact-history-button{display:inline-flex}.workspace{background:var(--stage);grid-template-columns:356px minmax(0,1fr)}.creation-panel{background:var(--panel);border-right-color:#dfe2e9}.creation-scroll{scrollbar-color:#cfd3dc transparent;padding:20px 18px 34px}.creation-scroll::-webkit-scrollbar-thumb{background:#cfd3dc padding-box padding-box}.history-content::-webkit-scrollbar-thumb{background:#cfd3dc padding-box padding-box}.settings-content::-webkit-scrollbar-thumb{background:#cfd3dc padding-box padding-box}.panel-heading{padding:2px 3px 18px}.panel-heading>div{gap:7px}.eyebrow{color:#6246da;letter-spacing:.06em;background:#f1eeff;border:1px solid #e1dcff;border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:5px 8px;font-size:9px;font-weight:760;display:inline-flex}.panel-heading h1{color:#171923;letter-spacing:-.035em;font-family:inherit;font-size:23px;font-weight:760;line-height:1.25}.panel-heading p{color:#777c89;max-width:300px;margin-top:7px;font-size:11px;line-height:1.65}.form-section{border-top-color:#e5e8ee;padding:18px 2px 20px}.form-section.emphasized{background:linear-gradient(145deg,#fff 0%,#fbfaff 100%);border:1px solid #ddd8f7;border-radius:16px;margin:0 0 6px;padding:16px;box-shadow:0 8px 28px #332b610d}.form-section-heading{grid-template-columns:23px minmax(0,1fr);gap:8px;margin-bottom:12px}.form-section-heading>span{color:#6a50da;letter-spacing:0;background:#f2efff;border:1px solid #e2dfff;border-radius:7px;place-items:center;width:22px;height:22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:760;display:grid}.form-section-heading>strong{color:#262933;font-size:12px;font-weight:720}.field-label{color:#626775;margin-bottom:7px;font-size:10px;font-weight:660}.prompt-editor{background:#fff;border-color:#dfe2ea;border-radius:12px;box-shadow:inset 0 1px 2px #10182808}.prompt-editor.focused{border-color:#9e89ff;box-shadow:0 0 0 3px #7857f61c,0 10px 26px #45349412}.prompt-editor textarea{color:#20232d;min-height:140px;padding:13px 13px 8px;font-size:13px;line-height:1.68}.prompt-editor textarea::placeholder,.input-field input::placeholder,.input-field textarea::placeholder,.history-search input::placeholder{color:#a0a4af}.prompt-editor-footer{color:#a0a4af;border-top-color:#edf0f4;min-height:31px}.hint-row{gap:5px;margin-top:9px}.hint-row button{color:#747986;background:#f7f8fb;border-color:#e3e6ed;min-height:27px;font-size:9px}.template-grid{gap:7px}.template-option{color:#555a67;background:#fff;border-color:#e0e3ea;border-radius:11px;grid-template-columns:34px minmax(0,1fr) 14px;gap:8px;min-height:56px;padding:7px 9px}.template-option>strong{font-size:10px;font-weight:650}.template-option.selected{color:#3b2a88;background:#f3f0ff;border-color:#9c87ff;box-shadow:inset 0 0 0 1px #7857f617}.template-glyph{background:#edf0f5;border-color:#d5d9e2;border-radius:7px;width:32px;height:34px}.template-glyph--xhs-cover:before{background:#8b6df7}.template-glyph--poster{background:#222633}.template-glyph--content-image{background:#dfe9e7}.template-glyph--content-image:after{background:#8b6df7}.inline-notice{background:#f1faf6;border-color:#d9e8e0;border-radius:9px}.upload-zone{background:#fbfcfe;border-color:#cfd4de;border-radius:12px;min-height:68px}.upload-icon{color:#6b4fe0;background:#f0edff;border-color:#e0dcf7;border-radius:10px}.reference-card{background:#fff;border-color:#dfe2ea;border-radius:12px}.segmented-control,.small-segments,.alignment-row{background:#eef1f5;border-color:#e0e3ea;border-radius:10px}.segmented-control button,.small-segments button,.alignment-row button{color:#747986;border-radius:7px;min-height:30px;font-size:10px}.segmented-control button.selected,.small-segments button.selected,.alignment-row button.selected{color:#2d3040;background:#fff;border-color:#e0e2ea;box-shadow:0 2px 6px #11182712}.input-field{color:#555a67;font-size:10px}.input-field input,.input-field textarea,.input-field select{color:#242731;background:#fff;border-color:#dfe2ea;border-radius:9px;min-height:38px}.input-field input:focus,.input-field textarea:focus,.input-field select:focus,.custom-ratio-box input:focus,.history-search input:focus{border-color:#9e89ff;box-shadow:0 0 0 3px #7857f61a}.style-grid{gap:7px}.style-option{color:#555a67;background:#fff;border-color:#e0e3ea;border-radius:11px;grid-template-columns:42px minmax(0,1fr) 14px;min-height:58px}.style-option>strong{font-size:10px}.style-option.selected{color:#3d2c88;background:#f3f0ff;border-color:#9c87ff;box-shadow:inset 0 0 0 1px #7857f614}.style-swatch{border-radius:9px}.ratio-grid{gap:5px}.ratio-grid>button{color:#818694;background:#fff;border-color:#e0e3ea;border-radius:9px;min-height:59px}.ratio-grid>button strong{font-size:8px}.ratio-grid>button.selected{color:#6549df;background:#f2efff;border-color:#957eff;box-shadow:inset 0 0 0 1px #7857f612}.custom-ratio-box{background:#f0f2f6;border-color:#e0e3ea;border-radius:10px}.custom-ratio-box input{background:#fff;border-color:#dfe2ea}.output-row{margin-top:16px}.advanced-toggle{color:#666b78;background:#fff;border-color:#e0e3ea;border-radius:9px}.advanced-fields{background:#f1f3f7;border-color:#e0e3ea;border-radius:10px}.generate-dock{padding:11px 16px max(11px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-top-color:#dde1e9;box-shadow:0 -10px 28px #1d223012}.generate-summary{color:#868b97;margin-bottom:7px;font-size:9px}.form-error{color:#c33b4c;background:#fff1f3;border-color:#f1c6cc;border-radius:9px}.generate-button{color:#fff;background:linear-gradient(135deg,#8464ff 0%,#6d4af2 52%,#5638d4 100%);border:0;border-radius:12px;min-height:46px;font-size:12px;font-weight:720;box-shadow:0 9px 22px #5d3eda3b,inset 0 1px #ffffff3d}.generate-button.cancel{background:#303441}.generate-shortcut{background:#ffffff14;border-color:#ffffff3d}.demo-note{color:#989ca7;margin-top:6px;font-size:8px}.preview-stage{--local-stage:#0d0f16;--local-stage-raised:#151821;--local-stage-line:#292d39;--local-stage-ink:#f5f6fb;--local-stage-muted:#9499a8;grid-template-rows:54px minmax(0,1fr) auto}.preview-stage.light{--local-stage:#e7e9ee;--local-stage-raised:#f5f6f9;--local-stage-line:#d4d8e0;--local-stage-ink:#22252f;--local-stage-muted:#747986}.stage-toolbar{border-bottom-color:var(--local-stage-line);background:var(--local-stage-raised);padding:0 16px}@supports (color:color-mix(in lab, red, red)){.stage-toolbar{background:color-mix(in srgb, var(--local-stage-raised) 94%, transparent)}}.stage-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stage-view-controls,.stage-actions{gap:5px}.preview-stage .icon-button{border:1px solid #0000;border-radius:9px;width:32px;height:32px}.preview-stage .icon-button.active{border-color:var(--local-stage-line);background:var(--local-stage-line)}@supports (color:color-mix(in lab, red, red)){.preview-stage .icon-button.active{background:color-mix(in srgb, var(--local-stage-line) 82%, transparent)}}.stage-tone-toggle,.stage-download{border-radius:9px}.stage-download{min-height:32px;font-size:10px}.stage-canvas{background-color:var(--local-stage);background-image:radial-gradient(circle at 50% 42%,#6b4de01f,#0000 37%),radial-gradient(circle at 15% 15%,#305b9614,#0000 28%),radial-gradient(circle,#ffffff0d .7px,#0000 .8px);background-position:50%,50%,0 0;background-size:auto,auto,22px 22px;padding:clamp(24px,4vw,60px)}.light .stage-canvas{background-image:radial-gradient(circle at 50% 42%,#7253e11a,#0000 38%),radial-gradient(circle,#151a2512 .7px,#0000 .8px);background-size:auto,22px 22px}.stage-empty{gap:24px}.empty-frame{background:linear-gradient(145deg,#ffffff0d,#0000 55%),#141720;border:1px solid #333846;border-radius:18px;place-items:center;max-width:min(58vw,620px);height:min(55vh,520px);display:grid;overflow:hidden;box-shadow:0 28px 80px #0000004d,inset 0 1px #ffffff0d}.light .empty-frame{background:linear-gradient(145deg,#f9fafc,#eceef3);border-color:#cfd3dc;box-shadow:0 24px 60px #2b303e21}.empty-frame:before{filter:blur(4px);background:radial-gradient(circle,#815fff1f,#0000 70%);border:0;border-radius:50%;width:42%;height:36%;top:12%;left:12%}.empty-frame:after{background:radial-gradient(circle,#3477d214,#0000 72%);border:0;border-radius:50%;width:38%;height:30%;bottom:12%;right:11%}.empty-frame-content{z-index:1;color:#858b9a;flex-direction:column;align-items:center;gap:9px;display:flex;position:relative}.empty-frame-content>span{color:#a792ff;background:#ffffff0a;border:1px solid #353a49;border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 1px #ffffff0d}.light .empty-frame-content>span{background:#fff;border-color:#dadde5;box-shadow:0 8px 24px #2c303d14}.empty-frame-content strong{color:#c5c9d4;font-size:12px;font-weight:650}.light .empty-frame-content strong{color:#555a67}.empty-frame-content small{color:#717787;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.empty-frame>.frame-label{color:#858b99;letter-spacing:.04em;background:#07090e8a;border:1px solid #323744;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:22px;padding:0 7px;font-size:8px;display:inline-flex;bottom:12px;right:13px}.light .empty-frame>.frame-label{background:#ffffffc7;border-color:#d4d7df}.stage-empty>div:last-child strong{color:#e1e3ea;font-size:13px}.light .stage-empty>div:last-child strong{color:#333641}.stage-empty p{color:#808594;font-size:10px}.generation-frame,.single-result,.result-grid>button{border-radius:16px}.single-result img,.result-grid img{border-radius:14px}.result-dock{border-top-color:var(--local-stage-line);background:var(--local-stage-raised)}@supports (color:color-mix(in lab, red, red)){.result-dock{background:color-mix(in srgb, var(--local-stage-raised) 96%, transparent)}}.result-dock{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.result-dock-copy span{color:#9a87ee}.activity-panel{display:none}.history-drawer,.settings-dialog{box-shadow:var(--shadow-lg);background:#f8f9fc;border-color:#e0e3ea}.drawer-header,.dialog-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom-color:#e2e5ec}.drawer-header span,.dialog-header span{color:#7157dc}.history-search{background:#fff;border-color:#dfe2ea;border-radius:10px}.history-card,.activity-result-card,.task-card,.settings-status-card,.privacy-list{background:#fff;border-color:#e0e3ea;border-radius:12px}.settings-content>section+section{border-top-color:#e2e5ec}.focus-backdrop,.modal-backdrop,.drawer-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07090f9e}.focus-dialog{background:#11131a;border-color:#333744;border-radius:18px}.toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#181b24f5;border-color:#343846;border-radius:12px;box-shadow:0 18px 50px #0000004d}@media (hover:hover) and (pointer:fine){.text-button:hover,.topbar .icon-button:hover{color:#272a34;background:#f4f5f8;border-color:#d1d5df}.template-option:hover,.style-option:hover,.ratio-grid>button:hover,.upload-zone:hover,.advanced-toggle:hover{color:#33303f;background:#faf9ff;border-color:#c9c2ef;transform:translateY(-1px)}.template-option.selected:hover,.style-option.selected:hover,.ratio-grid>button.selected:hover{color:#3d2c88;background:#eeeaff;border-color:#8066f1}.style-option:hover .style-swatch{filter:saturate(1.04)contrast(1.015);border-color:#5c4e8f3d;transform:translateY(-.5px);box-shadow:inset 0 1px #ffffff6b,0 3px 8px #201b3a1a}.hint-row button:hover{color:#5c46c5;background:#f1eeff;border-color:#d6d0f5}.generate-button:hover{background:linear-gradient(135deg,#8d70ff 0%,#7654f6 52%,#6041db 100%);transform:translateY(-1px);box-shadow:0 12px 28px #5d3eda4d,inset 0 1px #ffffff3d}.preview-stage .icon-button:hover,.stage-download:hover,.stage-tone-toggle:hover,.result-dock-actions>button:hover{border-color:var(--local-stage-muted)}@supports (color:color-mix(in lab, red, red)){.preview-stage .icon-button:hover,.stage-download:hover,.stage-tone-toggle:hover,.result-dock-actions>button:hover{border-color:color-mix(in srgb, var(--local-stage-muted) 40%, transparent)}}.preview-stage .icon-button:hover,.stage-download:hover,.stage-tone-toggle:hover,.result-dock-actions>button:hover{background:var(--local-stage-line)}}@media (width<=1100px){.topbar{grid-template-columns:336px minmax(180px,1fr) auto}.workspace{grid-template-columns:336px minmax(0,1fr)}.creation-scroll{padding-inline:16px}.empty-frame,.generation-frame{max-width:min(58vw,560px)}}@media (width<=820px) and (width>=761px){.topbar{grid-template-columns:320px minmax(150px,1fr) auto}.workspace{grid-template-columns:320px minmax(0,1fr)}.brand-lockup{padding-inline:14px}.project-context>span,.save-label{display:none}.project-title-wrap{padding-inline:12px}}@media (width<=760px){:root{--topbar-height:56px;--mobile-tabs-height:42px}.topbar{grid-template-columns:auto minmax(0,1fr) auto}.brand-lockup{border-right:0;padding:0 10px}.brand-mark{border-radius:10px;width:32px;height:32px}.brand-lockup>div{display:none}.project-title-wrap{justify-content:flex-start;padding:0 4px}.project-context{width:100%}.project-context>span,.save-label{display:none}.project-title-wrap input{width:100%;max-width:190px;padding-inline:7px;font-size:12px}.topbar-actions{border-left:0;gap:5px;padding:0 8px 0 3px}.topbar-actions .top-new-button{width:34px;min-height:34px;padding:0}.top-new-button span{display:none}.topbar .icon-button{width:34px;height:34px}.mobile-view-tabs{height:var(--mobile-tabs-height);background:#fff;border-bottom-color:#e1e4eb;gap:5px;padding:5px;display:grid}.mobile-view-tabs button{color:#7b808d;border-radius:8px;font-size:10px}.mobile-view-tabs button.active{color:#5f43d8;background:#f0edff}.mobile-view-tabs button.active:after{display:none}.workspace{height:calc(100dvh - var(--topbar-height) - var(--mobile-tabs-height));display:block;position:relative}.creation-panel,.preview-stage{border:0;width:100%;height:100%;display:none;position:absolute;inset:0}.creation-panel.mobile-active{display:flex}.preview-stage.mobile-active{display:grid}.creation-scroll{padding:16px 14px 28px}.panel-heading{padding:1px 2px 14px}.panel-heading h1{font-size:20px}.panel-heading p{font-size:10px}.form-section{padding-block:17px 19px}.form-section.emphasized{margin-inline:0;padding:14px}.prompt-editor textarea{min-height:152px}.generate-dock{padding:9px 12px max(9px, env(safe-area-inset-bottom))}.generate-button{min-height:46px}.preview-stage{grid-template-rows:48px minmax(0,1fr) auto}.stage-toolbar{padding-inline:9px}.stage-canvas{padding:18px}.empty-frame,.generation-frame{border-radius:15px;max-width:min(84vw,520px);height:min(46vh,420px)}.history-drawer{width:min(420px,100vw)}.settings-dialog{border-radius:18px 18px 0 0}}@media (width<=480px){.topbar-actions .compact-history-button{display:inline-flex}.template-grid,.style-grid{gap:6px}.template-option{grid-template-columns:31px minmax(0,1fr) 12px;gap:6px;padding-inline:7px}.style-option{grid-template-columns:38px minmax(0,1fr) 12px;gap:6px;padding-inline:7px}.ratio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ratio-grid>button{min-height:54px}.output-row{grid-template-columns:1fr}}@media (height<=680px) and (width>=761px){.panel-heading{padding-bottom:13px}.form-section{padding-block:15px}.generate-dock{padding-block:8px}.empty-frame,.generation-frame{height:min(48vh,390px)}}@media (prefers-reduced-motion:reduce){button,[role=button],input,textarea,select,.style-swatch{transition:none}}@media (forced-colors:active){.brand-mark,.eyebrow,.generate-button,.empty-frame-content>span{forced-color-adjust:auto}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes status-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes generation-scan{0%,12%{opacity:0;transform:translate(0)skew(-12deg)}18%{opacity:1}66%{opacity:1;transform:translate(520%)skew(-12deg)}74%,to{opacity:0;transform:translate(520%)skew(-12deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width>=761px){.workspace{grid-template-columns:var(--creation-panel-width) minmax(0, 1fr);position:relative}.creation-panel{border-right:0;grid-column:1}.preview-stage{grid-column:2}}@media (width>=1101px){.topbar{grid-template-columns:var(--creation-panel-width) minmax(220px, 1fr) auto}}@media (width>=821px) and (width<=1100px){.topbar{grid-template-columns:var(--creation-panel-width) minmax(180px, 1fr) auto}}@media (width>=761px) and (width<=820px){.topbar{grid-template-columns:var(--creation-panel-width) minmax(150px, 1fr) auto}}.stage-canvas{container-type:size}.stage-live-progress{z-index:4;color:#f8f5ef;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121211e0;border:1px solid #ffffff26;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;max-width:min(360px,100% - 36px);padding:10px 12px;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 34px #0000003d}.stage-live-progress>svg{color:#e98c77}.stage-live-progress>div{flex-direction:column;gap:2px;min-width:0;display:flex}.stage-live-progress strong,.stage-live-progress span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-live-progress strong{font-size:11px;font-weight:680}.stage-live-progress span{color:#f8f5efad;font-size:9px}.generation-state{--generation-aspect:1;gap:clamp(14px,2.4cqh,20px);min-width:0}.generation-frame{isolation:isolate;width:min(72cqw,620px);width:min(72cqw, calc(var(--generation-aspect) * 58cqh), 620px);background:linear-gradient(145deg,#171b25 0%,#10131b 54%,#121621 100%);border:1px solid #303645;border-radius:20px;flex:none;max-width:none;height:auto;max-height:none;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000057,0 8px 24px #0003,inset 0 1px #ffffff0d;container:generation-frame/inline-size}.generation-frame:before{z-index:0;border-radius:inherit;opacity:.5;background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:0;width:auto;height:auto;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 86%);mask-image:linear-gradient(#000000b8,#0000 86%)}.generation-frame:after{z-index:5;border-radius:inherit;clip-path:none;pointer-events:none;background:0 0;border:1px solid #ffffff0a;width:auto;height:auto;inset:0;box-shadow:inset 0 0 60px #02040a24}.generation-frame-meta{z-index:4;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex;position:absolute;top:14px;left:14px;right:14px}.generation-badge,.generation-size{color:#aaa1d7;letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a1061;border:1px solid #ffffff12;border-radius:999px;align-items:center;height:24px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:650;line-height:1;display:inline-flex}.generation-badge{gap:5px;padding:0 8px}.generation-badge>svg{color:#9b82ff}.generation-size{color:#777d8e;font-variant-numeric:tabular-nums;letter-spacing:.02em;padding:0 8px}.generation-visual{z-index:1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.generation-bloom{filter:blur(20px);border-radius:50%;display:block;position:absolute}.generation-bloom-primary{aspect-ratio:1;background:radial-gradient(circle,#7c58f63d 0%,#6046d217 46%,#0000 72%);width:58%;top:13%;right:4%}.generation-bloom-secondary{aspect-ratio:1;background:radial-gradient(circle,#3064be2e 0%,#29478412 48%,#0000 72%);width:72%;bottom:-8%;left:-8%}.generation-glyph{color:#a58fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1a1d2aa3;border:1px solid #c5baff29;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #7857f609,0 18px 48px #0003,inset 0 1px #ffffff14}.generation-sweep{z-index:2;opacity:0;filter:blur(10px);will-change:transform, opacity;background:linear-gradient(90deg,#0000 0%,#8467ff0a 30%,#ac97ff2b 50%,#6893ec0d 72%,#0000 100%);width:34%;animation:3.2s cubic-bezier(.42,0,.22,1) infinite generation-scan;position:absolute;top:-18%;bottom:-18%;left:-46%;transform:skew(-12deg)}.generation-frame .frame-corner{z-index:6;border-color:#cabfff8a;width:15px;height:15px}.generation-frame .corner-a{top:14px;left:14px}.generation-frame .corner-b{top:14px;right:14px}.generation-frame .corner-c{bottom:14px;right:14px}.generation-frame .corner-d{bottom:14px;left:14px}.generation-status{width:min(360px,88cqw);width:min(360px, 88cqw, max(296px, calc(var(--generation-aspect) * 58cqh)));min-width:0;min-height:72px;color:var(--local-stage-ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#151821c7;border:1px solid #292e3b;border-radius:14px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:9px 14px 9px 10px;display:grid;box-shadow:0 16px 44px #0000002e,inset 0 1px #ffffff08}.generation-spinner{color:#9277ff;background:#7a58f614;border:1px solid #9e89ff29;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 1px #ffffff0d}.generation-spinner .spin{animation-duration:1.05s}.generation-copy{min-width:0;color:var(--local-stage-ink);text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;display:flex}.generation-copy strong{max-width:100%;color:inherit;overflow-wrap:anywhere;font-size:12.5px;font-weight:650;line-height:1.38}.generation-copy span{color:#858b9b;font-variant-numeric:tabular-nums;letter-spacing:.01em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9.5px;line-height:1.35}.generation-copy .generation-hint{color:#9da3b2;letter-spacing:0;font-family:inherit;font-size:10px;font-weight:520;line-height:1.42}.generation-copy small{color:#73798a;font-variant-numeric:tabular-nums;letter-spacing:.01em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8.5px;line-height:1.35}.light .generation-frame{background:linear-gradient(145deg,#fafbfe 0%,#eef1f6 55%,#e9edf4 100%);border-color:#cfd4df;box-shadow:0 26px 70px #31374826,0 6px 18px #31374814,inset 0 1px #ffffffd1}.light .generation-frame:before{background-color:#0000;background-image:linear-gradient(#262c3e0b 1px,#0000 1px),linear-gradient(90deg,#262c3e0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.light .generation-frame:after{border-color:#ffffff9e;box-shadow:inset 0 0 58px #646e8b12}.light .generation-bloom-primary{background:radial-gradient(circle,#7857f62e 0%,#7857f612 48%,#0000 72%)}.light .generation-bloom-secondary{background:radial-gradient(circle,#4277d524 0%,#4277d50d 48%,#0000 72%)}.light .generation-glyph{color:#7455ee;background:#ffffffc2;border-color:#dcd5ff;box-shadow:0 0 0 12px #7857f60a,0 16px 42px #383e501f,inset 0 1px #fff}.light .generation-badge,.light .generation-size{color:#6d648f;background:#ffffffa3;border-color:#5f667e1c}.light .generation-badge>svg{color:#7252ee}.light .generation-size{color:#777d8a}.light .generation-frame .frame-corner{border-color:#694fda7a}.light .generation-status{color:#292d38;background:#ffffffc7;border-color:#d7dbe5;box-shadow:0 14px 36px #363c4e1a,inset 0 1px #fff}.light .generation-spinner{color:#7252ee;background:#f1edff;border-color:#ded8fb}.light .generation-copy span{color:#7d8290}.light .generation-copy .generation-hint{color:#666c7a}.light .generation-copy small{color:#8a909d}@container generation-frame (width<=180px){.generation-frame-meta{justify-content:flex-start}.generation-size{display:none}.generation-glyph{border-radius:15px;width:46px;height:46px}}@media (width<=760px){.generation-state{gap:14px}.generation-frame{width:min(92cqw,520px);width:min(92cqw, calc(var(--generation-aspect) * 55cqh), 520px);border-radius:16px;height:auto}.generation-status{width:min(360px,92cqw);width:min(360px, 92cqw, max(280px, calc(var(--generation-aspect) * 55cqh)))}}@media (height<=680px) and (width>=761px){.generation-frame{width:min(68cqw,560px);width:min(68cqw, calc(var(--generation-aspect) * 52cqh), 560px);height:auto}.generation-status{width:min(360px, 88cqw, max(280px, calc(var(--generation-aspect) * 52cqh)))}}@media (forced-colors:active){.generation-frame,.generation-status,.generation-spinner{color:canvastext;background:canvas;border:1px solid canvastext}.generation-bloom,.generation-sweep{display:none}.generation-frame .frame-corner{border-color:canvastext}}.privacy-detail-link{color:var(--accent-dark);align-items:center;margin-top:10px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.privacy-detail-link:hover{text-decoration:underline}.admin-shell,.admin-access-shell,.legal-shell{color:#20211f;background:radial-gradient(circle at 82% -10%,#c9543f1a,#0000 30%),#efede7;width:100%;height:100dvh;overflow:auto}.admin-shell{--admin-line:#dedad1;--admin-muted:#77736b;--admin-surface:#fffefa;--admin-ink:#20211f;--admin-accent:#c9543f}.admin-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fdfcf8eb;border-bottom:1px solid #d3cfc6e0;justify-content:space-between;align-items:center;min-height:68px;padding:0 max(24px,50vw - 620px);display:flex;position:sticky;top:0}.admin-brand,.admin-header-actions,.admin-header-actions a,.admin-chart-legend,.admin-chart-legend span,.admin-privacy-note,.legal-header>a,.legal-card h2{align-items:center;display:flex}.admin-brand{color:inherit;gap:10px;text-decoration:none}.admin-brand-mark{color:#fffaf0;background:#222320;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 0 0 1px #3d3e3a}.admin-brand>span:last-child{flex-direction:column;gap:3px;line-height:1.15;display:flex}.admin-brand strong{letter-spacing:.02em;font-size:14px}.admin-brand small{color:var(--admin-muted);letter-spacing:.08em;font-size:9px;font-weight:700}.admin-header-actions{gap:8px}.admin-header-actions a{border:1px solid var(--admin-line);background:var(--admin-surface);color:#4e4e49;border-radius:8px;gap:6px;min-height:34px;padding:0 11px;font-size:11px;font-weight:700;text-decoration:none}.admin-header-actions a:hover{color:var(--admin-ink);background:#f7f4ed;border-color:#c9c4ba}.admin-content{width:min(1240px,100% - 48px);margin:0 auto;padding:44px 0 72px}.admin-intro{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;display:flex}.admin-eyebrow{color:#a14434;letter-spacing:.16em;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.admin-intro h1,.admin-access-card h1,.legal-header h1{letter-spacing:-.035em;margin:8px 0 7px;font-family:Georgia,Songti SC,STSong,serif;font-size:clamp(30px,4vw,48px);font-weight:600;line-height:1.08}.admin-intro p{max-width:650px;color:var(--admin-muted);margin:0;font-size:13px}.admin-updated{flex-direction:column;flex:none;align-items:flex-end;gap:3px;padding-bottom:3px;display:flex}.admin-updated span{color:var(--admin-muted);letter-spacing:.1em;font-size:9px;font-weight:750}.admin-updated strong{font-variant-numeric:tabular-nums;font-size:12px}.admin-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.admin-metric-card{border:1px solid var(--admin-line);background:var(--admin-surface);border-radius:14px;min-height:162px;padding:20px;box-shadow:0 1px 1px #1f1d1808}.admin-metric-card.wide{grid-column:span 2;min-height:136px}.admin-metric-card>div{color:var(--admin-muted);justify-content:space-between;align-items:center;display:flex}.admin-metric-card>div>span{letter-spacing:.04em;font-size:11px;font-weight:750}.admin-metric-card>strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:22px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3.3vw,42px);font-weight:500;line-height:1;display:block}.admin-metric-card>p{color:var(--admin-muted);margin:0;font-size:10px}.admin-metric-card.dark{color:#fffaf0;background:#222320;border-color:#222320}.admin-metric-card.dark>div,.admin-metric-card.dark>p{color:#b9b6ae}.admin-metric-card.accent{background:var(--admin-accent);color:#fffaf4;border-color:#b74633}.admin-metric-card.accent>div,.admin-metric-card.accent>p{color:#f6d7cf}.admin-panel{border:1px solid var(--admin-line);background:var(--admin-surface);border-radius:16px;margin-top:20px;overflow:hidden;box-shadow:0 8px 30px #23201a0a}.admin-panel-heading{border-bottom:1px solid var(--admin-line);justify-content:space-between;align-items:flex-end;gap:24px;padding:22px 24px;display:flex}.admin-panel-heading>div:first-child>span{color:var(--admin-accent);letter-spacing:.14em;font-size:9px;font-weight:800}.admin-panel-heading h2{margin:3px 0 0;font-family:Georgia,Songti SC,STSong,serif;font-size:20px;font-weight:600}.admin-panel-heading>p{max-width:410px;color:var(--admin-muted);text-align:right;margin:0;font-size:10px}.admin-chart-legend{color:var(--admin-muted);gap:16px;font-size:10px}.admin-chart-legend span{gap:6px}.admin-chart-legend i{border-radius:2px;width:8px;height:8px}.admin-chart-legend i.users{background:#282925}.admin-chart-legend i.images{background:var(--admin-accent)}.admin-chart-scroll{padding:28px 24px 20px;overflow-x:auto}.admin-chart{grid-template-columns:repeat(30,minmax(22px,1fr));gap:5px;min-width:820px;height:270px;display:grid}.admin-chart-day{grid-template-rows:24px minmax(0,1fr) 22px;min-width:0;display:grid}.admin-chart-values{color:#8a867e;font-variant-numeric:tabular-nums;justify-content:center;align-items:flex-start;gap:3px;font-size:8px;display:flex}.admin-chart-values span:last-child{color:var(--admin-accent)}.admin-chart-bars{background-image:linear-gradient(0deg,#ece9e2 1px,#0000 1px);background-size:100% 25%;border-bottom:1px solid #cdc8be;justify-content:center;align-items:flex-end;gap:3px;min-height:0;display:flex}.admin-chart-bars i{border-radius:3px 3px 0 0;width:min(8px,38%);min-height:0;transition:height .18s}.admin-chart-bars i.users{background:#282925}.admin-chart-bars i.images{background:var(--admin-accent)}.admin-chart-date{color:var(--admin-muted);white-space:nowrap;padding-top:6px;font-size:8px;line-height:1;display:block;overflow:visible}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:760px;font-size:11px}.admin-table th,.admin-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ebe7df;padding:14px 24px}.admin-table th{color:var(--admin-muted);letter-spacing:.08em;background:#f8f6f1;font-size:9px;font-weight:800}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:#fbf9f4}.admin-table td strong{letter-spacing:.05em;font-size:10px}.admin-empty-cell{height:120px;color:var(--admin-muted);text-align:center!important}.admin-privacy-note{color:#2d6248;background:#edf5ef;border:1px solid #cfded3;border-radius:13px;gap:12px;margin-top:20px;padding:18px 20px}.admin-privacy-note>div{min-width:0}.admin-privacy-note strong{font-size:11px;display:block}.admin-privacy-note p{color:#557363;margin:3px 0 0;font-size:10px}.admin-privacy-note a{color:inherit;text-underline-offset:3px;flex:none;margin-left:auto;font-size:10px;font-weight:800;text-decoration:underline}.admin-access-shell{place-items:center;padding:24px;display:grid}.admin-access-card{text-align:center;background:#fffefa;border:1px solid #d8d4ca;border-radius:20px;width:min(480px,100%);padding:40px;box-shadow:0 30px 80px #23201a1f}.admin-access-card .admin-brand-mark{margin:0 auto 18px}.admin-access-card h1{font-size:31px}.admin-access-card p{color:#77736b;margin:0 auto}.admin-access-actions{gap:8px;margin-top:26px;display:grid}.admin-access-actions a{color:#fffaf0;background:#222320;border-radius:9px;place-items:center;min-height:42px;font-size:11px;font-weight:800;text-decoration:none;display:grid}.admin-access-actions a.secondary{color:#4e4e49;background:#fffefa;border:1px solid #d8d4ca}.legal-shell{padding:48px 24px 72px}.legal-card{background:#fffefa;border:1px solid #d8d4ca;border-radius:20px;width:min(760px,100%);margin:0 auto;overflow:hidden;box-shadow:0 24px 70px #23201a17}.legal-header,.legal-card>section,.legal-card>footer{padding:28px 40px}.legal-header{background:radial-gradient(circle at 85% 0,#c9543f21,#0000 38%),#f8f5ef;border-bottom:1px solid #e2ded5;padding-top:34px}.legal-header>a{color:#65625c;gap:6px;width:fit-content;margin-bottom:38px;font-size:10px;font-weight:750;text-decoration:none}.legal-header .admin-brand-mark{margin-bottom:17px}.legal-header h1{font-size:38px}.legal-header>p{color:#77736b;margin:0;font-size:10px}.legal-card>section+section{border-top:1px solid #ebe7df}.legal-card h2{gap:8px;margin:0 0 10px;font-family:Georgia,Songti SC,STSong,serif;font-size:18px;font-weight:650}.legal-card section p,.legal-card li,.legal-card footer p{color:#66635d;font-size:12px;line-height:1.8}.legal-card section p{margin:0}.legal-card ul{margin:0;padding-left:20px}.legal-card li+li{margin-top:6px}.legal-card>footer{color:#2d6248;background:#edf5ef;border-top:1px solid #cfded3;grid-template-columns:auto minmax(0,1fr);gap:10px;display:grid}.legal-card footer p{color:#476d57;margin:0}@media (width<=900px){.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-metric-card.wide{grid-column:span 2}}@media (width<=640px){.admin-header{min-height:60px;padding:0 14px}.admin-brand small,.admin-header-actions a:first-child span{display:none}.admin-header-actions a{min-height:32px;padding:0 9px}.admin-content{width:min(100% - 28px,1240px);padding:30px 0 52px}.admin-intro{flex-direction:column;align-items:flex-start;gap:14px}.admin-updated{align-items:flex-start}.admin-intro h1{font-size:34px}.admin-metric-grid{gap:8px}.admin-metric-card{min-height:140px;padding:15px}.admin-metric-card>strong{margin-top:20px;font-size:30px}.admin-panel-heading{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.admin-panel-heading>p{text-align:left}.admin-chart-scroll,.admin-table th,.admin-table td{padding-left:18px;padding-right:18px}.admin-privacy-note{flex-wrap:wrap;align-items:flex-start}.admin-privacy-note a{width:100%;margin-left:32px}.legal-shell{padding:16px 12px 40px}.legal-card{border-radius:14px}.legal-header,.legal-card>section,.legal-card>footer{padding:24px}.legal-header{padding-top:26px}.legal-header>a{margin-bottom:30px}}.handcopy-entry-link{color:#fff;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#8968fa 0%,#6b4be6 100%);border:1px solid #6d4ee8;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:11px;font-weight:720;line-height:1;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 7px 16px #6749e233,inset 0 1px #ffffff3d}.handcopy-entry-link>svg{flex:none}.handcopy-entry-link:focus-visible{outline-offset:2px;outline:2px solid #9a83ff}@media (hover:hover) and (pointer:fine){.handcopy-entry-link:hover{background:linear-gradient(145deg,#7e5df4 0%,#5f40dc 100%);border-color:#5939d8;transform:translateY(-1px);box-shadow:0 9px 20px #5d3fd742,inset 0 1px #ffffff42}}@media (width<=760px){.handcopy-entry-link{gap:5px;min-width:68px;min-height:34px;padding:0 8px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}.handcopy-page{--hc-accent:#7857f6;--hc-accent-strong:#6040df;--hc-accent-soft:#f0ecff;--hc-panel:#f7f8fb;--hc-surface:#fff;--hc-ink:#20222a;--hc-muted:#6f7480;--hc-faint:#9da2ad;--hc-line:#e3e6ed;--hc-stage:#0d0f16;--hc-stage-raised:#171a24;--hc-stage-line:#2a2f3d;background:var(--hc-panel);width:100%;min-width:320px;height:100dvh;min-height:560px;color:var(--hc-ink);overflow:hidden}.handcopy-page button,.handcopy-page a,.handcopy-page input,.handcopy-page textarea{transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .15s,opacity .15s}.handcopy-page button:focus-visible,.handcopy-page a:focus-visible,.handcopy-page input:focus-visible,.handcopy-page textarea:focus-visible{outline-offset:2px;outline:2px solid #9c86ff}.hc-topbar{z-index:20;border-bottom:1px solid var(--hc-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;height:62px;padding:0 18px;display:grid;position:relative;box-shadow:0 1px #1f222b05}.hc-brand,.hc-back-link{color:inherit;text-decoration:none}.hc-brand{align-items:center;gap:10px;width:fit-content;display:inline-flex}.hc-brand-mark{color:#fff;background:linear-gradient(145deg,#8c6dfb,#6343df);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 22px #6040df3d}.hc-brand>span:last-child{line-height:1.12;display:grid}.hc-brand strong{letter-spacing:.02em;font-size:15px;font-weight:760}.hc-brand small{color:#9297a3;letter-spacing:.15em;margin-top:4px;font-size:8px;font-weight:720}.hc-mode-nav{border:1px solid var(--hc-line);background:#f2f3f7;border-radius:11px;align-items:center;gap:3px;padding:4px;display:flex}.hc-mode-nav a,.hc-mode-nav span{color:#777c88;border-radius:8px;align-items:center;min-height:32px;padding:0 15px;font-size:12px;font-weight:680;text-decoration:none;display:inline-flex}.hc-mode-nav span{color:var(--hc-accent-strong);background:#fff;box-shadow:0 1px 4px #23263117}.hc-top-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.hc-service-pill,.hc-back-link{border-radius:9px;align-items:center;gap:7px;min-height:32px;font-size:11px;font-weight:650;display:inline-flex}.hc-service-pill{color:#68707c;background:#fafbfc;border:1px solid #e1e5ec;padding:0 10px}.hc-service-pill i{background:#a8adb6;border-radius:50%;width:7px;height:7px}.hc-service-pill.live i{background:#37ad73;box-shadow:0 0 0 3px #37ad7321}.hc-service-pill.demo i{background:#d29a39;box-shadow:0 0 0 3px #d29a3921}.hc-back-link{border:1px solid var(--hc-line);color:#515762;background:#fff;padding:0 11px}.hc-mobile-tabs{display:none}.hc-workspace{grid-template-columns:430px minmax(0,1fr);height:calc(100% - 62px);min-height:0;display:grid}.hc-create-panel{z-index:3;border-right:1px solid var(--hc-line);background:var(--hc-panel);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;box-shadow:10px 0 28px #0508120f}.hc-create-scroll{overscroll-behavior:contain;scrollbar-color:#c7cbd4 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:24px 22px 32px;overflow:hidden auto}.hc-panel-heading{padding:2px 2px 22px}.hc-eyebrow{color:var(--hc-accent-strong);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:780;display:inline-flex}.hc-panel-heading h1{color:#1b1d24;letter-spacing:-.04em;margin:9px 0 7px;font-size:clamp(24px,2vw,29px);font-weight:790;line-height:1.18}.hc-panel-heading p{color:var(--hc-muted);margin:0;font-size:12px;line-height:1.65}.hc-form-section{border-top:1px solid var(--hc-line);padding:20px 2px 22px}.hc-section-heading{align-items:center;gap:9px;margin-bottom:14px;display:flex}.hc-section-heading>span{color:var(--hc-accent);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:800}.hc-section-heading>strong{font-size:13px;font-weight:760}.hc-source-tabs,.hc-small-segments{border:1px solid var(--hc-line);background:#eef0f5;border-radius:10px;gap:3px;padding:3px;display:grid}.hc-source-tabs{grid-template-columns:repeat(3,1fr);margin-bottom:13px}.hc-source-tabs button,.hc-small-segments button{color:#727782;border-radius:7px;min-height:34px;font-size:11px;font-weight:680}.hc-source-tabs button.selected,.hc-small-segments button.selected{color:var(--hc-accent-strong);background:#fff;box-shadow:0 1px 5px #21242f1a}.hc-topic-grid,.hc-layout-grid,.hc-paper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hc-topic-card{border:1px solid var(--hc-line);background:var(--hc-surface);color:#343740;text-align:left;border-radius:11px;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:62px;padding:9px;display:grid;position:relative}.hc-topic-card:hover,.hc-layout-card:hover,.hc-paper-grid button:hover{border-color:#c9c0f7;transform:translateY(-1px);box-shadow:0 6px 18px #42338512}.hc-topic-card.selected,.hc-layout-card.selected,.hc-paper-grid button.selected{background:var(--hc-accent-soft);border-color:#9077f8;box-shadow:0 0 0 1px #7857f614}.hc-topic-icon{width:31px;height:31px;color:var(--hc-accent-strong);background:#f1edff;border-radius:9px;place-items:center;display:grid}.hc-topic-card>span:nth-child(2){min-width:0;display:grid}.hc-topic-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:740;overflow:hidden}.hc-topic-card small{color:#8b909a;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.hc-topic-card>svg{color:var(--hc-accent-strong)}.hc-expand-button{color:#727783;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:32px;margin-top:9px;font-size:10px;font-weight:650;display:flex}.hc-expand-button[aria-expanded=true] svg{transform:rotate(180deg)}.hc-custom-topic{gap:9px;display:grid}.hc-custom-topic label,.hc-field>span,.hc-field-label{color:#555a65;font-size:10px;font-weight:720}.hc-custom-topic textarea,.hc-field input,.hc-field textarea{border:1px solid var(--hc-line);color:#252831;background:#fff;border-radius:10px;width:100%;font-size:12px;line-height:1.6}.hc-custom-topic textarea,.hc-field textarea{resize:vertical;min-height:88px;padding:11px 12px}.hc-field input{height:40px;padding:0 12px}.hc-custom-topic textarea:focus,.hc-field input:focus,.hc-field textarea:focus{border-color:#9a83f8;box-shadow:0 0 0 3px #7857f61a}.hc-custom-meta{color:#979ca6;justify-content:space-between;align-items:flex-start;gap:12px;font-size:9px;display:flex}.hc-custom-meta span:last-child{font-variant-numeric:tabular-nums;flex:none}.hc-match-button{min-height:36px;color:var(--hc-accent-strong);background:#f5f2ff;border:1px solid #d7cef9;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.hc-inline-success{color:#2f7c53;background:#f0faf4;border:1px solid #cfe9da;border-radius:9px;align-items:flex-start;gap:7px;padding:9px 10px;font-size:10px;display:flex}.hc-layout-card{border:1px solid var(--hc-line);text-align:left;background:#fff;border-radius:12px;min-height:148px;padding:9px;position:relative}.hc-layout-preview{background:linear-gradient(145deg,#fffdf8,#f6f1ff);border:1px solid #e6e1f8;border-radius:8px;width:100%;height:76px;display:block;position:relative;overflow:hidden}.hc-layout-preview i{background:#cfc3fb;border-radius:3px;display:block;position:absolute}.hc-layout-preview .title{background:#7454e8;width:36%;height:6px;top:11px;left:50%;transform:translate(-50%)}.hc-layout-preview .block{background:#ffffffdb;border:1px solid #d7d0f1;height:22px}.hc-layout-preview .block.a{width:37%;top:28px;left:8%}.hc-layout-preview .block.b{width:37%;top:28px;right:8%}.hc-layout-preview .block.c{width:58%;height:10px;bottom:7px;left:21%}.hc-layout-preview .art{background:#f5b760;border-radius:50%;width:17px;height:17px;top:31px;left:50%;transform:translate(-50%)}.hc-layout-preview[data-layout=columns] .block.a{width:41%;height:42px;top:25px;left:7%}.hc-layout-preview[data-layout=columns] .block.b{width:41%;height:42px;top:25px;right:7%}.hc-layout-preview[data-layout=columns] .block.c,.hc-layout-preview[data-layout=columns] .art{display:none}.hc-layout-preview[data-layout=orbit] .block.a{width:29%;top:22px;left:8%}.hc-layout-preview[data-layout=orbit] .block.b{width:29%;top:22px;right:8%}.hc-layout-preview[data-layout=orbit] .block.c{width:28%;height:15px;bottom:6px;left:36%}.hc-layout-preview[data-layout=orbit] .art{width:24px;height:24px;top:29px}.hc-layout-preview[data-layout=timeline] .block.a{width:24%;height:26px;top:28px;left:8%}.hc-layout-preview[data-layout=timeline] .block.b{width:24%;height:26px;top:39px;left:38%}.hc-layout-preview[data-layout=timeline] .block.c{width:24%;height:26px;bottom:17px;left:auto;right:8%}.hc-layout-preview[data-layout=timeline] .art{background:#8a70ef;border-radius:0;width:60%;height:2px;top:53px;left:50%}.hc-layout-copy{margin-top:8px;padding-right:28px;display:grid}.hc-layout-copy strong{font-size:11px;font-weight:730}.hc-layout-copy small{color:#8a909a;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.hc-layout-badge{color:#7457dc;background:#f0ecff;border-radius:999px;align-items:center;margin-top:7px;padding:2px 6px;font-size:8px;font-weight:720;display:inline-flex}.hc-card-check{background:var(--hc-accent);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;bottom:11px;right:9px}.hc-fields{gap:11px;display:grid}.hc-field{gap:6px;display:grid}.hc-field>span{justify-content:space-between;align-items:center;display:flex}.hc-field>span small{color:#a0a5af;font-size:9px;font-weight:560}.hc-field-label{align-items:center;gap:6px;margin:15px 0 7px;display:flex}.hc-field-label-spaced{margin-top:13px}.hc-small-segments{grid-template-columns:repeat(3,1fr)}.hc-paper-grid button{border:1px solid var(--hc-line);text-align:center;background:#fff;border-radius:11px;place-items:center;min-height:105px;padding:10px;display:grid;position:relative}.hc-paper-grid button>span:first-child{color:#7c638f;background:#fff;border:1px solid #cdd1da;border-radius:4px;place-items:center;display:grid}.hc-paper-grid button>span.landscape{width:43px;height:30px}.hc-paper-grid button>span.portrait{width:30px;height:43px}.hc-paper-grid button>strong{margin-top:7px;font-size:11px}.hc-paper-grid button>small{color:#9297a2;font-size:8px}.hc-paper-grid button>svg{color:var(--hc-accent);position:absolute;top:8px;right:8px}.hc-output-pair{color:#4d3d8c;background:#f5f2ff;border:1px solid #ddd6fb;border-radius:11px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:11px;padding:10px;display:grid}.hc-output-pair>div{align-items:center;gap:7px;min-width:0;display:flex}.hc-output-pair>div>span{min-width:0;display:grid}.hc-output-pair strong{font-size:10px}.hc-output-pair small{color:#8a7cbc;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.hc-output-pair>svg{color:#a79aca}.hc-pair-note{color:#8b909a;margin:7px 1px 0;font-size:9px}.hc-generate-dock{z-index:4;border-top:1px solid var(--hc-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;flex:none;padding:12px 18px 14px;position:relative;box-shadow:0 -12px 28px #22252f0f}.hc-generate-summary{color:#7e838d;justify-content:space-between;margin-bottom:7px;font-size:9px;font-weight:650;display:flex}.hc-generate-summary span:first-child{color:#4e5360}.hc-form-error{color:#a8444c;background:#fff4f4;border:1px solid #f0c9cc;border-radius:8px;align-items:flex-start;gap:6px;margin-bottom:7px;padding:8px 9px;font-size:10px;display:flex}.hc-generate-button{color:#fff;text-align:left;background:linear-gradient(145deg,#8767f8,#6545df);border:1px solid #6847e4;border-radius:11px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:48px;padding:0 13px;font-size:12px;font-weight:740;display:grid;box-shadow:0 10px 24px #6040df42,inset 0 1px #ffffff40}.hc-generate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 28px #6040df4f,inset 0 1px #ffffff40}.hc-generate-button.cancel{box-shadow:none;background:#666b78;border-color:#5c6170}.hc-pair-count{background:#ffffff29;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:720}.hc-service-note{color:#9297a2;text-align:center;margin-top:7px;font-size:8px;display:block}.hc-preview-stage{background-color:var(--hc-stage);color:#f5f6fa;background-image:radial-gradient(circle at 1px 1px,#ffffff12 1px,#0000 0);background-size:20px 20px;grid-template-rows:52px minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.hc-preview-stage.light{color:#242730;background-color:#dfe2e9;background-image:radial-gradient(circle at 1px 1px,#292c3517 1px,#0000 0)}.hc-stage-toolbar{z-index:5;border-bottom:1px solid var(--hc-stage-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1118db;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;display:grid;position:relative}.hc-preview-stage.light .hc-stage-toolbar{background:#f6f7fae0;border-color:#cbd0da}.hc-zoom-controls,.hc-variant-tabs,.hc-stage-actions{align-items:center;gap:5px;display:flex}.hc-stage-actions{justify-content:flex-end}.hc-zoom-controls button,.hc-stage-actions>button:not(.hc-tone-toggle){color:#c3c7d1;border:1px solid #303543;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:32px;min-height:32px;display:inline-flex}.hc-stage-actions>button:not(.hc-tone-toggle){padding:0 10px;font-size:10px;font-weight:650}.hc-preview-stage.light .hc-zoom-controls button,.hc-preview-stage.light .hc-stage-actions>button:not(.hc-tone-toggle){color:#555b67;background:#ffffff8a;border-color:#d0d4dd}.hc-zoom-controls button.active{color:#baf;background:#2a2447;border-color:#7658e7}.hc-zoom-controls>span{color:#9ca1ae;text-align:center;min-width:40px;font-size:9px}.hc-variant-tabs{background:#171a22;border:1px solid #303543;border-radius:10px;padding:3px}.hc-preview-stage.light .hc-variant-tabs{background:#e8eaf0;border-color:#cfd3dc}.hc-variant-tabs button{color:#8e94a1;border-radius:7px;align-items:center;gap:6px;min-height:32px;padding:0 11px;font-size:10px;font-weight:680;display:inline-flex}.hc-variant-tabs button.selected{color:#6545df;background:#fff;box-shadow:0 2px 7px #0000002e}.hc-tone-toggle{border:1px solid #303543;border-radius:999px;justify-content:center;align-items:center;gap:3px;width:37px;height:24px;display:flex}.hc-tone-toggle i{background:#e5e7ec;border:1px solid #777d8a;border-radius:50%;width:8px;height:8px}.hc-tone-toggle i:last-child{background:#20232d}.hc-tone-toggle i.selected{box-shadow:0 0 0 2px #8468ee}.hc-stage-canvas{place-items:center;min-width:0;min-height:0;padding:30px;display:grid;position:relative;overflow:auto}.hc-artwork-wrap{max-width:min(88%,1080px);max-height:88%;transform:scale(var(--hc-zoom));place-items:center;transition:transform .18s;display:grid;position:relative}.hc-artwork-wrap img{object-fit:contain;background:#fff;border-radius:3px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 214px);display:block;box-shadow:0 28px 70px #0000006e,0 2px 8px #0000003d}.hc-demo-badge{color:#f6e6ac;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171a23d6;border:1px solid #ffffff52;border-radius:8px;align-items:center;gap:5px;min-height:28px;padding:0 9px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;top:11px;left:11px;box-shadow:0 4px 14px #0003}.hc-demo-badge.derived{color:#ded6ff}.hc-empty-state,.hc-generation-view{place-items:center;width:min(760px,92%);display:grid}.hc-empty-paper,.hc-generation-paper{background:#faf9f4;border:1px solid #444957;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 24px 68px #00000057}.hc-empty-paper[data-paper=A4\ landscape],.hc-generation-paper[data-paper=A4\ landscape]{aspect-ratio:1.418;width:min(620px,80vw)}.hc-empty-paper[data-paper=A4\ portrait],.hc-generation-paper[data-paper=A4\ portrait]{aspect-ratio:1/1.418;width:min(410px,68vw)}.hc-empty-paper{color:#696f7b;text-align:center;place-items:center;display:grid}.hc-empty-paper>strong{margin-top:38px;font-size:14px}.hc-empty-paper>small{color:#a0a4ac;margin-top:4px;font-size:9px}.hc-empty-icon{color:#7659df;background:#f3efff;border:1px solid #ddd8ed;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:50%;transform:translateY(-72%)}.hc-empty-corner{border-color:#d8cff7;width:44px;height:44px;position:absolute}.hc-empty-corner.a{border-top:2px solid;border-left:2px solid;top:18px;left:18px}.hc-empty-corner.b{border-bottom:2px solid;border-right:2px solid;bottom:18px;right:18px}.hc-empty-state>div:last-child{text-align:center;margin-top:17px}.hc-empty-state>div:last-child strong{font-size:12px}.hc-empty-state>div:last-child p{color:#9297a3;margin:4px 0 0;font-size:10px}.hc-preview-stage.light .hc-empty-state>div:last-child p{color:#737986}.hc-generation-paper{width:min(590px,78vw)}.hc-generation-paper>span{background:#e8e4f4;border-radius:7px;display:block;position:absolute}.hc-paper-topline{width:84%;height:2%;top:6%;left:8%}.hc-paper-title{width:36%;height:7%;top:12%;left:32%;background:#d8cff7!important}.hc-paper-block{border:2px solid #e2dcef;width:34%;height:24%;top:28%;background:0 0!important}.hc-paper-block.a{left:9%}.hc-paper-block.b{right:9%}.hc-paper-block.c{width:68%;height:23%;top:61%;left:16%}.hc-paper-orbit{aspect-ratio:1;width:11%;top:34%;left:50%;transform:translate(-50%);background:#f1cb86!important;border-radius:50%!important}.hc-generation-sweep{width:42%;height:100%;animation:1.7s ease-in-out infinite hc-sweep;inset:0;background:linear-gradient(90deg,#0000,#7b5bf41f,#0000)!important;border-radius:0!important}.hc-generation-status{color:#f4f5f9;align-items:center;gap:10px;margin-top:18px;display:flex}.hc-status-spinner{color:#9f89ff;background:#1b1e28;border:1px solid #3b4050;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.hc-generation-status>div{display:grid}.hc-generation-status strong{font-size:12px}.hc-generation-status span{color:#a9aeba;margin-top:2px;font-size:9px}.hc-generation-status small{color:#747a88;margin-top:3px;font-family:ui-monospace,monospace;font-size:8px}.hc-agent-progress{background:#14171fd1;border:1px solid #2d3240;border-radius:12px;width:min(620px,100%);margin-top:17px;padding:12px}.hc-agent-heading{color:#c5b9fa;align-items:center;gap:6px;font-size:9px;display:flex}.hc-agent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px;display:grid}.hc-agent-step{color:#868c99;border:1px solid #303541;border-radius:9px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:8px;display:grid}.hc-agent-step.active{color:#d7cefb;background:#26203d;border-color:#6550af}.hc-agent-step.done{color:#b5dec9;background:#182c24;border-color:#2d6049}.hc-agent-step.error{color:#edb8bd;background:#332023;border-color:#754146}.hc-agent-state{background:#252934;border-radius:7px;place-items:center;width:21px;height:21px;display:grid}.hc-agent-state i{background:#656b78;border-radius:50%;width:5px;height:5px}.hc-agent-step>span:nth-child(2){min-width:0;display:grid}.hc-agent-step strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.hc-agent-step small{opacity:.72;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:7px;overflow:hidden}.hc-agent-step em{display:none}.hc-live-progress{color:#f4f5f8;background:#14171feb;border:1px solid #383e4c;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 28px #00000047}.hc-live-progress>div{display:grid}.hc-live-progress strong{font-size:10px}.hc-live-progress span{color:#a3a9b5;font-size:8px}.hc-result-dock{z-index:5;border-top:1px solid var(--hc-stage-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11141beb;justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:10px 16px;display:flex;position:relative}.hc-preview-stage.light .hc-result-dock{background:#f6f7fae8;border-color:#cbd0da}.hc-result-copy{min-width:0;display:grid}.hc-result-copy>span{color:#9981f6;letter-spacing:.12em;font-size:7px;font-weight:780}.hc-result-copy>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.hc-result-copy>small{color:#838997;margin-top:2px;font-size:8px}.hc-result-actions{flex:none;gap:7px;display:flex}.hc-result-actions button{color:#c3c7d0;border:1px solid #343947;border-radius:9px;align-items:center;gap:6px;min-height:36px;padding:0 11px;font-size:9px;font-weight:680;display:inline-flex}.hc-preview-stage.light .hc-result-actions button{color:#555b66;border-color:#cfd3dc}.hc-result-actions button.primary{color:#fff;background:linear-gradient(145deg,#8566f7,#6545df);border-color:#7657ed;box-shadow:0 7px 18px #4b31b942}.hc-partial-notice{z-index:7;color:#f2dcae;background:#342b1c;border:1px solid #7d6130;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 12px;display:grid;position:absolute;bottom:88px;left:18px;right:18px}.hc-partial-notice>div{display:grid}.hc-partial-notice strong{font-size:10px}.hc-partial-notice span{opacity:.78;margin-top:2px;font-size:8px}.hc-partial-notice button{color:#ffe8b7;border:1px solid #9d7d42;border-radius:7px;min-height:30px;padding:0 9px;font-size:9px}.hc-toast-region{z-index:80;pointer-events:none;position:fixed;top:74px;right:18px}.hc-toast{color:#4d426f;background:#fffffff5;border:1px solid #ded9f4;border-radius:10px;align-items:flex-start;gap:8px;max-width:min(360px,100vw - 28px);padding:11px 13px;font-size:10px;animation:.18s ease-out hc-toast-in;display:flex;box-shadow:0 16px 42px #0e10173d}.hc-toast.success{color:#2f7952;border-color:#cde7d7}.hc-toast.warning{color:#866421;border-color:#ead6ad}.hc-toast.danger{color:#a4424b;border-color:#edc7cb}.hc-spin{animation:.85s linear infinite hc-spin}@keyframes hc-spin{to{transform:rotate(360deg)}}@keyframes hc-sweep{0%{transform:translate(-125%)}60%,to{transform:translate(350%)}}@keyframes hc-toast-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.hc-workspace{grid-template-columns:380px minmax(0,1fr)}.hc-create-scroll{padding-left:18px;padding-right:18px}.hc-stage-actions>button:not(.hc-tone-toggle) span{display:none}.hc-stage-actions>button:not(.hc-tone-toggle){padding:0 8px}.hc-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.handcopy-page{min-height:100dvh}.hc-topbar{grid-template-columns:1fr auto;height:56px;padding:0 12px}.hc-brand-mark{width:31px;height:31px}.hc-brand strong{font-size:13px}.hc-brand small,.hc-mode-nav,.hc-service-pill,.hc-back-link span{display:none}.hc-back-link{justify-content:center;width:34px;padding:0}.hc-mobile-tabs{z-index:12;border-bottom:1px solid var(--hc-line);background:#fff;grid-template-columns:repeat(2,1fr);gap:6px;height:44px;padding:4px 12px;display:grid;position:relative}.hc-mobile-tabs button{color:#7d828d;border-radius:8px;font-size:11px;font-weight:680}.hc-mobile-tabs button.active{background:var(--hc-accent-soft);color:var(--hc-accent-strong)}.hc-workspace{height:calc(100% - 100px);display:block}.hc-create-panel,.hc-preview-stage{width:100%;height:100%;display:none}.hc-create-panel.mobile-active{display:flex}.hc-preview-stage.mobile-active{display:grid}.hc-create-panel{border-right:0}.hc-create-scroll{padding:20px 14px 28px}.hc-panel-heading{padding-bottom:18px}.hc-panel-heading h1{font-size:25px}.hc-form-section{padding-top:18px;padding-bottom:19px}.hc-topic-grid{scroll-snap-type:x proximity;margin:0 -14px;padding:2px 14px 8px;display:flex;overflow-x:auto}.hc-topic-card{scroll-snap-align:start;width:158px;min-width:158px}.hc-layout-card{min-height:141px}.hc-generate-dock{padding-left:12px;padding-right:12px}.hc-preview-stage{grid-template-rows:50px minmax(0,1fr) auto}.hc-stage-toolbar{grid-template-columns:auto 1fr auto;gap:6px;padding:0 8px}.hc-zoom-controls>button:not(:first-child),.hc-zoom-controls>span{display:none}.hc-variant-tabs{justify-self:center}.hc-variant-tabs button{min-height:32px;padding:0 8px;font-size:9px}.hc-variant-tabs button svg:last-child,.hc-tone-toggle{display:none}.hc-stage-actions>button:not(.hc-tone-toggle){width:32px;min-width:32px;padding:0}.hc-stage-canvas{padding:18px 12px}.hc-artwork-wrap{max-width:96%;max-height:90%}.hc-artwork-wrap img{max-height:calc(100dvh - 240px)}.hc-empty-paper[data-paper=A4\ landscape],.hc-generation-paper[data-paper=A4\ landscape]{width:min(92vw,620px)}.hc-empty-paper[data-paper=A4\ portrait],.hc-generation-paper[data-paper=A4\ portrait]{width:min(68vw,410px)}.hc-empty-state>div:last-child{max-width:270px}.hc-agent-progress{width:min(94vw,600px)}.hc-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-result-dock{min-height:74px;padding:9px 10px}.hc-result-copy{max-width:38%}.hc-result-actions{flex:1}.hc-result-actions button{flex:1;justify-content:center;min-height:42px;padding:0 8px}.hc-result-actions button span{white-space:nowrap}.hc-partial-notice{bottom:84px;left:10px;right:10px}.hc-toast-region{top:108px;right:10px}}@media (width<=390px){.hc-layout-grid,.hc-paper-grid{gap:7px}.hc-layout-card{min-height:134px;padding:7px}.hc-layout-preview{height:67px}.hc-output-pair{gap:5px}.hc-output-pair small,.hc-variant-tabs button span{display:none}.hc-variant-tabs button{justify-content:center;width:36px;padding:0}.hc-result-copy{display:none}.hc-result-actions{width:100%}}@media (prefers-reduced-motion:reduce){.handcopy-page *,.handcopy-page :before,.handcopy-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}