.feedback-entry{border:1px solid var(--border,#cbb58f);background:var(--surface-1,#fffaf0);min-height:44px;color:var(--ink-1,#342d24);cursor:pointer;font:inherit;justify-content:center;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.feedback-entry svg{flex-shrink:0;width:18px;height:18px}.mobile-feedback-entry{width:calc(100% - 28px);margin:0 14px 18px;display:flex}.feedback-backdrop{z-index:10000;color:var(--ink-1,#342d24);background:#0008;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.feedback-dialog{overscroll-behavior:contain;box-sizing:border-box;border:2px solid var(--border,#b59665);background:var(--surface-1,#fffaf0);border-radius:12px;width:min(560px,100%);max-height:calc(100dvh - 32px);padding:22px;font-family:HarmonyOS Sans SC,sans-serif;font-size:14px;line-height:1.6;overflow:auto}.feedback-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-dialog h2{margin:0;font-size:22px}.feedback-dialog p{margin:12px 0}.feedback-dialog label{gap:6px;margin:16px 0 6px;font-weight:600;display:grid}.feedback-dialog input,.feedback-dialog textarea{box-sizing:border-box;border:1px solid var(--border,#b59665);background:var(--surface-2,#fff);width:100%;min-width:0;color:inherit;border-radius:6px;padding:10px;font:16px/1.5 sans-serif}.feedback-dialog textarea{resize:vertical}.feedback-dialog button{border:1px solid var(--border,#b59665);background:var(--surface-2,#fff);min-height:44px;color:inherit;font:inherit;cursor:pointer;border-radius:6px;padding:8px 14px}.feedback-dialog button[type=submit],.feedback-success>button{background:var(--accent-fill,#b94f32);color:#fff}.feedback-dialog button:disabled{opacity:.6;cursor:wait}.feedback-dialog small{opacity:.8;font-size:12px;display:block}.feedback-dialog details{margin:16px 0}.feedback-dialog summary{cursor:pointer}.feedback-dialog dl,.feedback-dialog dd{overflow-wrap:anywhere;margin:6px 0}.feedback-dialog dt{font-weight:700}.feedback-dialog footer{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.feedback-dialog progress{width:100%}.feedback-error{color:var(--accent-text,#c34232)}.feedback-files{gap:12px;padding:0;list-style:none;display:grid}.feedback-files li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.feedback-files img,.feedback-files video{grid-column:1/-1;max-width:100%;max-height:200px;margin:auto}.feedback-files span,.feedback-success code{overflow-wrap:anywhere}.feedback-success>button{margin-top:20px;display:block}@media (width<=480px){.feedback-backdrop{padding:10px}.feedback-dialog{max-height:calc(100dvh - 20px);padding:16px}}.color-replacement{width:100%;min-width:0;margin-top:12px}.color-replacement>summary{cursor:pointer;border:1px solid var(--border,#d9dcd7);justify-content:space-between;align-items:center;gap:8px;padding:10px 8px;font-weight:600;list-style:none;display:flex}.color-replacement>summary::-webkit-details-marker{display:none}.color-replacement>summary::marker{content:""}.color-replacement>summary svg{flex-shrink:0;width:16px;height:16px}.color-replacement[open]>summary svg{transform:rotate(180deg)}.color-replacement-fields{gap:12px;padding:12px 0;display:grid}.color-replacement-fields p{margin:0;font-size:12px;line-height:1.6}.color-replacement-fields label{gap:6px;min-width:0;display:grid}.color-replacement-fields .app-select-trigger{width:100%;min-width:0}.color-replacement-fields>button{width:100%;padding:10px}.color-replacement-preview{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-replacement-preview i{border:1px solid #888;width:24px;height:24px}.responsive-desktop .desktop-tools-card:has(.color-replacement[open]){max-height:65dvh;overflow-y:auto}.app-shell .mobile-home-hero.home-poster-carousel{aspect-ratio:2;background:var(--mobile-card,#f3f3ef);flex-basis:auto;height:auto;min-height:0}.app-shell .home-poster-carousel:after{content:none}.home-poster-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;width:100%;height:100%;display:flex;overflow:auto hidden}.home-poster-track::-webkit-scrollbar{display:none}.home-poster-slide{scroll-snap-align:start;flex:0 0 100%;min-width:0;height:100%}.home-poster-slide img{object-fit:contain;width:100%;height:100%;display:block}.home-poster-controls{background:#00000094;border-radius:20px;align-items:center;max-width:calc(100% - 12px);padding:0 4px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.app-shell.pixel-ui button.home-poster-control{width:28px;min-width:28px;height:32px;min-height:32px;box-shadow:none;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;padding:0;font-family:sans-serif;font-size:22px;display:grid}.app-shell.pixel-ui button.home-poster-control:before,.app-shell.pixel-ui button.home-poster-control:after{content:none}.home-poster-dot span{background:#ffffff73;border-radius:50%;width:6px;height:6px;display:block}.home-poster-dot[aria-current=true] span{background:#fff;border-radius:4px;width:16px}.app-shell.pixel-ui button.home-poster-play{width:40px;font-size:12px}.home-poster-control:focus-visible,.home-poster-track:focus-visible{outline-offset:-3px;outline:2px solid #fff}.app-shell.pixel-ui button.home-poster-dot{flex-shrink:1;width:20px;min-width:16px}:root{--bp-phone:767px;--bp-tablet:768px;--bp-desktop:1200px;--z-base:0;--z-canvas:10;--z-header:50;--z-dropdown:70;--z-sheet:86;--z-modal:100;--z-progress:105;--z-workflow:180;--z-toast:200;--radius-small:10px;--radius-control:12px;--radius-panel:20px;--radius-dialog:24px;--disabled-opacity:.5;--font-sans:"HarmonyOS Sans SC", sans-serif;--font-display:var(--font-sans);--font-mono:var(--font-sans);--text-xs:11px;--text-sm:12px;--text-md:13px;--text-lg:16px;--text-xl:20px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700}:root,html[data-theme=light],.app-shell.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fbf4e6;--surface-1:#fffcf4;--surface-2:#f8eedb;--surface-3:#ebdcc2;--ink-1:#372f27;--ink-2:#584d3e;--ink-3:#706451;--border:#6f53301f;--border-strong:#6f53303d;--accent-fill:#be4d32;--accent-text:#af432b;--accent-hover:#a9422b;--accent-soft:#fbe4d5;--focus-ring:#be4d3266;--on-accent:#fffcf4;--lake-fill:#32666a;--lake-text:#32666a;--lake-soft:#e5f3f1;--leaf-fill:#526940;--leaf-text:#526940;--leaf-soft:#eef3df;--gold-fill:#e9bb59;--gold-text:#806025;--gold-soft:#fff0ce;--pixel-trim:#b99451;--pixel-speck:#8060251f;--selection-toggle-bg:#68706b;--selection-toggle-ink:#fff9f5;--up:#2f7460;--warn:#93601f;--down:#b42318;--canvas-bg:#fff9ee;--canvas-border:#5d4a3c29;--shadow:0 2px 8px #1f2e2512, 0 1px 2px #1f2e250a;--shadow-panel:0 4px 16px #1f2e2514, 0 1px 3px #1f2e250a;--shadow-dialog:0 18px 48px #18221c2e, 0 4px 12px #18221c14;--overlay:#181e1b85;--shell:var(--page);--rail:var(--surface-1);--panel:var(--surface-1);--panel-deep:var(--surface-3);--field:var(--surface-2);--line:var(--border);--muted:var(--ink-3);--soft:var(--ink-2);--accent:var(--accent-fill);--accent-deep:var(--accent-hover);--canvas:var(--canvas-bg)}html[data-theme=dark],.app-shell.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#152426;--surface-1:#213335;--surface-2:#293b3d;--surface-3:#34494b;--ink-1:#fff0d8;--ink-2:#d7dccc;--ink-3:#b7c7c4;--border:#ffe0af1f;--border-strong:#ffe0af3d;--accent-fill:#be4d32;--accent-text:#ffad88;--accent-hover:#a9422b;--accent-soft:#4a3831;--focus-ring:#ffad8880;--on-accent:#fffcf4;--lake-fill:#32666a;--lake-text:#94d8d7;--lake-soft:#254447;--leaf-fill:#526940;--leaf-text:#c0d79d;--leaf-soft:#344434;--gold-fill:#e9bb59;--gold-text:#f0cb7b;--gold-soft:#423d2d;--pixel-trim:#bfa16c;--pixel-speck:#f0cb7b21;--selection-toggle-bg:#171c19;--selection-toggle-ink:#fff9f5;--up:#6bc5a1;--warn:#e4a65a;--down:#ff766d;--canvas-bg:#f7f1e7;--canvas-border:#fff1e529;--shadow:0 2px 8px #070a0859, 0 1px 2px #070a0840;--shadow-panel:0 4px 18px #070a0866, 0 1px 3px #070a0847;--shadow-dialog:0 18px 48px #0406058c, 0 4px 12px #04060559;--overlay:#070a08bd;--shell:var(--page);--rail:var(--surface-1);--panel:var(--surface-1);--panel-deep:var(--surface-3);--field:var(--surface-2);--line:var(--border);--muted:var(--ink-3);--soft:var(--ink-2);--accent:var(--accent-fill);--accent-deep:var(--accent-hover);--canvas:var(--canvas-bg)}@media (width>=1200px){.app-shell.theme-light.responsive-desktop{--page:#f8f5ec}}:root{color:var(--ink-1);background:var(--page);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-regular);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:var(--page);min-width:0;margin:0;font-family:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.image-composition-backdrop{z-index:95;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070c13b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-composition-dialog{color:#eef2f6;background:#171e27;border:1px solid #344252;border-radius:20px;flex-direction:column;width:min(1180px,100vw - 48px);max-height:min(820px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 34px 90px #0000007a}.image-composition-header{border-bottom:1px solid #303b49;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:17px 22px;display:flex}.image-composition-header>div{flex:1;min-width:0}.image-composition-header h2{margin:0;font-size:19px}.image-composition-header p{color:#9eabb9;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:11px;line-height:1.5;overflow:hidden}.image-composition-header>button{color:#cdd5de;cursor:pointer;background:#252f3b;border:0;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:23px;line-height:1;display:grid}.image-composition-header>button:disabled{opacity:.45;cursor:wait}.image-composition-body{scrollbar-width:none;flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:224px minmax(0,1fr);gap:0 20px;min-height:0;padding:20px 22px;display:grid}.image-composition-body::-webkit-scrollbar{width:0;height:0;display:none}.image-composition-controls{scrollbar-width:none;flex-direction:column;grid-row:1/span 2;gap:12px;min-width:0;min-height:0;display:flex;overflow-y:auto}.image-composition-controls::-webkit-scrollbar{width:0;height:0;display:none}.composition-settings-title{color:#edf1f5;margin:0;font-size:17px;line-height:1.2}.composition-settings-card{background:#1d2631;border:1px solid #303b49;border-radius:16px;flex-direction:column;flex:1;gap:18px;min-height:0;padding:15px;display:flex}.image-composition-controls section{flex-direction:column;gap:10px;display:flex}.image-composition-controls strong{color:#edf1f5;font-size:12px}.image-composition-controls small{color:#8f9dad;font-size:9px;line-height:1.45}.composition-mode-section{gap:9px!important}.composition-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.composition-mode-options button{color:#c8d1dc;cursor:pointer;text-align:left;background:#252f3b;border:1px solid #3e4b5c;border-radius:12px;gap:4px;min-height:62px;padding:10px 11px;display:grid}.composition-mode-options button span{font-size:11px;font-weight:800}.composition-mode-options button small{font-size:8px}.composition-mode-options button.active{color:#ff9d91;background:#ef716124;border-color:#ef7161;box-shadow:0 0 0 1px #ef716114}.composition-mode-options button:disabled{cursor:not-allowed;opacity:.48}.composition-style-section{gap:10px!important}.composition-style-heading{justify-content:space-between;align-items:center;display:flex}.composition-style-heading>span{color:#8f9dad;font-size:9px}.composition-custom-requirement{gap:6px;display:grid}.composition-custom-requirement>span{color:#c8d1dc;font-size:10px;font-weight:700}.composition-custom-requirement input{color:#edf1f5;background:#252f3b;border:1px solid #3e4b5c;border-radius:10px;width:100%;height:38px;padding:0 10px;font-size:10px}.composition-custom-requirement input::placeholder{color:#748294}.composition-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.composition-style-card{color:#c8d1dc;cursor:pointer;text-align:center;background:#252f3b;border:1px solid #3e4b5c;border-radius:11px;flex-direction:column;align-items:stretch;gap:6px;min-width:0;padding:8px;display:flex}.composition-style-card>img{aspect-ratio:1;object-fit:contain;image-rendering:auto;background:#f7f3eb;width:100%;height:auto;display:block}.composition-style-card>span{min-width:0;font-size:11px;font-weight:800;line-height:1.4}.composition-style-card>small{-webkit-line-clamp:2;min-width:0;color:inherit;opacity:.8;-webkit-box-orient:vertical;font-size:9px;line-height:1.5;display:-webkit-box;overflow:hidden}.composition-style-card.active{background:#ef716124;border-color:#ef7161;box-shadow:0 0 0 1px #ef71611a}.composition-style-card:disabled{cursor:not-allowed;opacity:.42}.composition-ai-unavailable{color:#e6a19a!important}.composition-auto-actions{background:#252f3b;border-radius:11px;grid-template-columns:1fr 1fr;gap:5px;padding:5px;display:grid}.composition-auto-actions button{color:#bdc7d3;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:0;height:36px;padding:0 7px;font-size:10px;display:inline-flex}.composition-auto-actions button.active{color:#fff;background:#ef7161;border-color:#ef7161;font-weight:700}.composition-auto-actions button:disabled{opacity:.55;cursor:wait}@media (width>=768px){.image-composition-controls>.composition-settings-card{flex:none;min-height:auto}.composition-generation-progress{box-sizing:border-box;flex:none;align-self:center;width:min(640px,100% - 44px);margin:0 auto 20px}}.composition-preset-grid,.composition-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.composition-preset-grid button,.composition-control-grid button{color:#bdc7d3;cursor:pointer;white-space:nowrap;background:#252f3b;border:1px solid #3e4b5c;border-radius:10px;justify-content:center;align-items:center;min-width:0;min-height:42px;padding:0 7px;font-size:10px;display:inline-flex}.composition-preset-grid button:first-child{grid-column:1/-1}.composition-control-grid button svg{flex:0 0 15px;width:15px;height:15px;margin-right:5px}.composition-control-grid .composition-flip-vertical-icon{transform:rotate(90deg)}.composition-preset-grid button:hover,.composition-control-grid button:hover{color:#fff;border-color:#6d7c8e}.composition-preset-grid button.active,.composition-control-grid button.active{color:#ff9d91;background:#ef716124;border-color:#ef7161}.composition-help{color:#98a6b5;background:#252f3b;border-radius:9px;margin:auto 0 0;padding:11px;font-size:10px;line-height:1.6}.image-composition-stage-shell{isolation:isolate;background-color:#26313d;background-image:linear-gradient(45deg,#202a35 25%,#0000 25%),linear-gradient(-45deg,#202a35 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#202a35 75%),linear-gradient(-45deg,#0000 75%,#202a35 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:14px;grid-area:1/2;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.image-composition-stage{--composition-aspect:1;width:min(100%, calc((100vh - 250px) * var(--composition-aspect)));max-height:calc(100vh - 250px);aspect-ratio:var(--composition-aspect);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-shadow:0 18px 55px #00000057}.image-composition-stage canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.composition-preview-fallback{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.composition-loading{color:#aab5c2;background:#202a35;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.composition-ai-stage-progress{grid-area:2/2;place-items:center;min-width:0;margin-top:20px;display:grid}.composition-ai-stage-progress>div{border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--surface-1) 96%, transparent);width:min(520px,100%);box-shadow:var(--shadow-dialog);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:14px 15px 13px;display:grid}.composition-ai-progress-copy{gap:3px;min-width:0;display:grid}.composition-ai-stage-progress strong{min-width:0;color:var(--ink-1);font-size:var(--text-md);line-height:1.35}.composition-ai-stage-progress .composition-ai-progress-copy small{color:var(--ink-3);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.composition-ai-stage-progress b{color:var(--accent-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-self:start;font-size:18px;font-weight:600;line-height:1}.composition-ai-stage-progress b small{margin-left:1px;font-size:10px;font-weight:600}.composition-ai-progress-line{background:color-mix(in srgb, var(--accent-fill) 12%, var(--surface-3));border-radius:999px;grid-column:1/-1;height:2px;margin-top:1px;overflow:hidden}.composition-ai-progress-line>i{border-radius:inherit;background:var(--accent-fill);transform-origin:0;width:100%;height:100%;transition:transform .24s cubic-bezier(.2,.8,.2,1);display:block}.composition-ai-status-mark{background:var(--accent-soft);border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.composition-ai-status-mark>i{background:var(--accent-fill);border-radius:50%;width:8px;height:8px;animation:1.15s ease-in-out infinite composition-ai-pulse}@keyframes composition-ai-pulse{50%{opacity:.48;transform:scale(.72)}}.composition-crop-box{z-index:2;box-sizing:border-box;cursor:move;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #060a1094,0 0 0 1px #00000040}.composition-grid-line{pointer-events:none;background:#fff6;position:absolute}.composition-grid-line.vertical{width:1px;top:0;bottom:0}.composition-grid-line.horizontal{height:1px;left:0;right:0}.composition-grid-line.vertical.one{left:33.333%}.composition-grid-line.vertical.two{left:66.666%}.composition-grid-line.horizontal.one{top:33.333%}.composition-grid-line.horizontal.two{top:66.666%}.composition-resize-handle{z-index:5;appearance:none;touch-action:none;width:42px;height:42px;box-shadow:none;filter:drop-shadow(0 2px 3px #00000094);background:0 0;border:0;padding:0;transition:filter .15s,transform .15s;position:absolute}.composition-resize-handle:hover,.composition-resize-handle:active{filter:drop-shadow(0 0 5px #ef7161e6)drop-shadow(0 2px 3px #00000094)}.composition-resize-handle.nw{cursor:nwse-resize;background:linear-gradient(#fff,#fff) 0 0/30px 5px no-repeat,linear-gradient(#fff,#fff) 0 0/5px 30px no-repeat;border-radius:7px 0 0;top:0;left:0}.composition-resize-handle.ne{cursor:nesw-resize;background:linear-gradient(#fff,#fff) 100% 0/30px 5px no-repeat,linear-gradient(#fff,#fff) 100% 0/5px 30px no-repeat;border-radius:0 7px 0 0;top:0;right:0}.composition-resize-handle.sw{cursor:nesw-resize;background:linear-gradient(#fff,#fff) 0 100%/30px 5px no-repeat,linear-gradient(#fff,#fff) 0 100%/5px 30px no-repeat;border-radius:0 0 0 7px;bottom:0;left:0}.composition-resize-handle.se{cursor:nwse-resize;background:linear-gradient(#fff,#fff) 100% 100%/30px 5px no-repeat,linear-gradient(#fff,#fff) 100% 100%/5px 30px no-repeat;border-radius:0 0 7px;bottom:0;right:0}.composition-drag-hint{z-index:4;color:#fff;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11151bad;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 14px;font-size:11px;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000003d}.image-composition-footer{border-top:1px solid #303b49;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:13px 22px;display:flex}.composition-generation-error{color:#ffd1cc;background:#ef655e1a;border:1px solid #ef655e6b;border-radius:11px;align-items:flex-start;gap:10px;margin:0 22px;padding:11px 13px;display:flex}.composition-generation-error>div{flex:1;min-width:0}.composition-generation-error svg{flex:none;width:19px;height:19px;margin-top:1px}.composition-generation-error strong{color:#ffaaa2;font-size:12px;display:block}.composition-generation-error p{margin:4px 0 0;font-size:11px;line-height:1.55}.composition-generation-error button{color:#fff;cursor:pointer;min-height:34px;font:inherit;text-align:left;background:#ffffff14;border:1px solid #ffd1cc57;border-radius:8px;margin-top:9px;padding:6px 11px;font-size:11px;font-weight:700}.composition-generation-error button small{color:#ffc4bd;margin-top:2px;font-size:9px;font-weight:500;display:block}.composition-generation-error button:disabled{opacity:.55;cursor:wait}.composition-generation-progress{contain:layout paint;isolation:isolate;background:#ef716114;border:1px solid #ef716147;border-radius:11px;margin:0 22px;padding:10px 13px}.composition-generation-progress>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;display:grid}.composition-generation-progress strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.composition-generation-progress span{color:#aeb9c7;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.composition-generation-progress b{color:#ff8a78;grid-area:1/2/span 2;font-size:12px}.composition-generation-progress>i{background:#3a4554;border-radius:999px;height:5px;margin-top:8px;display:block;overflow:hidden}.composition-generation-progress>i>em{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#ef715f,#f3a45f);width:100%;height:100%;transition:transform .22s;display:block}.image-composition-footer>span{color:#9eabb9;font-size:11px}.image-composition-footer>div{gap:9px;display:flex}.image-composition-footer button{color:#d6dde5;cursor:pointer;background:#252f3b;border:1px solid #3e4b5c;border-radius:9px;justify-content:center;align-items:center;min-width:82px;height:38px;padding:0 15px;font-size:11px;display:inline-flex}.image-composition-footer button.primary{color:#fff;background:#ef7161;border-color:#ef7161;min-width:150px;font-weight:700}.image-composition-footer button:disabled{opacity:.52;cursor:wait}.image-composition-footer button.primary:disabled{border-color:var(--border);background:var(--surface-2);color:var(--ink-3);opacity:1}.theme-light .image-composition-backdrop{background:#222d3a75}.theme-light .image-composition-dialog{color:#263244;background:#f8fafc;border-color:#d4dee8;box-shadow:0 30px 80px #1f2d3d40}.theme-light .image-composition-header,.theme-light .image-composition-footer{border-color:#dbe3eb}.theme-light .image-composition-header p,.theme-light .image-composition-footer>span{color:#68788d}.theme-light .image-composition-header>button{color:#516176;background:#edf2f6}.theme-light .composition-generation-error{color:#8f3f38;background:#fff1ef;border-color:#f2b4ae}.theme-light .composition-generation-error strong{color:#c34f46}.theme-light .composition-generation-error button{color:#a5443d;background:#fff;border-color:#e7aaa4}.theme-light .composition-generation-error button small{color:#a9645e}.theme-light .composition-generation-progress{background:#fff7f5;border-color:#f2c3bd}.theme-light .composition-generation-progress span{color:#75859a}.theme-light .composition-generation-progress>i{background:#e3e9ef}.theme-light .composition-settings-title{color:#263244}.theme-light .composition-settings-card{background:#fff;border-color:#dce4ec;box-shadow:0 12px 32px #26384c14}.theme-light .composition-mode-options button{color:#43536a;background:#f7f9fb;border-color:#d5dfe8}.theme-light .composition-mode-options button.active{color:#ef655e;background:#fff1ef;border-color:#ef655e94}.theme-light .composition-style-heading>span{color:#78879a}.theme-light .composition-custom-requirement>span{color:#43536a}.theme-light .composition-custom-requirement input,.theme-light .composition-style-card{color:#43536a;background:#f7f9fb;border-color:#d5dfe8}.theme-light .composition-custom-requirement input{color:#263244}.theme-light .composition-style-card.active{background:#fff1ef;border-color:#ef655ea6}.theme-light .image-composition-controls strong{color:#263244}.theme-light .image-composition-controls small{color:#78879a}.theme-light .image-composition-controls small.ready{color:#2f956f}.theme-light .composition-auto-actions{background:#f0f2f5}.theme-light .composition-auto-actions button{color:#526277;background:0 0;border-color:#0000}.theme-light .composition-auto-actions button.active{color:#ef655e;background:#fff;border-color:#e7ebef;box-shadow:0 2px 8px #26384c14}.theme-light .composition-preset-grid button,.theme-light .composition-control-grid button,.theme-light .image-composition-footer button{color:#526277;background:#f3f6f9;border-color:#d3dde7}.theme-light .composition-preset-grid button:hover,.theme-light .composition-control-grid button:hover{color:#263244;border-color:#9caabd}.theme-light .composition-preset-grid button.active,.theme-light .composition-control-grid button.active{color:#d85e50;background:#fff3f1;border-color:#ef7161}.theme-light .composition-help{color:#68788d;background:#f0f4f8}.theme-light .image-composition-footer button.primary{color:#fff;background:#ef7161;border-color:#ef7161}.theme-light .image-composition-stage-shell{background-color:#f8fafc;background-image:linear-gradient(45deg,#e8eef3 25%,#0000 25%),linear-gradient(-45deg,#e8eef3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8eef3 75%),linear-gradient(-45deg,#0000 75%,#e8eef3 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.theme-light .image-composition-stage{box-shadow:0 18px 55px #2d3d4e29}.theme-light .composition-crop-box{box-shadow:0 0 0 9999px #eef3f7c7,0 0 0 1px #566a7e38}.theme-light .composition-grid-line{background:#697c8f47}.theme-light .composition-resize-handle{filter:drop-shadow(0 2px 3px #2d3d4e47)}.theme-light .composition-resize-handle:hover,.theme-light .composition-resize-handle:active{filter:drop-shadow(0 0 5px #ef71619e)drop-shadow(0 2px 3px #2d3d4e47)}@media (width<=767px){.image-composition-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;place-items:stretch stretch;padding:0}.image-composition-dialog{border:0;border-radius:0;width:100vw;max-height:100dvh}.image-composition-header{min-height:68px;padding:12px 16px}.image-composition-header h2{font-size:16px}.image-composition-header p{max-width:none;font-size:9px}.image-composition-body{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;padding:12px 14px;display:flex;overflow:hidden auto}.image-composition-controls{flex:none;order:2;gap:12px;padding:2px;overflow:visible}.composition-settings-title{padding-inline:2px;font-size:20px}.composition-settings-card{border-radius:20px;gap:16px;padding:16px}.composition-auto-actions button{height:46px;min-height:46px;font-size:12px}.composition-preset-grid,.composition-control-grid{gap:9px}.composition-preset-grid button,.composition-control-grid button{border-radius:13px;height:auto;min-height:48px;padding:0 8px;font-size:12px}.image-composition-controls strong{font-size:14px}.image-composition-controls small{font-size:11px}.composition-help{display:none}.image-composition-stage-shell{flex:0 0 clamp(300px,52dvh,540px);order:1;height:clamp(300px,52dvh,540px);min-height:300px}.image-composition-stage{width:min(100%, calc(52dvh * var(--composition-aspect)));touch-action:pan-y;max-height:52dvh}.composition-crop-box{touch-action:pan-y}.composition-drag-hint{pointer-events:auto;touch-action:none;cursor:move}.image-composition-footer{min-height:66px;padding:10px 14px}.composition-generation-error,.composition-generation-progress{margin:0 14px}.image-composition-footer>span{display:none}.image-composition-footer>div{width:100%}.image-composition-footer button{flex:1}.image-composition-footer button.primary{flex:2}.composition-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composition-style-card{min-height:76px}.composition-ai-stage-progress{flex:none;order:1;width:100%;margin-top:0}.composition-ai-stage-progress>div{border-radius:16px;grid-template-columns:28px minmax(0,1fr) auto;padding:13px}.composition-ai-stage-progress strong{font-size:14px}.composition-ai-stage-progress .composition-ai-progress-copy small{font-size:11px}.composition-ai-stage-progress b{font-size:17px}}@media (prefers-reduced-motion:reduce){.composition-ai-status-mark>i{animation:none}.composition-ai-progress-line>i{transition:none}}.app-shell{background:var(--shell);color:#f1f3f5;flex-direction:column;height:100vh;min-height:720px;display:flex;overflow:hidden}.topbar{background:var(--shell);border-bottom:1px solid var(--line);z-index:50;flex:none;height:64px;padding:0;position:relative}.topbar-inner{align-items:center;width:min(1600px,100% - 48px);height:100%;margin:0 auto;display:flex;position:relative}.brand-lockup{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;min-width:204px;min-height:44px;padding:2px;display:flex}.header-brand-icon{object-fit:cover;object-position:50% 56%;border-radius:11px;flex:none;width:40px;height:40px;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 16px #4a7bd03d}.brand-lockup:hover .header-brand-icon{transform:translateY(-1px);box-shadow:0 10px 18px #4a7bd04d}.brand-lockup:active .header-brand-icon{transform:translateY(0)}.brand-lockup div{flex-direction:column;gap:2px;display:flex}.brand-lockup strong{letter-spacing:-.04em;font-size:16px;line-height:1}.brand-lockup span{color:var(--muted);font-size:11px;line-height:1.2}.topbar-center{gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.theme-toggle-button{min-width:38px;color:var(--ink-1,#243246);border-color:var(--border-strong,#c8d0d8);background:var(--surface-1,#fff);padding:0 10px;font-weight:650}.theme-toggle-button svg{stroke-width:2.1px;flex:none;width:16px;height:16px}.chrome-button,.export-button{border:1px solid var(--line);height:32px;color:var(--soft);cursor:pointer;background:#202733;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:12px;transition:all .18s;display:inline-flex}.topbar .login-button{white-space:nowrap}.chrome-button:hover{color:#fff;background:#29313d;border-color:#465264}.chrome-button.active{border-color:var(--accent);color:var(--accent)}.chrome-button svg,.export-button svg{width:14px;height:14px}.chrome-button svg[stroke=none]{stroke:none;stroke-width:0}.chrome-button.mode-button.active{background:var(--accent);border-color:var(--accent);color:#fff}.export-button{border-color:var(--accent);background:var(--accent);color:#fff;min-width:86px}.export-button:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.export-menu-wrap{position:relative}.export-menu{z-index:70;background:#252d38;border:1px solid #465264;border-radius:11px;flex-direction:column;gap:8px;width:306px;max-width:calc(100vw - 32px);padding:12px;display:flex;position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 18px 38px #00000057,0 3px 10px #00000038}.export-menu>p{color:#8f9ba9;margin:0;padding:0 2px 2px;font-size:10px}.export-menu>button{color:#e9edf2;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #34404e;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-height:58px;padding:10px 13px;display:flex}.export-menu>button:hover{background:#313b49}.export-menu>button strong{font-size:12px}.export-menu>button span{color:#98a4b3;font-size:10px;line-height:1.35}.save-state{color:#78c5a0;white-space:nowrap;order:-1;align-items:center;gap:7px;font-size:12px;display:inline-flex}.status-dot{background:#63b98f;border-radius:50%;width:8px;height:8px;display:inline-block}.workspace{flex:1;grid-template-columns:360px minmax(0,1fr) 340px;gap:12px;width:min(1600px,100% - 48px);min-height:0;margin:0 auto;display:grid}.left-inspector{background:var(--panel);border-radius:18px;flex-direction:column;gap:0;min-width:0;min-height:0;margin:24px 0 18px;padding:0;display:flex;overflow:hidden}.inspector-section{background:var(--panel);border-radius:18px;min-height:100%;padding:20px 18px 18px}.left-inspector>.inspector-section{scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#b8c2ce transparent;background:0 0;border-radius:0;flex:auto;min-height:0;overflow:auto}.left-inspector>.inspector-section::-webkit-scrollbar{width:16px}.left-inspector>.inspector-section::-webkit-scrollbar-track{background:0 0;border-radius:999px}.left-inspector>.inspector-section::-webkit-scrollbar-thumb{background:#b8c2ce padding-box padding-box;border:2px solid #0000;border-radius:999px}.section-heading{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.section-heading span{font-size:16px;font-weight:750}.section-heading small{color:var(--muted);font-size:12px}.left-inspector-tabs{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));height:36px;margin:12px 14px 0;overflow:hidden}.left-inspector-tabs button{font-size:12px}.editor-tools-section{flex:auto!important;min-height:0!important}.editor-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.editor-tools-grid button{color:#c9d2dd;cursor:pointer;white-space:nowrap;background:#252f3b;border:1px solid #3b4859;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:34px;padding:0 8px;font-size:11px;display:inline-flex}.editor-tools-grid button svg{flex:none;width:16px;height:16px}.editor-tools-grid button svg[stroke=none]{stroke:none;stroke-width:0}.editor-tools-grid button:hover:not(:disabled){color:#fff;border-color:#66778c}.editor-tools-grid button.active{border-color:var(--accent);background:var(--accent);color:#fff}.editor-tools-grid button:disabled{opacity:.42;cursor:not-allowed}.editor-tools-grid button small{color:inherit;margin-left:4px;font-size:9px}.brush-size-control{gap:3px;display:grid}.brush-size-heading,.brush-size-scale{justify-content:space-between;align-items:center;display:flex}.brush-size-heading span{color:var(--muted);font-size:11px;font-weight:650}.brush-size-heading output{color:var(--accent);font-size:11px;font-weight:750}.brush-size-scale{color:var(--muted);font-size:9px}.brush-size-control input[type=range]{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:32px;margin:0}.brush-size-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--brush-progress), #3a4655 var(--brush-progress) 100%);border-radius:999px;height:6px}.brush-size-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 2px 7px #09111b47}.brush-size-control input[type=range]::-moz-range-track{background:#3a4655;border:0;border-radius:999px;height:6px}.brush-size-control input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:6px}.brush-size-control input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 7px #09111b47}.brush-size-control input[type=range]:focus-visible{outline-offset:2px;border-radius:999px;outline:2px solid #ef71618c}.desktop-brush-size{border-top:1px solid var(--line);grid-column:1/-1;margin-top:2px;padding-top:10px}.editor-tools-hint{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.45}.source-card{background:var(--field);border-radius:14px;grid-template-columns:76px 1fr;align-items:center;gap:11px;margin-bottom:12px;padding:12px;display:grid}.source-preview{background:var(--canvas);border-radius:10px;width:76px;height:76px;overflow:hidden}.source-preview img{object-fit:contain;background:#f7f3eb;width:100%;height:100%;display:block}.source-bead-grid{grid-template-columns:repeat(16,1fr);width:100%;height:100%;padding:13px;display:grid}.source-bead-grid span{aspect-ratio:1;border-radius:50%;width:100%;transform:scale(.82);box-shadow:inset 0 1px 2px #ffffff8c}.source-meta{flex-direction:column;gap:5px;min-width:0;display:flex}.source-meta strong{color:#f2f3f3;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.source-meta span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.source-title-field{min-width:0;display:block}.source-title-field input{width:100%;min-width:0;height:28px;color:inherit;font:inherit;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:7px;margin:0;padding:0 6px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s;overflow:hidden}.source-title-field input:hover{border-color:var(--line);background:color-mix(in srgb, var(--panel) 70%, transparent)}.source-title-field input:focus{border-color:var(--accent);background:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);text-overflow:clip;outline:none}.source-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.source-upload-button,.source-background-button{border:1px solid var(--accent);min-width:0;height:28px;color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:7px;padding:0 4px;font-size:9.5px}.source-upload-button:hover{background:#ef71611a}.source-background-button{color:#b8c7d8;border-color:#52677c}.source-background-button:hover:not(:disabled){color:#e6eef7;background:#6d91b61f;border-color:#7c9ab9}.source-background-button:disabled{opacity:.45;cursor:not-allowed}.parameter-note{color:var(--muted);margin:10px 0 14px;font-size:11px}.inspector-section label{color:var(--muted);margin-top:17px;font-size:11px;display:block}.inspector-section label span{float:right;color:#77818f;font-size:9px}.bead-size-summary{clear:both;color:#9ea9b8;margin-top:8px;font-size:10px;line-height:1.45;display:block}.settings-card input{color:#eef1f5;background:var(--field);border:0;border-radius:10px;width:100%;height:36px;margin-top:7px;padding:0 12px;font-size:12px}.app-select-trigger{color:#eef1f5;background:var(--field);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;height:36px;margin-top:7px;padding:0 10px 0 12px;font-size:12px;transition:border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.app-select-trigger:hover{background:#2b333f;border-color:#455466}.app-select-trigger[data-state=open]{background:#2d3540;border-color:#ef7161d1;box-shadow:0 0 0 3px #ef71611f}.app-select-trigger:focus-visible{outline-offset:2px;outline:2px solid #ef7161bf}.app-select-icon{color:#a8b1be;place-items:center;transition:transform .16s;display:inline-grid}.app-select-trigger[data-state=open] .app-select-icon{color:#fff;transform:rotate(180deg)}.app-select-icon svg{width:16px;height:16px}.app-select-content{z-index:60;width:var(--radix-select-trigger-width);max-height:min(252px, var(--radix-select-content-available-height));color:#edf0f4;transform-origin:var(--radix-select-content-transform-origin);background:#252d38;border:1px solid #465264;border-radius:11px;animation:.14s ease-out app-select-enter;overflow:hidden;box-shadow:0 18px 38px #00000057,0 3px 10px #00000038}.app-select-viewport{padding:4px}.app-select-item{color:#c9d0d9;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;outline:0;align-items:center;min-height:36px;padding:0 10px;font-size:12px;display:flex;position:relative}.app-select-item[data-highlighted]{color:#fff;background:#354152}.app-select-item[data-state=checked]{color:#fff;font-weight:650}.app-select-item[data-disabled]{opacity:.48;cursor:not-allowed}.app-select-compact{border-color:var(--line);color:#aeb7c1;background:#1e2630;border-radius:6px;width:66px;height:24px;margin-top:0;padding:0 5px 0 7px;font-size:10px}.app-select-compact:hover{background:#252e3a}.app-select-compact .app-select-icon svg{width:13px;height:13px}@keyframes app-select-enter{0%{opacity:0;transform:scale(.98)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}.slider-label{color:var(--muted);margin-top:19px;font-size:11px}.slider-label>span{justify-content:space-between;align-items:center;display:flex}.slider-label output{color:#f1f3f5;font-weight:700}.slider-label input{width:100%;accent-color:var(--accent);margin:15px 0 7px;display:block}.slider-label>div{color:#d6dbe0;justify-content:space-between;font-size:11px;display:flex}.denoise-mode-control{color:var(--muted);margin-top:18px;font-size:11px}.denoise-mode-control>span{justify-content:space-between;align-items:center;display:flex}.denoise-mode-control output{color:#f1f3f5;font-weight:700}.denoise-mode-control>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px;display:grid}.denoise-mode-control button{color:#b9c2cd;cursor:pointer;background:#222b36;border:1px solid #394554;border-radius:7px;min-height:30px;padding:0 6px;font-size:10px}.denoise-mode-control button.active{border-color:var(--accent);color:#fff;background:#ef716129}.parameter-chips{color:#7e8a9a;white-space:nowrap;border:1px solid #34404e;border-radius:7px;gap:6px;margin-top:16px;padding:8px 7px;font-size:8px;display:flex}.parameter-chips button{color:#9eabba;cursor:pointer;min-width:0;font:inherit;background:0 0;border:0;border-radius:4px;padding:0}.parameter-chips button:hover:not(:disabled),.parameter-chips button.active{color:#f5a399}.parameter-chips button:disabled{cursor:not-allowed;opacity:.5}.manual-grid-size{color:var(--muted);grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:9px;margin-top:17px;font-size:11px;display:grid}.manual-grid-size input{color:#eef1f5;background:var(--field);border:1px solid #394554;border-radius:8px;outline:none;width:100%;height:32px;padding:0 9px;font-size:12px}.manual-grid-size input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ef71611f}.regenerate-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:22px;width:100%;height:42px;margin-top:18px;font-size:13px;font-weight:700}.regenerate-button:hover{background:var(--accent-deep)}.regenerate-button:disabled{opacity:.55;cursor:wait}.secondary-ai-action{border:1px solid var(--accent-text,var(--accent));background:var(--accent-soft,#bd4f401c);width:100%;min-height:38px;color:var(--accent-text,var(--accent));cursor:pointer;border-radius:18px;margin-top:8px;font-size:12px;font-weight:700}.secondary-ai-action:hover:not(:disabled){border-color:var(--accent-deep,var(--accent));background:color-mix(in srgb, var(--accent-fill,var(--accent)) 18%, transparent);color:var(--accent-deep,var(--accent))}.secondary-ai-action:disabled{cursor:not-allowed;opacity:.45}.ai-optimization-fallback{color:#e2b26f;background:#de9d4914;border:1px solid #de9d4959;border-radius:8px;margin:9px 0 0;padding:8px;font-size:9px;line-height:1.45}.mobile-ai-result-badge{color:#27865f;background:#34a67c14;border:1px solid #34a67c47;border-radius:12px;padding:9px 12px;font-size:11px;font-weight:800}.mobile-ai-result-badge.fallback{color:#9d651f;background:#cf8b2e14;border-color:#cf8b2e47}.editor-stage{background:var(--shell);flex-direction:column;gap:12px;min-width:0;min-height:0;padding:24px 0 18px;display:flex}.editor-stage:not(.settings-stage) .canvas-area{order:1}.editor-stage:not(.settings-stage) .editor-toolbar{order:2}.editor-stage.settings-stage{overflow:hidden auto}.settings-stage .settings-page{flex:none;margin:0 auto;padding:4px 0 28px}.editor-toolbar{color:#8994a3;background:#1e2631;border:1px solid #303b4a;border-radius:7px;grid-template-columns:78px repeat(11,minmax(0,1fr));align-items:center;gap:4px;width:min(920px,100%);min-height:28px;margin:0 auto;padding:3px 4px;font-size:11px;display:grid}.editor-toolbar>span{padding-left:3px}.editor-toolbar button{color:#93a0b1;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#222b37;border:1px solid #303b4a;border-radius:6px;min-width:0;height:22px;font-size:10px;overflow:hidden}.editor-toolbar button:disabled{opacity:.42;cursor:not-allowed}.editor-toolbar button small{color:inherit;margin-left:4px;font-size:9px}.editor-toolbar button:hover{color:#fff;border-color:#536276}.editor-toolbar button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.editor-toolbar.build-mode-tools{grid-template-columns:78px 1fr}.editor-toolbar.build-mode-tools button{display:none}.editor-toolbar.build-mode-tools em{color:#f0a095;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding-right:5px;font-size:10px;font-style:normal;overflow:hidden}.selection-actions{border-top:1px solid #354151;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;min-height:0;padding:8px 2px 2px;display:flex}.selection-actions strong{color:#f0f3f6;white-space:nowrap;flex:none;font-size:11px;font-weight:700}.selection-actions-buttons{flex-wrap:wrap;flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.selection-actions-buttons button{color:#c9d2dd;cursor:pointer;white-space:nowrap;writing-mode:horizontal-tb;text-orientation:mixed;background:#252f3b;border:1px solid #3b4859;border-radius:8px;flex:none;min-width:max-content;height:28px;padding:0 10px;font-size:11px;font-weight:650;line-height:1}.selection-actions-buttons button:hover{color:#fff;border-color:#66778c}.selection-actions-buttons button:first-of-type{color:#ffb2aa;background:#ef71611f;border-color:#ef7161cc}.chrome-button:disabled{opacity:.42;cursor:not-allowed}.canvas-area{width:min(var(--canvas-fit-width,100%), 100%);max-width:100%;max-height:100%;aspect-ratio:var(--canvas-fit-ratio,1);background:var(--canvas);color:#9ba2ac;border:1px solid #e0dcd4;border-radius:18px;flex:none;margin:auto;position:relative;overflow:hidden}.canvas-label,.canvas-meta{z-index:4;pointer-events:none;position:absolute}.canvas-label{color:#9ba2ac;letter-spacing:.02em;font-size:12px;font-weight:650;line-height:1;top:7px;left:22px}.canvas-meta{color:#9ba2ac;letter-spacing:.01em;text-align:center;white-space:nowrap;font-size:11px;bottom:17px;left:50%;transform:translate(-50%)}.canvas-viewport{padding:42px 38px 36px;position:absolute;inset:0}.canvas-viewport canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.canvas-area.space-zoom-active .canvas-viewport canvas{cursor:grab}.canvas-area.space-zoom-active .canvas-viewport canvas:active{cursor:grabbing}.canvas-tooltip-layer{pointer-events:none;z-index:3;position:absolute;inset:42px 38px 36px}.canvas-color-tooltip{color:#fff;white-space:nowrap;background:#14171df0;border:1px solid #ffffff29;border-radius:7px;align-items:center;min-height:32px;padding:0 12px;font-size:12px;display:inline-flex;position:absolute;transform:translate(14px,calc(-100% - 13px));box-shadow:0 10px 24px #00000047}.canvas-color-tooltip strong{letter-spacing:.02em;font-size:12px}.ruler{z-index:1;pointer-events:none;color:#a8afb8;font-size:9px;position:absolute}.top-ruler{height:14px;top:25px;left:48px;right:48px}.top-ruler span{position:absolute;transform:translate(-50%)}.left-ruler{width:18px;top:48px;bottom:40px;left:14px}.left-ruler span{position:absolute;transform:translateY(-50%)}.settings-page{width:min(620px,100%);margin:auto}.settings-heading{margin-bottom:18px}.settings-heading span{font-size:22px;font-weight:750;display:block}.settings-heading p{color:var(--muted);margin:8px 0 0;font-size:12px}.settings-card{background:var(--panel);border-radius:18px;padding:24px}.settings-card+.settings-card{margin-top:16px}.settings-card h2{color:#f1f3f5;margin:0 0 8px;font-size:16px}.settings-card>p{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.55}.settings-card label{color:var(--muted);margin-bottom:20px;font-size:12px;display:block}.settings-card input,.settings-card .app-select-trigger{display:flex}.settings-row{height:42px;color:var(--soft);border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:6px;display:flex}.settings-value{color:#79c59f;font-size:12px}.settings-file-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.settings-file-actions button{color:#d8dfe7;cursor:pointer;text-align:left;background:#27313d;border:1px solid #435062;border-radius:9px;min-height:36px;padding:7px 10px;font-size:11px}.settings-file-actions button:hover{color:#fff;background:#303b49;border-color:#67778b}.settings-file-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.palette-source-card{margin-top:16px}.palette-source-card h2{color:#f1f3f5;margin:0 0 10px;font-size:16px}.palette-source-card p{color:#96a2b2;margin:8px 0 0;font-size:12px;line-height:1.65}.right-inspector{background:var(--panel);border-radius:18px;flex-direction:column;min-width:0;min-height:0;margin:24px 0 18px;display:flex;overflow:hidden}.inspector-header{justify-content:space-between;align-items:flex-start;gap:8px;padding:20px 18px 12px;display:flex}.inspector-header h2,.panel-title h2{margin:0;font-size:16px}.inspector-header span,.panel-title span{color:var(--muted);margin-top:10px;font-size:11px;display:block}.inspector-search{background:#252e3b;border:1px solid #344253;border-radius:6px;align-items:center;gap:4px;width:78px;height:27px;padding:0 7px;color:#91a0b2!important;margin:0!important;display:flex!important}.inspector-search svg{flex:none;width:11px;height:11px}.inspector-search input{color:#e8edf3;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:9px}.inspector-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);height:36px;margin:0 14px;display:grid}.inspector-tabs-fixed{flex:none;margin-top:12px}.left-inspector-tabs{margin:12px 14px 0}.inspector-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative}.inspector-tabs button>span{display:inline-block;position:relative}.inspector-tabs button.active{color:#fff}.inspector-tabs button.active:after{content:none}.inspector-tabs button.active>span:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-11px;left:0;right:0}.palette-panel,.layers-panel,.materials-panel{flex:1;min-height:0;overflow:auto}.palette-list{padding:5px 12px}.palette-row{color:#f1f3f6;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #303641;border-radius:0;grid-template-columns:24px minmax(56px,1fr) 36px;align-items:center;gap:9px;width:100%;min-height:58px;font-size:11px;display:grid}.palette-row:hover,.palette-row.selected{background:#252b34}.palette-row span:nth-child(3){color:var(--muted)}.palette-row span:last-child{color:#9aa3af;text-align:right}.color-swatch{color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:inline-grid;box-shadow:inset 0 1px 2px #ffffff73,inset 0 0 0 1px #0000001f}.color-swatch svg{width:11px;height:11px}.color-swatch.small{width:13px;height:13px}.color-swatch.mini{width:18px;height:18px;margin:0 2px 0 8px}.palette-total{border-top:1px solid var(--line);color:#84909f;margin:auto 16px 0;padding:15px 0;font-size:10px}.layers-panel,.materials-panel{padding:16px}.panel-empty-title,.materials-heading{color:#f4f5f7;border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:13px;font-size:13px;font-weight:700;display:flex}.panel-empty-title svg,.materials-heading svg{width:16px;height:16px;color:var(--accent)}.layer-row{border-bottom:1px solid var(--line);min-height:50px;color:var(--soft);align-items:center;gap:8px;font-size:11px;display:flex}.layer-row.active{background:#262c35}.layer-manager{gap:10px;display:grid;position:relative}.layer-manager-list{gap:5px;display:grid}.layer-manager-row{background:#ffffff05;border:1px solid #0000;border-radius:9px;grid-template-columns:34px minmax(0,1fr) 34px;align-items:stretch;min-height:52px;display:grid;overflow:hidden}.layer-manager-row.active,.layer-manager-row.menu-open{background:#ef716117;border-color:#ef716199}.layer-manager-hint{color:#7d8795;margin:0 2px;font-size:10px;line-height:1.45}.layer-manager-row>button{color:#a9b3c0;cursor:pointer;background:0 0;border:0;min-width:0}.layer-manager-row>button:hover{color:#f4f6f8;background:#ffffff0d}.layer-manager-select{text-align:left;align-items:center;gap:9px;padding:5px 4px;display:flex}.layer-manager-select>span:last-child{gap:2px;min-width:0;display:grid}.layer-manager-select strong,.layer-manager-select small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-manager-select strong{color:#eef1f5;font-size:11px}.layer-manager-select small{color:#8591a0;font-size:8px;font-weight:600}.layer-manager-thumb{border:1px solid #465161;border-radius:6px;flex:none;grid-template-columns:repeat(3,1fr);gap:2px;width:27px;height:27px;padding:3px;display:grid}.layer-manager-thumb i{background:#7f8997;border-radius:50%}.layer-manager-row.active .layer-manager-thumb i:nth-child(odd){background:var(--accent)}.layer-manager-details{background:#252c36;border:1px solid #36414f;border-radius:9px;gap:10px;padding:11px;display:grid}.layer-manager-menu{z-index:80;text-align:left;width:min(248px,100vw - 16px);animation:.14s ease-out layer-manager-menu-enter;position:fixed;box-shadow:0 18px 42px #00000061}.layer-manager-menu-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.layer-manager-menu-heading strong{color:#eef1f5;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.layer-manager-menu-heading button{color:#a9b3c0;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:grid}.layer-manager-menu-heading button:hover{color:#fff;background:#ffffff0f}@keyframes layer-manager-menu-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.layer-manager-details label{color:#aeb8c5;gap:5px;font-size:9px;font-weight:700;display:grid}.layer-manager-details input[type=text],.layer-manager-name input{color:#edf0f4;width:100%;min-width:0;height:30px;font:inherit;background:#1f252e;border:1px solid #445061;border-radius:6px;outline:0;padding:0 8px}.layer-manager-details input:focus{border-color:var(--accent)}.layer-manager-opacity>span{justify-content:space-between;display:flex}.layer-manager-opacity output{color:#e3e7ec}.layer-manager-opacity input{width:100%;accent-color:var(--accent)}.layer-manager-materials{cursor:pointer;align-items:center;grid-template-columns:16px 1fr!important}.layer-manager-materials input{accent-color:var(--accent)}.layer-manager-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.layer-manager-actions button,.layer-manager-add{color:#dce2e8;cursor:pointer;background:#2b333e;border:1px solid #465161;border-radius:6px;min-height:29px;font-size:9px}.layer-manager-actions button:disabled{cursor:default;opacity:.35}.layer-manager-actions button.danger{color:#ff9d92}.layer-manager-add{width:100%;min-height:34px;color:var(--accent);border-style:dashed}.layer-visibility,.layer-lock{color:#8793a2;cursor:pointer;background:0 0;border:0;padding:4px}.layer-lock{margin-left:auto}.layer-select{color:#e8ebef;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.layer-thumb{grid-template-columns:repeat(3,4px);gap:2px;width:16px;display:grid}.layer-thumb i{background:var(--accent);border-radius:50%;width:4px;height:4px}.layer-thumb i:nth-child(2n){background:#d39a62}.add-layer{width:100%;height:33px;color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #46505e;border-radius:7px;margin-top:14px;font-size:11px}.add-layer:hover{border-color:var(--accent);color:#f7a69d;background:#ef716114}.layer-hint{color:#7d8795;margin:10px 2px 0;font-size:10px;line-height:1.45}.materials-heading button{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:10px}.material-physical-summary{background:#252c36;border:1px solid #36414f;border-radius:9px;gap:4px;margin:13px 0 4px;padding:10px;display:grid}.material-physical-summary span,.material-physical-summary small{color:#9ca7b5;font-size:9px;line-height:1.45}.material-physical-summary strong{color:#edf0f3;font-size:12px}.material-row{border-bottom:1px solid var(--line);color:#e6e9ec;align-items:center;gap:8px;min-height:42px;font-size:10px;display:flex}.material-row strong{color:#acb5c0;margin-left:auto;font-size:11px}.production-assistant{color:#dce2e8;gap:12px;display:grid}.production-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.production-heading>div{gap:2px;min-width:0;display:grid}.production-heading strong{color:#f1f4f7;font-size:12px}.production-heading span{color:#8f9baa;font-size:9px}.production-heading button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:9px}.production-summary{background:#252c36;border:1px solid #36414f;border-radius:9px;gap:4px;padding:10px;display:grid}.production-summary span,.production-summary small{color:#9ca7b5;font-size:9px;line-height:1.45}.production-summary strong{color:#edf0f3;font-size:12px}.production-view-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.production-view-controls button{color:#dce2e8;cursor:pointer;background:#262e38;border:1px solid #3c4756;border-radius:8px;place-content:center;gap:3px;min-height:48px;display:grid}.production-view-controls button span{font-size:10px;font-weight:750}.production-view-controls button small{color:#8d99a8;font-size:8px}.production-view-controls button.active{color:#ffaca2;background:#ef71611a;border-color:#ef7161bf}.production-section{gap:8px;min-width:0;display:grid}.production-section-heading{justify-content:space-between;align-items:end;gap:8px;display:flex}.production-section-heading>div{gap:2px;display:grid}.production-section-heading strong{color:#e8ecf0;font-size:10px}.production-section-heading small{color:#84909f;font-size:8px}.production-section-heading label{color:#9ca7b5;align-items:center;gap:3px;font-size:8px;display:flex}.production-section-heading input,.production-material-row input{color:#eef1f4;width:48px;height:25px;font:inherit;text-align:right;background:#202731;border:1px solid #465161;border-radius:5px;outline:0;padding:0 4px}.production-purchase-total{color:#aab4c0;background:#ef716114;border-radius:7px;padding:7px 9px;font-size:9px}.production-purchase-total strong{color:#ff9e93}.production-material-list{display:grid}.production-material-row{border-bottom:1px solid #323c49;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:45px;display:grid}.production-material-row>i{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff38}.production-material-row>span{gap:2px;min-width:0;display:grid}.production-material-row>span strong,.production-material-row>span small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.production-material-row>span strong{color:#dfe4e9;font-size:9px}.production-material-row>span small{color:#8995a4;font-size:8px}.production-material-row label{color:#8f9ba9;align-items:center;gap:3px;font-size:8px;display:flex}.production-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.production-board-grid article{background:#252c36;border:1px solid #36414f;border-radius:7px;grid-template-columns:auto 1fr;gap:2px 6px;min-width:0;padding:8px;display:grid}.production-board-grid article strong{color:var(--accent);grid-row:1/3;align-self:center;font-size:14px}.production-board-grid article span{color:#dfe4e9;font-size:9px}.production-board-grid article small{color:#8793a2;font-size:8px}.progress-panel{padding:20px 18px;overflow:auto}.panel-title{justify-content:space-between;align-items:flex-start;display:flex}.panel-title>strong{color:var(--accent);font-size:15px}.progress-number{align-items:baseline;gap:6px;margin-top:24px;display:flex}.progress-number strong{font-size:34px;line-height:1}.progress-number span{color:var(--muted);font-size:11px}.progress-track{background:#353c48;border-radius:10px;height:5px;margin:14px 0 8px;overflow:hidden}.progress-track span{background:var(--accent);border-radius:inherit;height:100%;display:block}.progress-status{color:#78c5a0;font-size:10px}.build-step-card{color:var(--muted);background:#f26c5a14;border:1px solid #f26c5a5c;border-radius:11px;flex-direction:column;gap:8px;margin-top:20px;padding:13px;font-size:10px;display:flex}.build-step-card strong{color:#f7f8fa;font-size:12px;line-height:1.45}.build-step-card div{color:#d8dde4;align-items:center;gap:7px;display:flex}.progress-materials{margin-top:26px}.progress-materials h3{color:#f0f2f5;margin:0 0 6px;font-size:12px}.progress-materials>p{color:var(--muted);margin:0 0 7px;font-size:10px;line-height:1.45}.progress-materials button.material-row{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;padding:0}.progress-materials button.material-row:hover{background:#ffffff0d}.progress-materials .material-row.current-step{background:#f26c5a1f;border-radius:7px;margin:0 -7px;padding:0 7px}.progress-materials .material-row.current-step strong{color:#ff9b8e}.estimate-card{color:var(--muted);background:#272d36;border-radius:12px;flex-direction:column;gap:6px;margin-top:20px;padding:14px;font-size:10px;display:flex}.estimate-card strong{color:#f4f5f6;font-size:14px;line-height:1.45}.estimate-card button{color:#f0a095;cursor:pointer;background:#222a35;border:1px solid #3a4350;border-radius:7px;align-self:flex-start;height:27px;margin-top:3px;padding:0 9px;font-size:10px}.estimate-card button:hover{border-color:var(--accent);color:#fff}.progress-actions{gap:8px;margin-top:16px;display:flex}.progress-actions button{height:32px;color:var(--muted);cursor:pointer;background:#252b34;border:1px solid #3a4350;border-radius:7px;flex:1;font-size:11px}.progress-actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.statusbar{color:#778391;background:var(--shell);border-top:1px solid #232a33;flex:none;align-items:center;gap:12px;height:44px;padding:0 max(24px,50vw - 800px);font-size:10px;display:flex}.statusbar>div{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.statusbar-spacer{flex:auto;min-width:12px}.statusbar-save{color:#78c5a0;margin-left:auto;font-weight:650;gap:6px!important}.canvas-view-actions{align-items:center;gap:6px;display:inline-flex}.status-action-button{color:#9aa6b4;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #3e4a5a;border-radius:6px;height:24px;padding:0 8px;font-size:10px}.status-action-button:hover,.status-action-button.active{border-color:var(--accent);color:var(--accent);background:#ef716114}.statusbar strong{color:#d7dce2;font-weight:600}.statusbar>span{color:#4a5360}.statusbar-view-toggles{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:inline-flex}.status-icon-button{color:#8e9aa8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;padding:0;line-height:0;display:inline-grid}.status-icon-button.active{color:var(--accent);border-color:#3e4a5a}.status-icon-button svg{width:13px;height:13px;margin:0;display:block}.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink-1);background:var(--page)}.theme-light .topbar{background:var(--shell);box-shadow:none;border-bottom:0;padding:6px 0}.theme-light .topbar-inner{background:#fbf9f5;border:1px solid #fffffff5;border-radius:16px;height:52px;padding:0 12px;box-shadow:inset 0 1px #fffffffa,0 16px 18px -18px #2937473d}.theme-light .brand-lockup{gap:12px}.theme-light .topbar .chrome-button{color:#425166;background:#fff;border-color:#d9e1e8}.theme-light .topbar .chrome-button:hover{color:#1f2b3b;background:#f6f8fa;border-color:#b9c7d4}.theme-light .topbar .topbar-center .chrome-button{background:#f7f9fb;border-color:#d9e1e8}.theme-light .topbar .export-button{background:var(--accent);color:#fff;border-color:#0000}.theme-light .topbar .export-button:hover{border-color:var(--accent-deep);background:var(--accent-deep)}.theme-light .brand-lockup strong,.theme-light .section-heading span,.theme-light .settings-heading span,.theme-light .inspector-header h2,.theme-light .panel-title h2{color:#243246}.theme-light .editor-stage{background:var(--shell)}.theme-light .inspector-section{border:1px solid #e8edf2}.theme-light .source-card{background:#f0f4f7}.theme-light .source-upload-button{color:var(--accent)}.theme-light .source-background-button{color:#627084;border-color:#b6c2cf}.theme-light .canvas-area{border-color:#d5cabbe6;box-shadow:inset 0 1px #fffffff5,0 3px 7px #2b39481f,0 18px 42px #2b394829,0 42px 88px #2b39481c}.theme-light .canvas-label,.theme-light .canvas-meta{color:#8a98a9}.theme-light .chrome-button{color:#425166;background:#fff;border-color:#d9e1e8}.theme-light .chrome-button:hover{color:#243246;background:#f6f8fa;border-color:#b9c7d4}.theme-light .export-menu{background:#fff;border-color:#cbd6e2;box-shadow:0 18px 38px #34495e2e,0 3px 10px #34495e1f}.theme-light .export-menu>p{color:#718095}.theme-light .export-menu>button{color:#263244;border-top-color:#e0e7ef}.theme-light .export-menu>button:hover{background:#f3f6fa}.theme-light .export-menu>button span{color:#68788c}.theme-light .source-meta strong,.theme-light .source-title-field input{color:#243246}.theme-light .source-title-field input:hover{background:#ffffffb8}.theme-light .source-title-field input:focus{background:#fff}.theme-light .bead-size-summary{color:#64758a}.theme-light .material-physical-summary{background:#f6f9fb;border-color:#d6e0e9}.theme-light .production-assistant{color:#4e6075}.theme-light .production-heading strong,.theme-light .production-summary strong,.theme-light .production-section-heading strong,.theme-light .production-material-row>span strong,.theme-light .production-board-grid article span{color:#263244}.theme-light .production-summary,.theme-light .production-board-grid article{background:#f6f9fb;border-color:#d6e0e9}.theme-light .production-view-controls button{color:#4d6075;background:#f7f9fb;border-color:#d5dee8}.theme-light .production-view-controls button.active{color:#d85c4e;background:#ef716114;border-color:#dc5b4c8c}.theme-light .production-section-heading input,.theme-light .production-material-row input{color:#263244;background:#fff;border-color:#cad5e1}.theme-light .production-material-row{border-color:#e0e7ef}.theme-light .layer-manager-row{background:#f7f9fb}.theme-light .layer-manager-row.active,.theme-light .layer-manager-row.menu-open{background:#ef716114;border-color:#dc5b4c8c}.theme-light .layer-manager-row>button{color:#66768a}.theme-light .layer-manager-select strong{color:#263244}.theme-light .layer-manager-select small,.theme-light .layer-manager-hint{color:#76869a}.theme-light .layer-manager-details{background:#f6f9fb;border-color:#d6e0e9;box-shadow:0 18px 42px #34495e2e}.theme-light .layer-manager-menu-heading strong{color:#263244}.theme-light .layer-manager-menu-heading button{color:#66768a}.theme-light .layer-manager-details label{color:#65758a}.theme-light .layer-manager-details input[type=text],.theme-light .layer-manager-name input{color:#263244;background:#fff;border-color:#cad5e1}.theme-light .layer-manager-actions button,.theme-light .layer-manager-add{color:#53657b;background:#fff;border-color:#cbd6e2}.theme-light .material-physical-summary span,.theme-light .material-physical-summary small{color:#68798d}.theme-light .material-physical-summary strong{color:#263244}.theme-light .settings-card input{color:#243144}.theme-light .manual-grid-size input{color:#253247;background:#fbfcfd;border-color:#d3dde7}.theme-light .settings-card h2{color:#243144}.theme-light .settings-file-actions button{color:#3c4d63;background:#f7f9fc;border-color:#cbd6e2}.theme-light .settings-file-actions button:hover{color:#202b3a;background:#edf3f8;border-color:#aebdce}.theme-light .settings-file-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.theme-light .palette-source-card h2{color:#243144}.theme-light .palette-source-card p{color:#5f7085}.theme-light .app-select-trigger{color:#273345;background:#fbfcfd;border-color:#d7e0e9}.theme-light .app-select-trigger:hover{background:#fff;border-color:#afbfce}.theme-light .app-select-trigger[data-state=open]{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #e575631f}.theme-light .app-select-content{color:#263244;background:#fff;border-color:#cbd6e2;box-shadow:0 18px 38px #34495e2e}.theme-light .app-select-item{color:#44536a}.theme-light .app-select-item[data-highlighted]{color:#1f2937;background:#edf3f8}html[data-theme=light] .app-select-content{color:#263244;background:#fff;border-color:#cbd6e2;box-shadow:0 18px 38px #34495e2e}html[data-theme=light] .app-select-item{color:#44536a}html[data-theme=light] .app-select-item[data-highlighted]{color:#1f2937;background:#edf3f8}html[data-theme=light] .app-select-item[data-state=checked]{color:#263244}.theme-light .editor-toolbar{color:#66768a;background:#f0f4f7;border-color:#d7e0e8}.theme-light .editor-toolbar button{color:#56667a;background:#fff;border-color:#d6e0e8}.theme-light .editor-toolbar button:hover{color:#202b3a;border-color:#b3c2d1}.theme-light .left-inspector{background:#fff;border:1px solid #fffffff5;box-shadow:inset 0 1px #fffffffa,0 18px 20px -20px #29374747,0 34px 38px -36px #29374733}.theme-light .left-inspector-tabs{background:0 0;border-bottom-color:#d6e0e9}.theme-light .left-inspector>.inspector-section{box-shadow:none;border:0}.theme-light .editor-tools-grid button{color:#56667a;background:#fff;border-color:#d2dce7}.theme-light .editor-tools-grid button:hover:not(:disabled){color:#202b3a;border-color:#b3c2d1}.theme-light .selection-actions{border-top-color:#d7e0e8}.theme-light .selection-actions strong{color:#202b3a}.theme-light .selection-actions-buttons button{color:#56667a;background:#fff;border-color:#d2dce7}.theme-light .selection-actions-buttons button:hover{color:#202b3a;border-color:#b3c2d1}.theme-light .selection-actions-buttons button:first-of-type{color:#d45a4a;background:#ef71611a;border-color:#ef71618c}.theme-light .brush-size-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--brush-progress), #d7e0e8 var(--brush-progress) 100%)}.theme-light .brush-size-control input[type=range]::-moz-range-track{background:#d7e0e8}.theme-light .right-inspector{border:1px solid #fffffff5;box-shadow:inset 0 1px #fffffffa,0 18px 20px -20px #29374747,0 34px 38px -36px #29374733}.theme-light .inspector-section{box-shadow:0 10px 28px #2d3d4e14}.theme-light.responsive-desktop .desktop-workflow-card.inspector-section,.app-shell.theme-light.responsive-desktop .desktop-workflow-card.inspector-section{box-shadow:var(--shadow)}.theme-light .inspector-search{background:#f7f9fc;border-color:#d6e0e9;color:#6b7b8f!important}.theme-light .inspector-search input,.theme-light .palette-embedded,.theme-light .palette-embedded .palette-heading h1,.theme-light .palette-embedded .palette-search input,.theme-light .panel-empty-title,.theme-light .materials-heading,.theme-light .layer-select,.theme-light .palette-row,.theme-light .material-row,.theme-light .estimate-card strong,.theme-light .build-step-card strong,.theme-light .progress-materials h3,.theme-light .inspector-tabs button.active{color:#263244}.theme-light .palette-embedded .palette-family-tabs button,.theme-light .palette-embedded .palette-view-toggle,.theme-light .palette-embedded .palette-search,.theme-light .palette-embedded .palette-groups button,.theme-light .palette-embedded .palette-footer button{color:#526276;background:#f1f5f9}.theme-light .palette-embedded .palette-groups button.active{color:#233044;background:#dce7f0}.theme-light .palette-chip{border-color:#e5756380;box-shadow:inset 0 1px 2px #ffffff57}.theme-light .palette-chip.current{outline-color:#fff;box-shadow:0 0 0 3px #e57563d6,inset 0 1px 2px #ffffff57}.theme-light .palette-row:hover,.theme-light .palette-row.selected,.theme-light .layer-row.active{background:#f0f5f9}.theme-light .palette-row{border-bottom-color:#e0e6ed}.theme-light .estimate-card{background:#f2f6fa}.theme-light .progress-track{background:#d8e1ea}.theme-light .statusbar{color:#66768a;border-top-color:#d5dee8}.theme-light .statusbar strong{color:#263244}.theme-light .statusbar>span{color:#9aa8b8}.theme-light .status-action-button{color:#627084;border-color:#cbd6e2}.theme-light .status-action-button:hover,.theme-light .status-action-button.active{border-color:var(--accent);color:var(--accent);background:#e5756314}.theme-light .status-icon-button{color:#627084}.theme-light .status-icon-button.active{border-color:#b7c6d4}.theme-light .toast{color:#253143;background:#fff;border-color:#cbd6e2;box-shadow:0 14px 36px #34495e38}.theme-light .preview-dialog{color:#202b3a;background:#fff;border-color:#cbd6e2;box-shadow:0 24px 68px #34495e47}.theme-light .preview-dialog-header p,.theme-light .preview-dialog-footer{color:#64748b}.theme-light .preview-close,.theme-light .preview-dialog-footer button{color:#35445a;background:#f6f8fb;border-color:#c4d0dd}.theme-light .preview-close:hover,.theme-light .preview-dialog-footer button:hover{color:#202b3a;background:#edf2f7;border-color:#aebdce}.theme-light .preview-stage{background:#fff;border-color:#d6dfe9}.theme-light .preview-dialog-footer button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.theme-light .confirm-dialog{color:#202b3a;background:#fff;border-color:#cbd6e2;box-shadow:0 24px 68px #34495e47}.theme-light .confirm-dialog p{color:#64748b}.toast{z-index:20;color:#f4f5f6;background:#202731;border:1px solid #414b5a;border-radius:8px;padding:10px 16px;font-size:12px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #00000047}.pwa-update-prompt{box-sizing:border-box;color:#f4f5f6;background:#202731;border:1px solid #414b5a;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;width:min(440px,100vw - 40px);padding:12px;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 48px #00000052}.pwa-update-mark{color:#fff;background:#b95543;border-radius:10px;place-items:center;width:34px;height:34px;font-size:20px;font-weight:800;display:grid}.pwa-update-copy{gap:2px;min-width:0;display:grid}.pwa-update-copy strong{font-size:13px}.pwa-update-copy small{color:#aeb9c7;font-size:10px}.pwa-update-progress{background:#465264;border-radius:999px;width:100%;height:4px;margin-top:5px;display:block;overflow:hidden}.pwa-update-progress i{border-radius:inherit;background:#e27d67;height:100%;transition:width .25s;display:block}.pwa-update-prompt button{color:#edf1f5;min-height:34px;font:inherit;cursor:pointer;background:#2c3542;border:1px solid #536071;border-radius:9px;padding:0 12px;font-size:11px}.pwa-update-prompt button.primary{color:#fff;background:#b95543;border-color:#b95543;font-weight:700}.pwa-update-prompt button:disabled{cursor:wait;opacity:.6}.theme-light .pwa-update-prompt{color:#242b28;background:#fffdf9;border-color:#d3dbdf;box-shadow:0 18px 48px #343c3833}.theme-light .pwa-update-copy small{color:#6f7873}.theme-light .pwa-update-progress{background:#e4e8e5}.theme-light .pwa-update-progress i{background:#b95543}.theme-light .pwa-update-prompt button{color:#39413d;background:#f4f5f2;border-color:#d5dad7}.theme-light .pwa-update-prompt button.primary{color:#fff;background:#b95543;border-color:#b95543}.generation-progress-card{z-index:70;box-sizing:border-box;color:#f4f6f8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f2732f7;border:1px solid #465264;border-radius:14px;width:min(400px,100vw - 32px);margin-inline:auto;padding:14px 16px 15px;position:fixed;bottom:58px;left:0;right:0;box-shadow:0 18px 48px #00000052}.generation-progress-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.generation-progress-heading>div{min-width:0}.generation-progress-heading strong,.generation-progress-heading span{display:block}.generation-progress-heading strong{font-size:13px;font-weight:800}.generation-progress-heading span{color:#aeb9c7;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.generation-progress-heading b{color:#ff8a78;font-variant-numeric:tabular-nums;flex:none;font-size:14px}.generation-progress-track{background:#3a4554;border-radius:999px;height:7px;margin-top:11px;overflow:hidden}.generation-progress-track i{border-radius:inherit;background:linear-gradient(90deg,#ef715f,#f3a45f);width:0;height:100%;transition:width .22s;display:block;box-shadow:0 0 14px #ef715f57}.source-upload-button:disabled,.mobile-source-card>button:disabled{cursor:wait;opacity:.62}.theme-light .generation-progress-card{color:#263244;background:#fffffffa;border-color:#d5dee8;box-shadow:0 18px 48px #34495e38}.theme-light .generation-progress-heading span{color:#718096}.theme-light .generation-progress-track{background:#e3e9ef}.preview-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080b0fc7;place-items:center;padding:clamp(16px,3vw,40px);display:grid;position:fixed;inset:0}.key-chart-viewer-backdrop{z-index:90;background:var(--page,#111315);display:grid;position:fixed;inset:0}.key-chart-viewer{width:100%;height:100%;min-height:0;color:var(--ink-1,#f4f6f8);background:var(--page,#111315);flex-direction:column;display:flex}.key-chart-viewer-header{padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;border-bottom:1px solid var(--border,#ffffff1f);background:color-mix(in srgb, var(--surface-1,#202833) 96%, transparent);flex:none}.key-chart-viewer-actions{flex:none;align-items:center;gap:8px;display:flex}.key-chart-viewer-actions.preview-dialog-footer>span{display:none}.key-chart-viewer-actions.preview-dialog-footer>button:not(.preview-close){flex:none}.key-chart-viewer-stage{touch-action:none;background-color:#111315;background-image:linear-gradient(45deg,#1a1d21 25%,#0000 25%),linear-gradient(-45deg,#1a1d21 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1a1d21 75%),linear-gradient(-45deg,#0000 75%,#1a1d21 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;flex:auto;min-height:0;position:relative;overflow:hidden}.key-chart-viewer-image{transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;image-rendering:auto;will-change:transform;width:100%;height:auto;display:block;position:absolute;top:0;left:0}.key-chart-viewer-status{text-align:center;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.key-chart-viewer-status strong{font-size:16px}.key-chart-viewer-status p{color:#aeb4bd;margin:0;font-size:13px}.preview-dialog{color:#f4f6f8;background:#202833;border:1px solid #3a4656;border-radius:20px;flex-direction:column;gap:16px;width:min(1120px,100%);height:min(820px,100vh - 48px);padding:22px;display:flex;overflow:hidden;box-shadow:0 24px 68px #0000007a}.preview-dialog-header,.preview-dialog-footer{flex:none;justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-dialog-header h2{margin:0;font-size:18px}.preview-dialog-header p{color:#a9b3c0;margin:6px 0 0;font-size:11px}.preview-dialog-specs{flex-wrap:wrap;gap:4px 14px;line-height:1.35;display:flex}.preview-dialog-specs span{align-items:baseline;gap:4px;display:inline-flex}.preview-dialog-specs b{color:#dbe2ea;font-weight:800}.preview-close{color:#dce2e8;cursor:pointer;background:#293442;border:1px solid #3c4858;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.preview-close svg{width:16px;height:16px}.preview-close:hover{color:#fff;background:#334052;border-color:#68778a}.preview-stage{box-sizing:border-box;width:min(100%, calc(56vh * var(--preview-fit-ratio,1)), var(--preview-fit-width,100%));height:auto;min-height:280px;max-height:min(56vh,560px);aspect-ratio:var(--preview-fit-ratio,1);background:#fff;border:1px solid #3a4656;border-radius:14px;flex:auto;justify-content:center;align-items:center;margin:0 auto;padding:12px;display:flex;overflow:hidden}.preview-stage canvas{width:auto;height:auto;image-rendering:pixelated;flex:none;display:block}.preview-materials{flex-direction:column;flex:0 auto;gap:8px;min-height:0;max-height:min(28vh,220px);display:flex}.preview-materials-heading{color:#a9b3c0;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:750;display:flex}.preview-materials-heading strong{color:#f4f6f8;letter-spacing:.01em;font-size:16px;font-weight:850}.preview-materials-heading span{font-weight:750}.preview-materials-heading b{color:#dbe2ea;font-weight:850}.preview-material-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;min-height:0;padding:2px 2px 2px 0;display:grid;overflow:auto}.preview-material-card{background:#fff;border:1px solid #475466;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(45px,.8fr);min-width:0;height:36px;display:grid;overflow:hidden}.preview-material-code,.preview-material-count{place-items:center;min-width:0;font-size:14px;font-weight:850;display:grid}.preview-material-code{padding:0 6px}.preview-material-count{color:#242932}.preview-dialog-footer{color:#a9b3c0;font-size:11px}.preview-dialog-footer>div{gap:8px;display:flex}.preview-dialog-footer button{color:#e4e8ec;cursor:pointer;background:#293442;border:1px solid #3c4858;border-radius:8px;height:34px;padding:0 14px;font-size:12px}.preview-dialog-footer button:hover{background:#334052;border-color:#68778a}.preview-dialog-footer button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.preview-dialog-footer button.primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.theme-light .preview-materials-heading{color:#64748b}.theme-light .preview-materials-heading strong{color:#202b3a}.theme-light .preview-dialog-specs b,.theme-light .preview-materials-heading b{color:#334155}.theme-light .preview-material-card{border-color:#cbd6e2}.confirm-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080b0fad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{color:#f4f6f8;background:#202833;border:1px solid #3a4656;border-radius:16px;width:min(360px,100%);padding:24px;box-shadow:0 24px 68px #00000073}.confirm-icon{width:38px;height:38px;color:var(--accent);background:#f26c5a24;border-radius:11px;place-items:center;display:grid}.confirm-icon svg{width:20px;height:20px}.confirm-icon svg[stroke=none]{stroke:none;stroke-width:0}.confirm-dialog h2{margin:16px 0 8px;font-size:18px}.confirm-dialog p{color:#a9b3c0;margin:0;font-size:13px;line-height:1.6}.build-intro-dialog p+p{color:#eef1f5;margin-top:10px}.confirm-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.confirm-actions button{color:#e4e8ec;cursor:pointer;background:#293442;border:1px solid #3c4858;border-radius:8px;height:34px;padding:0 14px;font-size:12px}.confirm-actions button.primary,.confirm-actions button.danger{border-color:var(--accent);background:var(--accent);color:#fff}.confirm-actions button:hover{filter:brightness(1.08)}.activation-dialog{width:min(420px,100%)}.app-shell .activation-dialog .activation-intro{color:var(--ink-3);font-size:12px}.app-shell .activation-dialog .activation-rules{background:var(--surface-2);color:var(--ink-2);clip-path:var(--pixel-control-shape);margin-top:14px}.activation-rules>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 12px;font-size:12px;list-style:none;display:flex}.activation-rules>summary::-webkit-details-marker{display:none}.activation-rules>summary::marker{content:""}.activation-rules>summary svg{flex:none;width:16px;height:16px;transition:transform .2s}.activation-rules[open]>summary svg{transform:rotate(180deg)}.activation-rules-content{gap:12px;padding:0 12px 14px;display:grid}.activation-rules-content strong{color:var(--ink-1);margin-bottom:4px;font-size:12px;display:block}.app-shell .activation-dialog .activation-rules-content p{color:var(--ink-3);font-size:12px;line-height:1.65}@media (prefers-reduced-motion:reduce){.activation-rules>summary svg{transition:none}}.activation-dialog .activation-field{gap:8px;margin:16px 0 0;display:grid}.activation-dialog .activation-field span{color:var(--ink-2,#d7dee8);font-size:12px;font-weight:650}.activation-dialog .activation-field input{color:#f4f6f8;letter-spacing:.04em;background:#293442;border:1px solid #3c4858;border-radius:10px;height:40px;padding:0 12px;font-size:14px}.activation-dialog .activation-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft,#5aa8ff2e);outline:none}.activation-error{color:#f06a5d;margin:10px 0 0;font-size:13px;line-height:1.5}.activation-dialog .confirm-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.activation-dialog .confirm-actions.has-purchase{grid-template-columns:1fr 1fr 1fr}.app-shell .activation-dialog .confirm-actions.has-purchase>:is(button,a){white-space:nowrap;min-width:0;padding-inline:6px}.activation-dialog .activation-purchase{color:#e4e8ec;box-sizing:border-box;white-space:nowrap;background:#293442;border:1px solid #3c4858;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 10px;font-size:12px;text-decoration:none;display:inline-flex}.activation-dialog .activation-purchase:hover{filter:brightness(1.08);text-decoration:none}.activation-dialog .activation-purchase:disabled,.activation-dialog button.activation-purchase:disabled{cursor:not-allowed;opacity:.48;filter:none}.theme-light .activation-dialog .activation-field span{color:#475569}.theme-light .activation-dialog .activation-field input{color:#202b3a;background:#fff;border-color:#cbd6e2}.theme-light .activation-dialog .activation-purchase{color:#425166;background:#fff;border-color:#d9e1e8}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-more-button,.mobile-global-settings,.mobile-bottom-nav,.mobile-page-screen,.mobile-context-menu,.mobile-canvas-upload,.mobile-canvas-status,.mobile-empty-canvas-actions,.mobile-home-screen,.mobile-projects-screen,.mobile-editor-header,.mobile-editor-toolbar,.mobile-editor-context,.mobile-sheet-layer,.mobile-canvas-gesture-hint{display:none}.palette-mode{color:#202124;background:#d7d5d1;overflow:hidden}.palette-screen{color:#252525;background:#d7d5d1;flex-direction:column;height:100%;min-height:720px;padding:18px 26px 22px;display:flex}.palette-topbar{align-items:flex-start;height:66px;display:flex;position:relative}.palette-brand{align-items:center;gap:12px;min-width:205px;display:flex}.palette-brand img{object-fit:cover;border-radius:10px;width:42px;height:42px}.palette-brand div{flex-direction:column;gap:3px;display:flex}.palette-brand strong{font-size:20px;line-height:1}.palette-brand span{color:#6e6e6e;font-size:12px}.palette-heading h1{margin:1px 0 3px;font-size:17px}.palette-heading p{color:#7e7c78;margin:0;font-size:12px}.palette-close{color:#96938e;cursor:pointer;background:0 0;border:0;margin-left:auto}.palette-close svg{width:23px;height:23px}.palette-controls{align-items:center;gap:12px;height:54px;display:flex}.palette-family-tabs{flex:auto;gap:6px;min-width:0;display:flex;overflow:hidden}.palette-family-fixed{flex:none;gap:6px;display:flex}.palette-family-scroll{scrollbar-width:thin;flex:auto;gap:6px;min-width:0;display:flex;overflow:auto hidden}.palette-family-tabs button{flex:none}.palette-family-tabs button,.palette-view-toggle,.palette-search{color:#77746e;background:#f5f4f2;border:0;border-radius:11px;height:40px}.palette-family-tabs button{cursor:pointer;min-width:82px;padding:0 18px;font-size:12px}.palette-family-tabs button.active{color:#fff;background:#202020}.palette-view-toggle{cursor:pointer;place-items:center;width:53px;margin-left:22px;display:grid}.palette-view-toggle svg{width:18px;height:18px}.palette-search{background:#f5f4f2;border:1px solid #c9c7c3;flex:1;align-items:center;gap:10px;padding:0 15px;display:flex}.palette-search svg{color:#96938e;width:17px;height:17px}.palette-search input{color:#313131;background:0 0;border:0;outline:0;width:100%;font-size:13px}.palette-divider{background:#f2f1ef;flex:none;height:1px}.palette-scopes{flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding-top:14px;display:flex}.palette-scopes b{color:#75736f;font-size:12px;font-weight:600}.palette-scopes button{color:#6e6b67;cursor:pointer;background:#f7f6f4;border:1px solid #e4e2de;border-radius:9px;height:30px;padding:0 13px;font-size:12px}.palette-scopes button:hover{background:#fff}.palette-scopes button.active{color:#fff;background:#202020;border-color:#202020}.palette-scopes small{color:#9a9791;flex:220px;min-width:0;font-size:11px;line-height:1.4}.palette-body{flex:1;grid-template-columns:160px minmax(0,1fr);gap:16px;min-height:0;padding-top:14px;display:grid}.palette-groups{flex-direction:column;gap:8px;padding-right:2px;display:flex;overflow:auto}.palette-groups button{color:#75736f;cursor:pointer;background:#ffffff8c;border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 16px;font-size:12px;display:flex}.palette-groups button.active{color:#fff;background:#202020}.palette-groups button.series-off{opacity:.48}.palette-groups small{font-size:11px}.palette-grid{grid-template-columns:repeat(14,minmax(54px,1fr));align-content:start;gap:10px;min-width:0;min-height:0;padding:0 4px 12px 10px;display:grid;overflow:auto}.palette-grid-virtual-content{grid-column:1/-1;width:100%;min-height:0;position:relative}.palette-grid-virtual-window{grid-template-columns:inherit;gap:inherit;grid-auto-rows:max-content;display:grid;position:absolute;top:0;left:0;right:0}.palette-chip{aspect-ratio:1;color:#282828bf;border:1px solid #0000;border-radius:12px;min-width:0;font-size:11px;font-weight:700;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;position:relative;overflow:visible}.palette-chip.current{background:#198b8214;border-color:#59aba5;box-shadow:0 2px 8px #198b8224}.palette-color-button{z-index:1;border-radius:inherit;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;inset:0}.palette-chip-bead{aspect-ratio:1;border:2px solid #ffffffeb;border-radius:9px;flex:none;width:56%;max-width:42px;display:block;box-shadow:0 0 0 1px #594e414d,0 2px 5px #41342a29,inset 0 1px 1px #ffffff4d}.palette-chip-code{color:#41362ce6;letter-spacing:.02em;font-size:11px;font-weight:800;line-height:1;display:block}.palette-selection-toggle{z-index:2;color:#fffffff2;cursor:pointer;background:#1b222b52;border:0;border-radius:50%;place-items:center;width:16px;height:16px;padding:0;display:grid;position:absolute;top:7px;left:25%}.palette-selection-toggle svg{stroke-width:2.5px;width:11px;height:11px}.palette-chip:hover{background:#ffffff75;transform:translateY(-1px);box-shadow:0 3px 8px #41342a1f}.palette-footer{border-top:1px solid #f2f1ef;justify-content:space-between;align-items:flex-end;height:62px;padding-top:14px;display:flex}.palette-footer-left,.palette-footer-right{align-items:center;gap:10px;display:flex}.palette-footer span{background:#f1f0ee;width:1px;height:24px;margin:0 4px}.palette-footer button{color:#6e6b67;cursor:pointer;background:#f4f3f1;border:0;border-radius:10px;min-width:64px;height:34px;padding:0 16px;font-size:12px}.palette-footer button:hover{background:#fff}.palette-footer button.primary{color:#fff;background:#202020;min-width:118px}.palette-embedded{background:var(--panel);color:#f1f3f5;height:100%;min-height:0;padding:0}.palette-embedded .palette-topbar{align-items:center;height:auto;padding:17px 15px 9px}.palette-embedded .palette-brand{display:none}.palette-embedded .palette-heading h1{color:#f4f5f7;margin:0;font-size:16px}.palette-embedded .palette-heading p{color:var(--muted);margin-top:6px;font-size:10px}.palette-embedded .palette-close{color:var(--muted)}.palette-embedded .palette-close svg{width:18px;height:18px}.palette-embedded .palette-controls{flex-wrap:wrap;gap:6px;height:auto;padding:4px 12px 12px}.palette-embedded .palette-family-tabs{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 45%, transparent) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;flex-flow:row;align-items:center;gap:4px;width:100%;padding:0 0 4px;display:flex;overflow:auto hidden}.palette-embedded .palette-family-tabs::-webkit-scrollbar{height:4px}.palette-embedded .palette-family-tabs::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 40%, transparent);border-radius:999px}.palette-embedded .palette-family-fixed,.palette-embedded .palette-family-scroll{flex-wrap:nowrap;flex:none;gap:4px;min-width:max-content;display:flex;overflow:visible}.palette-embedded .palette-family-tabs button{background:var(--field);width:auto;min-width:max-content;height:28px;color:var(--soft);white-space:nowrap;border-radius:7px;flex:none;padding:0 10px;font-size:10px}.palette-embedded .palette-family-tabs button.active{background:var(--accent);color:#fff}.palette-embedded .palette-view-toggle{background:var(--field);width:28px;height:28px;color:var(--soft);border-radius:7px;margin-left:0}.palette-embedded .palette-view-toggle svg{width:14px;height:14px}.palette-embedded .palette-search{border-color:var(--line);background:var(--field);border-radius:7px;flex:calc(100% - 40px);gap:5px;min-width:0;height:28px;padding:0 8px}.palette-embedded .palette-search svg{width:13px;height:13px;color:var(--muted)}.palette-embedded .palette-search input{color:#eef1f5;font-size:10px}.palette-embedded .palette-search input::placeholder{color:#7f8997}.app-shell .palette-embedded .palette-search input:focus,.app-shell .palette-embedded .palette-search input:focus-visible{box-shadow:none;outline:none}.app-shell .palette-embedded .palette-search:focus-within{border-color:color-mix(in srgb, var(--accent-fill,var(--accent)) 42%, var(--line,var(--border)));background:var(--surface-1,var(--field));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-fill,var(--accent)) 14%, transparent)}.palette-embedded .palette-divider{background:var(--line)}.palette-embedded .palette-scopes{gap:4px;padding:9px 12px 0}.palette-embedded .palette-scopes b{color:var(--muted);font-size:9px}.palette-embedded .palette-scopes button{background:var(--field);height:24px;color:var(--soft);border:0;border-radius:6px;padding:0 8px;font-size:9px}.palette-embedded .palette-scopes button.active{background:var(--accent);color:#fff}.palette-embedded .palette-scopes small{color:var(--muted);flex:100%;font-size:9px}.palette-embedded .palette-body{flex-direction:column;gap:8px;padding:10px 12px 0;display:flex}.palette-embedded .palette-groups{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 45%, transparent) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-user-select:none;user-select:none;cursor:grab;flex-flow:row;flex:none;gap:6px;padding:0 0 4px;display:flex;overflow:auto hidden}.palette-embedded .palette-groups button{cursor:grab}.palette-embedded .palette-groups:active,.palette-embedded .palette-groups button:active{cursor:grabbing}.palette-embedded .palette-groups::-webkit-scrollbar{height:4px}.palette-embedded .palette-groups::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 40%, transparent);border-radius:999px}.palette-embedded .palette-groups button{background:var(--field);width:auto;min-width:max-content;height:28px;color:var(--muted);white-space:nowrap;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:10px;display:inline-flex}.palette-embedded .palette-groups button.active{color:#fff;background:#343c48}.palette-embedded .palette-groups small{font-variant-numeric:tabular-nums;opacity:.85;font-size:9px}.palette-embedded .palette-grid{flex:1 1 0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;gap:6px;height:0;min-height:0;padding:0 0 12px}.palette-embedded .palette-chip{border-width:1px;border-radius:10px;min-height:0;font-size:9px}.palette-embedded .palette-chip-bead{border-width:1.5px;border-radius:7px;width:58%;max-width:32px}.palette-embedded .palette-chip-code{font-size:9px}.palette-embedded .palette-selection-toggle{width:14px;height:14px;top:4px;left:24%}.palette-embedded .palette-selection-toggle svg{width:9px;height:9px}.palette-embedded .palette-footer{border-top-color:var(--line);flex-wrap:nowrap;gap:4px;height:auto;min-height:54px;padding:9px 12px 12px}.palette-embedded .palette-footer-left,.palette-embedded .palette-footer-right{flex:1 1 0;gap:3px;min-width:0}.palette-embedded .palette-footer button{background:var(--field);min-width:0;height:26px;color:var(--soft);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1 1 0;padding:0 3px;font-size:9px;overflow:hidden}.palette-embedded .palette-footer button.primary{background:var(--accent);color:#fff;min-width:0}.palette-embedded .palette-footer span{background:var(--line);flex:0 0 1px;width:1px;height:18px;margin:0 1px}@media (width<=1199px){.workspace{grid-template-columns:280px minmax(0,1fr) 300px}.topbar-right{gap:6px}.topbar-right .save-state{display:none}.chrome-button{padding:0 11px}.palette-grid{grid-template-columns:repeat(12,minmax(52px,1fr))}}@media (width>=768px){.global-edit-actions,.editor-toolbar-canvas{display:none}.editor-stage:not(.settings-stage){justify-content:center}.editor-stage.is-generating:not(.settings-stage){padding-bottom:118px}}@media (width>=1200px){.theme-light .topbar{height:64px;padding:6px 0}.theme-light .brand-lockup{gap:12px;min-width:220px}.theme-light .header-brand-icon{border-radius:11px;width:40px;height:40px}.theme-light .brand-lockup strong{letter-spacing:-.04em;font-size:16px}.theme-light .brand-lockup span{font-size:11px}.theme-light .topbar-center,.theme-light .topbar-right{gap:8px}.theme-light .topbar .chrome-button,.theme-light .topbar .export-button{border-radius:10px;height:34px;padding:0 14px;font-size:12px}.theme-light .topbar .export-button{min-width:78px}.theme-light .workspace{grid-template-columns:360px minmax(0,1fr) 340px}.theme-light .left-inspector{border-radius:20px}.theme-light .inspector-section{border-radius:20px;padding:26px 22px 24px}.theme-light .right-inspector{border-radius:20px;margin:24px 0 18px}.theme-light .editor-stage{gap:14px;padding:24px 0 18px}.theme-light .editor-stage:not(.settings-stage) .canvas-area{order:1;margin:0 auto}.theme-light .editor-stage:not(.settings-stage) .editor-toolbar{order:2}.theme-light .statusbar{height:44px;font-size:10px}}@media (height<=820px){.topbar{height:64px}.left-inspector,.right-inspector{margin-top:28px}.editor-stage{padding-top:8px}.inspector-section{padding-top:15px}.source-card{padding:9px}.source-preview{width:68px;height:68px}}@media (width>=768px){.editor-stage:not(.settings-stage){padding-top:18px;padding-bottom:18px}}.canvas-expanded .right-inspector,.canvas-expanded .left-inspector{display:none}.canvas-expanded .workspace{grid-template-columns:minmax(0,1fr);width:calc(100% - 48px)}.canvas-expanded .editor-stage{gap:14px;padding:24px 32px 18px;position:relative}@media (width>=1200px){.canvas-expanded .workspace{grid-template-columns:minmax(0,1fr)}}.canvas-expanded .editor-toolbar{width:min(1040px,100%)}.canvas-expanded .editor-toolbar-canvas{display:none}.canvas-expanded .canvas-area{aspect-ratio:auto;flex:auto;width:100%;max-width:100%;min-height:0;max-height:none;margin:0 auto}.canvas-expanded .statusbar{padding-inline:24px}.desktop-floating-toolbar{z-index:12;box-sizing:border-box;color:#ffffffb8;scrollbar-width:none;background:linear-gradient(#777674 0%,#686765 100%);border:1px solid #ffffff21;border-radius:22px;flex-direction:column;align-items:center;width:80px;max-height:calc(100% - 24px);padding:6px 5px;display:none;position:absolute;top:50%;left:clamp(104px,8vw,132px);overflow-y:auto;transform:translateY(-50%);box-shadow:0 18px 38px #2c33393d,inset 0 1px #ffffff29,inset 0 -1px #0000002e}.desktop-floating-toolbar::-webkit-scrollbar{display:none}.canvas-expanded .desktop-floating-toolbar{display:flex}.desktop-floating-toolbar-header{justify-items:center;gap:4px;width:100%;padding-bottom:5px;display:grid}.desktop-floating-artboard{cursor:pointer;background:#ffffff12;border:1px solid #fff3;border-radius:10px;place-items:center;width:44px;height:44px;padding:0;display:grid;box-shadow:inset 0 1px #ffffff26}.desktop-floating-artboard i{background:#fbfbf8;border:3px solid #f6f7f4;border-radius:9px;width:34px;height:34px;display:block;box-shadow:0 1px 2px #1f222429}.desktop-floating-artboard:hover{background:#ffffff26}.desktop-floating-artboard:focus-visible{outline-offset:2px;outline:2px solid #ffffffe6}.desktop-floating-artboard-label{color:#ffffffa1;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;line-height:1}.desktop-floating-tool-list{border-top:1px solid #ffffff14;gap:2px;width:100%;padding:2px 0 5px;display:grid}.desktop-floating-tool{color:#f5f6f3ad;cursor:pointer;background:0 0;border:0;border-radius:17px;justify-content:center;align-items:center;gap:3px;width:100%;min-height:32px;padding:0 3px;font-size:11px;font-weight:700;transition:background .16s,color .16s,transform .16s;display:flex}.desktop-floating-tool svg{stroke-width:1.8px;flex:none;width:20px;height:20px}.desktop-floating-tool svg[stroke=none]{stroke:none;stroke-width:0}.desktop-floating-tool:hover:not(:disabled){color:#fff;background:#ffffff1a}.desktop-floating-tool.active{background:var(--accent);color:#fff;flex-direction:column;justify-content:center;gap:1px;min-height:50px;padding:2px 3px 3px;box-shadow:0 7px 16px #1f202229}.desktop-floating-tool.active svg{width:20px;height:20px}.desktop-floating-tool.active span{white-space:nowrap;line-height:1.2}.desktop-floating-tool:disabled{cursor:not-allowed;opacity:.4}.desktop-floating-palette{z-index:20;border:1px solid var(--line);background:var(--panel);border-radius:18px;width:min(390px,100% - 260px);height:min(680px,100% - 32px);min-height:460px;position:absolute;top:50%;left:clamp(198px,14vw,238px);overflow:hidden;transform:translateY(-50%);box-shadow:0 24px 70px #1c222947}.desktop-floating-palette .palette-screen{border-radius:inherit}.desktop-floating-palette .palette-topbar{padding-right:12px}.desktop-floating-palette .palette-heading{min-width:0}.desktop-floating-palette .palette-close{background:var(--field);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.desktop-floating-palette .palette-close:hover{background:var(--panel-deep)}@media (width<=1199px){.desktop-floating-toolbar,.desktop-floating-palette,.canvas-expanded .desktop-floating-toolbar,.canvas-expanded .editor-toolbar-canvas{display:none!important}}html,body,.app-shell{color:var(--ink-1);background:var(--page)}.app-shell ::selection{background:var(--accent-soft);color:var(--ink-1)}.app-shell :where(button,input,select,textarea,[role=button],[role=menuitem],[role=tab]):focus-visible,html[data-theme] :where(.app-select-trigger,.app-select-item):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app-shell :where(button,input,select,textarea):disabled{opacity:var(--disabled-opacity)}.app-shell :where(.statusbar,.canvas-meta,.canvas-label,output,.settings-value,.progress-number,.progress-materials,.preview-materials,.generation-progress-card){font-variant-numeric:tabular-nums}.app-shell .statusbar strong,.app-shell .ruler{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.responsive-desktop .topbar{background:var(--page);border-color:#0000}.responsive-desktop .topbar-inner,.responsive-desktop .settings-card{border:1px solid var(--border);background:var(--surface-1);box-shadow:var(--shadow-panel)}.responsive-desktop .topbar-inner{border-radius:var(--radius-panel)}.responsive-desktop .left-inspector,.responsive-desktop .right-inspector{box-shadow:none;background:0 0;border:0;border-radius:0}.responsive-desktop .inspector-section,.responsive-desktop .settings-card{border-radius:var(--radius-panel)}.responsive-desktop .left-inspector>.inspector-section{box-shadow:none;background:0 0;border:0}.responsive-desktop .header-brand-icon{box-shadow:var(--shadow)}.app-shell.responsive-desktop :where(.brand-lockup strong,.section-heading span,.settings-heading span,.settings-card h2,.palette-source-card h2,.inspector-header h2,.panel-title h2,.panel-empty-title,.materials-heading,.source-meta strong,.layer-select,.material-row,.material-physical-summary strong,.estimate-card strong,.build-step-card strong,.progress-materials h3,.palette-embedded .palette-heading h1,.palette-embedded .palette-search input){color:var(--ink-1)}.app-shell.responsive-desktop :where(.brand-lockup span,.section-heading small,.settings-heading p,.settings-card>p,.settings-card label,.palette-source-card p,.inspector-header span,.panel-title span,.parameter-note,.bead-size-summary,.source-meta span,.palette-total,.material-physical-summary span,.material-physical-summary small,.material-row strong,.layer-hint,.progress-number span,.progress-materials>p,.build-step-card,.estimate-card,.palette-embedded .palette-heading p){color:var(--ink-3)}.app-shell.responsive-desktop :where(.section-heading small,.settings-card label,.settings-card>p,.settings-heading p,.inspector-header span,.panel-title span,.parameter-note){font-size:12px}.app-shell.responsive-desktop :where(.bead-size-summary,.editor-tools-hint,.layer-hint,.palette-total,.material-physical-summary span,.material-physical-summary small,.palette-embedded .palette-heading p,.palette-embedded .palette-search input,.palette-embedded .palette-footer button,.palette-embedded .palette-family-tabs button,.palette-embedded .palette-groups button){font-size:10px}.responsive-desktop .editor-stage{background:var(--page)}.responsive-desktop .editor-stage:not(.settings-stage){justify-content:stretch}.responsive-desktop .editor-stage:not(.settings-stage) .canvas-area{aspect-ratio:auto;flex:auto;width:100%;min-height:0;max-height:none;margin:0}.responsive-desktop .canvas-area .top-ruler{top:max(24px, calc(var(--canvas-grid-top,42px) - 18px));right:auto;left:var(--canvas-grid-left,48px);width:var(--canvas-grid-width,calc(100% - 96px))}.responsive-desktop .canvas-area .left-ruler{top:var(--canvas-grid-top,48px);bottom:auto;left:max(12px, calc(var(--canvas-grid-left,42px) - 28px));height:var(--canvas-grid-height,calc(100% - 88px))}.app-shell.responsive-desktop :where(.source-card,.material-physical-summary,.estimate-card,.composition-settings-card){border:1px solid var(--border);background:var(--surface-2);box-shadow:none}.responsive-desktop .canvas-area{border-color:var(--canvas-border);background:var(--canvas-bg);box-shadow:var(--shadow-panel);background-clip:padding-box}.responsive-desktop .canvas-label,.responsive-desktop .canvas-meta{color:color-mix(in srgb, var(--ink-2) 62%, transparent)}.app-shell.responsive-desktop :where(.chrome-button,.editor-tools-grid button,.editor-toolbar button,.settings-file-actions button,.preview-close,.preview-dialog-footer button,.confirm-actions button,.status-action-button,.status-icon-button,.palette-embedded .palette-family-tabs button,.palette-embedded .palette-view-toggle,.palette-embedded .palette-groups button,.palette-embedded .palette-scopes button,.palette-embedded .palette-footer button,.composition-auto-actions button,.composition-preset-grid button,.composition-control-grid button,.image-composition-footer button){border-color:var(--border);border-radius:var(--radius-small);background:var(--surface-2);color:var(--ink-2);box-shadow:none}.app-shell.responsive-desktop .activation-dialog .activation-purchase{border-color:var(--border);border-radius:var(--radius-control);background:var(--surface-2);color:var(--ink-2);box-shadow:none}.app-shell.responsive-desktop :where(.chrome-button,.settings-file-actions button,.preview-dialog-footer button,.confirm-actions button,.image-composition-footer button){border-radius:var(--radius-control)}.app-shell.responsive-desktop :where(.chrome-button,.editor-tools-grid button,.editor-toolbar button,.settings-file-actions button,.preview-close,.preview-dialog-footer button,.confirm-actions button,.status-action-button,.status-icon-button,.palette-embedded .palette-family-tabs button,.palette-embedded .palette-view-toggle,.palette-embedded .palette-groups button,.palette-embedded .palette-scopes button,.palette-embedded .palette-footer button,.composition-auto-actions button,.composition-preset-grid button,.composition-control-grid button,.image-composition-footer button):hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3);color:var(--ink-1)}.app-shell.responsive-desktop :where(.chrome-button.active,.status-action-button.active,.status-icon-button.active,.palette-embedded .palette-groups button.active,.palette-embedded .palette-scopes button.active,.composition-preset-grid button.active,.composition-control-grid button.active){border-color:var(--accent-text);background:var(--accent-soft);color:var(--accent-text)}.app-shell.responsive-desktop :where(.export-button,.chrome-button.mode-button.active,.editor-tools-grid button.active,.editor-toolbar button.active,.regenerate-button,.settings-file-actions button.primary,.progress-actions button.primary,.palette-embedded .palette-family-tabs button.active,.palette-embedded .palette-footer button.primary,.preview-dialog-footer button.primary,.composition-auto-actions button.active,.image-composition-footer button.primary,.confirm-actions button.primary),.app-shell.responsive-desktop .topbar .export-button,.app-shell.responsive-desktop .chrome-button.mode-button.active,.app-shell.responsive-desktop .editor-tools-grid button.active,.app-shell.responsive-desktop .editor-toolbar button.active,.app-shell.responsive-desktop .regenerate-button,.app-shell.responsive-desktop .settings-file-actions button.primary,.app-shell.responsive-desktop .progress-actions button.primary,.app-shell.responsive-desktop .palette-embedded .palette-family-tabs button.active,.app-shell.responsive-desktop .palette-embedded .palette-footer button.primary,.app-shell.responsive-desktop .preview-dialog-footer button.primary,.app-shell.responsive-desktop .composition-auto-actions button.active,.app-shell.responsive-desktop .image-composition-footer button.primary,.app-shell.responsive-desktop .confirm-actions button.primary{border-color:var(--accent-fill);background:var(--accent-fill);color:var(--on-accent)}.app-shell.responsive-desktop :where(.export-button,.chrome-button.mode-button.active,.editor-tools-grid button.active,.editor-toolbar button.active,.regenerate-button,.settings-file-actions button.primary,.progress-actions button.primary,.palette-embedded .palette-family-tabs button.active,.palette-embedded .palette-footer button.primary,.preview-dialog-footer button.primary,.composition-auto-actions button.active,.image-composition-footer button.primary,.confirm-actions button.primary):hover:not(:disabled),.app-shell.responsive-desktop .topbar .export-button:hover:not(:disabled),.app-shell.responsive-desktop .chrome-button.mode-button.active:hover:not(:disabled),.app-shell.responsive-desktop .editor-tools-grid button.active:hover:not(:disabled),.app-shell.responsive-desktop .editor-toolbar button.active:hover:not(:disabled),.app-shell.responsive-desktop .regenerate-button:hover:not(:disabled),.app-shell.responsive-desktop .settings-file-actions button.primary:hover:not(:disabled),.app-shell.responsive-desktop .progress-actions button.primary:hover:not(:disabled),.app-shell.responsive-desktop .palette-embedded .palette-family-tabs button.active:hover:not(:disabled),.app-shell.responsive-desktop .palette-embedded .palette-footer button.primary:hover:not(:disabled),.app-shell.responsive-desktop .preview-dialog-footer button.primary:hover:not(:disabled),.app-shell.responsive-desktop .composition-auto-actions button.active:hover:not(:disabled),.app-shell.responsive-desktop .image-composition-footer button.primary:hover:not(:disabled),.app-shell.responsive-desktop .confirm-actions button.primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover);color:var(--on-accent)}.responsive-desktop .regenerate-button{border-radius:var(--radius-control)}.responsive-desktop .secondary-ai-action{border-radius:var(--radius-control);border-color:var(--accent-text);background:var(--accent-soft);color:var(--accent-text)}.responsive-desktop .secondary-ai-action:hover:not(:disabled){border-color:var(--accent-hover);background:color-mix(in srgb, var(--accent-fill) 18%, var(--surface-1));color:var(--accent-hover)}.responsive-desktop .settings-card>.regenerate-button{justify-content:center;align-items:center;width:auto;min-width:112px;margin-left:auto;padding-inline:20px;display:flex}.app-shell.responsive-desktop :where(.settings-card input,.manual-grid-size input,.app-select-trigger,.inspector-search,.palette-embedded .palette-search){border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);color:var(--ink-1)}.app-shell.responsive-desktop :where(.settings-card input,.manual-grid-size input,.app-select-trigger,.inspector-search,.palette-embedded .palette-search):hover{border-color:var(--border-strong);background:var(--surface-1)}.responsive-desktop .app-select-trigger[data-state=open],.responsive-desktop .manual-grid-size input:focus,.responsive-desktop .settings-card input:focus{border-color:var(--accent-text);background:var(--surface-1);box-shadow:0 0 0 3px var(--focus-ring)}.responsive-desktop .app-select-icon,.responsive-desktop .inspector-search,.responsive-desktop .palette-embedded .palette-search svg{color:var(--ink-3)!important}html[data-theme] .app-select-content{z-index:240;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-1);color:var(--ink-1);box-shadow:var(--shadow-dialog)}html[data-theme] .app-select-item{border-radius:var(--radius-small);color:var(--ink-2)}html[data-theme] .app-select-item[data-highlighted]{background:var(--surface-3);color:var(--ink-1)}html[data-theme] .app-select-item[data-state=checked]{color:var(--accent-text)}.responsive-desktop .export-menu{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-1);box-shadow:var(--shadow-dialog)}.responsive-desktop .export-menu>p,.responsive-desktop .export-menu>button span{color:var(--ink-3)}.responsive-desktop .export-menu>button{border-top-color:var(--border);color:var(--ink-1)}.responsive-desktop .export-menu>button:hover{background:var(--surface-2)}.responsive-desktop .editor-toolbar{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);color:var(--ink-3)}.responsive-desktop .selection-actions{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);flex-direction:column;align-items:stretch;gap:8px;margin-top:10px;padding:10px;display:flex}.responsive-desktop .selection-actions strong{color:var(--ink-1);font-size:12px}.responsive-desktop .selection-actions-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.responsive-desktop .selection-actions-buttons button{flex:unset;border-color:var(--border);border-radius:var(--radius-small);background:var(--surface-1);width:100%;height:30px;color:var(--ink-2);font-size:12px}.responsive-desktop .selection-actions-buttons button:hover{border-color:var(--border-strong);color:var(--ink-1);background:var(--surface-2)}.responsive-desktop .selection-actions-buttons button:first-of-type,.responsive-desktop .source-upload-button,.responsive-desktop .parameter-chips button.active,.responsive-desktop .parameter-chips button:hover:not(:disabled),.responsive-desktop .brush-size-heading output,.responsive-desktop .panel-title>strong,.responsive-desktop .materials-heading button,.responsive-desktop .estimate-card button,.responsive-desktop .status-action-button.active,.responsive-desktop .status-icon-button.active{color:var(--accent-text)}.responsive-desktop .selection-actions-buttons button:first-of-type,.responsive-desktop .source-upload-button,.responsive-desktop .estimate-card button{border-color:var(--accent-text);background:var(--accent-soft)}.responsive-desktop .source-background-button{border-color:var(--border-strong);color:var(--ink-2);background:0 0}.responsive-desktop .parameter-chips,.responsive-desktop .manual-grid-size input,.responsive-desktop .desktop-brush-size,.responsive-desktop .inspector-tabs,.responsive-desktop .palette-total,.responsive-desktop .panel-empty-title,.responsive-desktop .materials-heading,.responsive-desktop .layer-row,.responsive-desktop .material-row,.responsive-desktop .statusbar,.responsive-desktop .settings-row{border-color:var(--border)}.responsive-desktop .inspector-tabs button{color:var(--ink-3)}.responsive-desktop .inspector-tabs button.active{color:var(--ink-1)}.responsive-desktop .inspector-tabs button.active>span:after{background:var(--accent-text)}.responsive-desktop .palette-embedded{background:var(--surface-1);color:var(--ink-1)}.responsive-desktop .palette-embedded .palette-controls,.responsive-desktop .palette-embedded .palette-body{border-color:var(--border)}.responsive-desktop .palette-chip{border-color:color-mix(in srgb, var(--ink-1) 22%, transparent);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--on-accent) 24%, transparent)}.responsive-desktop .palette-chip.selected{border-color:var(--accent-text)}.responsive-desktop .palette-chip.selected .palette-selection-toggle{border:1px solid var(--selection-toggle-ink);background:var(--selection-toggle-bg);color:var(--selection-toggle-ink);box-shadow:0 1px 3px color-mix(in srgb, var(--page) 72%, transparent)}.responsive-desktop .palette-chip.selected .palette-selection-toggle svg{stroke-width:3px}.responsive-desktop .palette-chip.current{border-color:var(--accent-text);outline:2px solid var(--surface-1);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-text), inset 0 1px 2px color-mix(in srgb, var(--on-accent) 24%, transparent)}.responsive-desktop .palette-selection-toggle{background:color-mix(in srgb, var(--ink-1) 42%, transparent);color:var(--on-accent);border-radius:5px}.responsive-desktop .layer-row.active,.responsive-desktop .palette-row:hover,.responsive-desktop .palette-row.selected,.responsive-desktop .progress-materials .material-row.current-step{background:var(--accent-soft)}.responsive-desktop .build-step-card{border-color:color-mix(in srgb, var(--accent-text) 34%, transparent);background:var(--accent-soft)}.responsive-desktop .progress-track,.responsive-desktop .generation-progress-track{background:var(--surface-3)}.responsive-desktop .progress-track span,.responsive-desktop .generation-progress-track i{background:var(--accent-fill);box-shadow:none}.responsive-desktop .save-state,.responsive-desktop .settings-value,.responsive-desktop .progress-status{color:var(--up)}.responsive-desktop .status-dot{background:var(--up)}.responsive-desktop .statusbar{padding-inline:var(--shell-inline,20px);background:var(--page);color:var(--ink-3)}.responsive-desktop .statusbar strong{color:var(--ink-2)}.responsive-desktop .statusbar>span{color:color-mix(in srgb, var(--ink-3) 52%, transparent)}.toast,.generation-progress-card{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-1);color:var(--ink-1);box-shadow:var(--shadow-dialog);-webkit-backdrop-filter:none;backdrop-filter:none}.generation-progress-heading span{color:var(--ink-3)}.generation-progress-heading b{color:var(--accent-text)}.preview-backdrop,.confirm-backdrop,.image-composition-backdrop{background:var(--overlay)}.preview-dialog,.confirm-dialog,.image-composition-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-dialog);background:var(--surface-1);color:var(--ink-1);box-shadow:var(--shadow-dialog)}.preview-dialog-header p,.preview-dialog-footer,.confirm-dialog p,.image-composition-header p,.image-composition-footer>span{color:var(--ink-3)}.preview-stage{border-color:var(--canvas-border);background:var(--canvas-bg)}.preview-materials-heading{color:var(--ink-3)}.preview-materials-heading strong{color:var(--ink-1)}.preview-material-card{border-color:var(--border-strong)}.confirm-icon{background:color-mix(in srgb, var(--down) 11%, transparent);color:var(--down)}.confirm-actions button.danger{border-color:var(--down);background:var(--down);color:var(--on-accent)}.confirm-actions button.danger:hover{border-color:color-mix(in srgb, var(--down) 86%, var(--ink-1));background:color-mix(in srgb, var(--down) 86%, var(--ink-1))}.image-composition-header,.image-composition-footer{border-color:var(--border)}.composition-settings-title,.image-composition-controls strong{color:var(--ink-1)}.image-composition-controls small,.composition-help{color:var(--ink-3)}.image-composition-controls small.ready{color:var(--up)}.composition-auto-actions,.composition-help{border-color:var(--border);background:var(--surface-2);color:var(--ink-2)}.responsive-desktop .workspace{grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(280px,320px);align-items:stretch;gap:14px}.responsive-desktop .left-inspector.desktop-workflow-rail,.responsive-desktop .right-inspector.desktop-workflow-rail{gap:12px;overflow:hidden}.responsive-desktop .left-inspector-tabs,.responsive-desktop .desktop-legacy-tools-tab{display:none}.responsive-desktop .desktop-left-stack,.responsive-desktop .desktop-right-stack{flex-direction:column;flex:auto;gap:12px;min-width:0;min-height:0;display:flex;overflow:hidden}.responsive-desktop .desktop-workflow-card{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-1);min-width:0;min-height:0;box-shadow:var(--shadow);isolation:isolate;background-clip:padding-box;flex:none;margin:0;padding:16px 16px 14px}.responsive-desktop .desktop-params-card.inspector-section,.responsive-desktop .desktop-palette-card{flex-direction:column;flex:auto;min-height:0;padding:0;display:flex;overflow:hidden}.responsive-desktop .desktop-params-card>.desktop-workflow-card-scroll{scrollbar-gutter:auto;flex:auto;min-height:0;padding:16px 16px 14px;overflow:hidden auto}.responsive-desktop :is(.desktop-workflow-card-scroll,.desktop-palette-body *){scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink-3) 45%, transparent) transparent}@supports selector(::-webkit-scrollbar){.responsive-desktop :is(.desktop-workflow-card-scroll,.desktop-palette-body *){scrollbar-width:auto;scrollbar-color:auto}}.responsive-desktop :is(.desktop-workflow-card-scroll,.desktop-palette-body *)::-webkit-scrollbar{width:6px;height:6px}.responsive-desktop :is(.desktop-workflow-card-scroll,.desktop-palette-body *)::-webkit-scrollbar-track{background:0 0}.responsive-desktop :is(.desktop-workflow-card-scroll,.desktop-palette-body *)::-webkit-scrollbar-corner{background:0 0}.responsive-desktop :is(.desktop-workflow-card-scroll,.desktop-palette-body *)::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--ink-3) 45%, transparent);border-radius:999px}.responsive-desktop :is(.desktop-workflow-card-scroll,.desktop-palette-body *)::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--ink-3) 75%, transparent)}.responsive-desktop .desktop-tools-card.editor-tools-section,.responsive-desktop .desktop-download-card{overflow:visible;flex:none!important;min-height:0!important}.responsive-desktop .desktop-tools-card{padding-bottom:12px}.responsive-desktop .desktop-tools-card .desktop-tools-help{margin-top:8px}.responsive-desktop .desktop-workflow-card-title{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.responsive-desktop .desktop-workflow-card-title>div{flex-direction:column;gap:2px;min-width:0;display:flex}.responsive-desktop .desktop-workflow-card-title strong{color:var(--ink-1);letter-spacing:-.02em;font-size:15px;font-weight:750}.responsive-desktop .desktop-workflow-card-title small{color:var(--ink-3);font-size:11px}.responsive-desktop .desktop-step-index{background:var(--accent-fill);width:24px;height:24px;color:var(--on-accent);border-radius:999px;flex:none;place-items:center;font-size:12px;font-weight:800;line-height:1;display:grid}.responsive-desktop .desktop-workflow-card .source-card{margin-bottom:0}.responsive-desktop .source-dropzone{border:1.5px dashed color-mix(in srgb, var(--border-strong) 72%, transparent);border-radius:calc(var(--radius-panel) - 4px);background:color-mix(in srgb, var(--surface-3) 55%, var(--surface-2));min-height:168px;color:var(--ink-1);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px 16px 18px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.responsive-desktop .source-dropzone:hover,.responsive-desktop .source-dropzone:focus-visible{border-color:color-mix(in srgb, var(--accent-fill) 42%, var(--border-strong));background:color-mix(in srgb, var(--accent-soft) 35%, var(--surface-2));outline:none}.responsive-desktop .source-dropzone.is-dragover{border-color:var(--accent-fill);background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface-1));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-fill) 12%, transparent);border-style:solid}.responsive-desktop .source-dropzone-plus{border:1px solid var(--border-strong);border-radius:var(--radius-small);background:color-mix(in srgb, var(--surface-1) 88%, var(--surface-3));width:40px;height:40px;color:var(--ink-1);place-items:center;font-size:26px;font-weight:500;line-height:1;display:grid}.responsive-desktop .source-dropzone-title{color:var(--ink-1);letter-spacing:-.01em;font-size:14px;font-weight:750}.responsive-desktop .source-dropzone-hint{color:var(--ink-3);font-size:11px;line-height:1.4}.responsive-desktop .source-dropzone.has-source{align-items:stretch;gap:6px;min-height:168px;padding:12px}.responsive-desktop .source-dropzone-preview{border-radius:calc(var(--radius-panel) - 8px);background:0 0;border:0;flex:auto;width:100%;min-height:96px;max-height:112px;position:relative;overflow:hidden}.responsive-desktop .source-dropzone-preview img,.responsive-desktop .source-dropzone-preview .source-bead-grid{object-fit:contain;border-radius:calc(var(--radius-panel) - 8px);background:var(--surface-1);width:100%;height:100%;max-height:112px;margin:0 auto;display:block}.responsive-desktop .source-dropzone-preview .source-bead-grid{border:1px solid var(--border);max-width:min(100%,112px)}.responsive-desktop .source-dropzone.has-source .source-dropzone-title,.responsive-desktop .source-dropzone.has-source .source-title-field,.responsive-desktop .source-dropzone.has-source .source-dropzone-hint{flex:none;align-self:center}.responsive-desktop .source-dropzone-close{z-index:2;border:1px solid color-mix(in srgb, var(--border-strong) 60%, transparent);background:color-mix(in srgb, var(--surface-1) 88%, transparent);width:24px;height:24px;color:var(--ink-2);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background .15s,color .15s,box-shadow .15s;display:grid;position:absolute;top:6px;right:6px}.responsive-desktop .source-dropzone-close svg{width:12px;height:12px}.responsive-desktop .source-dropzone-close:hover,.responsive-desktop .source-dropzone-close:focus-visible{background:var(--surface-1);color:var(--ink-1);box-shadow:var(--shadow);outline:none}.responsive-desktop .source-dropzone .source-title-field{width:min(100%,200px)}.responsive-desktop .source-dropzone .source-title-field input{border-radius:var(--radius-small);height:26px;color:var(--ink-1);text-align:center;background:0 0;border:0;font-size:13px;font-weight:750}.responsive-desktop .source-dropzone .source-title-field input:hover{border-color:var(--border);background:var(--surface-1)}.responsive-desktop .source-dropzone .source-title-field input:focus{border-color:var(--accent-fill);background:var(--surface-1);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-fill) 14%, transparent)}.responsive-desktop :where(.source-section .source-background-button){border:1px solid var(--border-strong);border-radius:var(--radius-control);width:100%;min-height:34px;color:var(--ink-2);background:0 0;margin-top:0;margin-bottom:12px;font-size:12px;font-weight:650}.responsive-desktop :where(.source-section .source-background-button:hover:not(:disabled)){border-color:var(--border-strong);background:var(--surface-2);color:var(--ink-1)}.responsive-desktop .desktop-background-control{gap:7px;margin-bottom:15px;display:grid}.responsive-desktop .desktop-background-control .source-background-button{margin-bottom:0}.responsive-desktop .desktop-background-control small{color:var(--ink-3);font-size:10px;line-height:1.5}.responsive-desktop .desktop-params-card .desktop-workflow-card-title+label,.responsive-desktop .desktop-params-card .desktop-workflow-card-title+.desktop-params-note,.responsive-desktop .desktop-params-card .desktop-workflow-card-title+.desktop-background-control{margin-top:0}.responsive-desktop .desktop-params-note{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-2);color:var(--ink-2);margin:0 0 12px;padding:10px 12px;font-size:11px;line-height:1.5}.responsive-desktop .desktop-params-note strong{color:var(--accent-text);margin-right:6px;font-weight:750;display:inline-block}.responsive-desktop .desktop-craft-size{margin-top:16px}.responsive-desktop .desktop-craft-size-heading{color:var(--ink-3);justify-content:space-between;align-items:center;font-size:11px;display:flex}.responsive-desktop .desktop-craft-size-heading output{color:var(--ink-1);font-weight:700}.responsive-desktop .desktop-craft-size-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.responsive-desktop .desktop-craft-size-presets button{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-2);min-height:34px;color:var(--ink-2);cursor:pointer;font-size:12px;font-weight:700}.responsive-desktop .desktop-craft-size-presets button:hover{border-color:color-mix(in srgb, var(--accent-fill) 45%, var(--border));color:var(--ink-1)}.responsive-desktop .desktop-craft-size-presets button.active{border-color:var(--accent-fill);background:var(--accent-soft);color:var(--accent-text)}.responsive-desktop .editor-stage:not(.settings-stage){min-height:0;padding:16px 0 14px}.responsive-desktop .desktop-workbench-shell{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-1);min-height:0;box-shadow:var(--shadow-panel);flex-direction:column;flex:auto;gap:12px;padding:14px 14px 12px;display:flex}.responsive-desktop .desktop-workbench-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.responsive-desktop .desktop-workbench-heading-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.responsive-desktop .desktop-workbench-heading strong{color:var(--ink-1);letter-spacing:-.02em;font-size:16px;font-weight:760}.responsive-desktop .desktop-workbench-heading-copy>span{color:var(--ink-3);font-size:11px}.responsive-desktop .desktop-workbench-shell .canvas-area{width:100%;max-height:none;box-shadow:none;flex:auto;margin:0}.responsive-desktop .desktop-workbench-toolbar{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:6px;display:flex}.responsive-desktop .desktop-workbench-toolbar .chrome-button,.responsive-desktop .desktop-workbench-toolbar .export-button{border-radius:var(--radius-control);align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.responsive-desktop .desktop-workbench-toolbar .chrome-button{box-shadow:none;color:var(--ink-2);background:0 0;border-color:#0000}.responsive-desktop .desktop-workbench-toolbar .chrome-button:hover:not(:disabled){background:var(--surface-2);color:var(--ink-1)}.responsive-desktop .desktop-workbench-toolbar .chrome-button.active{background:color-mix(in srgb, var(--accent-fill) 12%, var(--surface-2));color:var(--ink-1)}.responsive-desktop .desktop-workbench-toolbar .toolbar-secondary{opacity:.92}.responsive-desktop .desktop-workbench-toolbar .export-button{min-width:92px;min-height:36px;box-shadow:0 12px 28px -14px var(--accent-fill);padding:0 16px;font-size:13px;font-weight:740}.responsive-desktop .workspace.workspace-empty{grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(220px,260px)}.responsive-desktop .workspace.workspace-empty .left-inspector.desktop-workflow-rail,.responsive-desktop .workspace.workspace-empty .right-inspector.desktop-workflow-rail{opacity:.55;filter:saturate(.85)}.responsive-desktop .workspace.workspace-empty .left-inspector.desktop-workflow-rail:hover,.responsive-desktop .workspace.workspace-empty .left-inspector.desktop-workflow-rail:focus-within,.responsive-desktop .workspace.workspace-empty .right-inspector.desktop-workflow-rail:hover,.responsive-desktop .workspace.workspace-empty .right-inspector.desktop-workflow-rail:focus-within{opacity:.92;filter:none}.responsive-desktop .workspace.workspace-empty .desktop-workflow-card{box-shadow:none}.responsive-desktop .desktop-workbench-hero{border:1px dashed var(--border-strong);border-radius:calc(var(--radius-panel) - 4px);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--accent-fill) 10%, transparent), transparent 46%), var(--surface-2);text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:12px;min-height:0;padding:48px 32px;transition:border-color .16s,background-color .16s;display:flex}.responsive-desktop .desktop-workbench-hero.is-dragover{border-color:var(--accent-fill);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--accent-fill) 18%, transparent), transparent 48%), color-mix(in srgb, var(--accent-fill) 6%, var(--surface-2))}.responsive-desktop .desktop-workbench-hero-title{max-width:16ch;color:var(--ink-1);letter-spacing:.01em;text-wrap:balance;font-size:clamp(28px,3.2vw,40px);font-weight:780;line-height:1.18}.responsive-desktop .desktop-workbench-hero-copy{max-width:36ch;color:var(--ink-2);margin:0;font-size:14px;line-height:1.55}.responsive-desktop .desktop-workbench-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}.responsive-desktop .desktop-workbench-hero-cta{border-radius:var(--radius-control);background:var(--accent-fill);min-height:48px;color:var(--on-accent);cursor:pointer;box-shadow:0 16px 36px -18px var(--accent-fill);border:0;justify-content:center;align-items:center;gap:8px;margin-top:0;padding:0 22px;font-size:15px;font-weight:740;display:inline-flex}.responsive-desktop .desktop-workbench-hero-cta-secondary{border:1px solid var(--border-strong);background:var(--surface-1);color:var(--ink-1);box-shadow:none}.responsive-desktop .desktop-workbench-hero-cta:hover:not(:disabled){background:var(--accent-hover)}.responsive-desktop .desktop-workbench-hero-cta-secondary:hover:not(:disabled){border-color:var(--accent-fill);background:color-mix(in srgb, var(--accent-fill) 10%, var(--surface-1));color:var(--accent-text)}.responsive-desktop .desktop-workbench-hero-cta:disabled{opacity:.6;cursor:not-allowed}.responsive-desktop .desktop-workbench-hero-cta svg{width:18px;height:18px}.responsive-desktop .desktop-workbench-hero-hint{color:var(--ink-3);font-size:12px}.responsive-desktop .source-section .source-color-recognition-button{justify-content:center;align-items:center;gap:6px;margin-top:10px;margin-bottom:0;display:inline-flex}.responsive-desktop .source-section .source-color-recognition-button svg{width:14px;height:14px}.responsive-desktop .editor-toolbar-canvas{display:none}.responsive-desktop .desktop-manual-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-desktop .desktop-tools-help{color:var(--ink-3);margin:10px 0 0;font-size:11px;line-height:1.5}.responsive-desktop .desktop-download-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.responsive-desktop .desktop-download-primary,.responsive-desktop .desktop-download-secondary{border-radius:var(--radius-control);cursor:pointer;min-height:40px;font-size:12px;font-weight:700}.responsive-desktop .desktop-download-primary{background:var(--accent-fill);color:var(--on-accent);border:0}.responsive-desktop .desktop-download-primary:hover{background:var(--accent-deep)}.responsive-desktop .desktop-download-secondary{border:1px solid var(--border);background:var(--surface-2);color:var(--ink-1)}.responsive-desktop .desktop-download-secondary:hover{border-color:var(--accent);color:var(--accent)}.responsive-desktop .desktop-download-extra{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.responsive-desktop .desktop-download-extra button{border:1px solid var(--border);border-radius:var(--radius-small);min-height:30px;color:var(--ink-2);cursor:pointer;background:0 0;font-size:11px}.responsive-desktop .desktop-download-extra button:hover{border-color:var(--accent);color:var(--accent)}.responsive-desktop .desktop-palette-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.responsive-desktop .desktop-palette-card .inspector-tabs-fixed{flex:none;margin:12px 12px 0}.responsive-desktop .desktop-palette-body{flex-direction:column;flex:auto;min-width:0;min-height:0;padding:0 0 10px;display:flex;overflow:hidden}.responsive-desktop .desktop-palette-card .palette-embedded{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.responsive-desktop .desktop-palette-card .palette-embedded .palette-topbar,.responsive-desktop .desktop-palette-card .palette-embedded .palette-controls,.responsive-desktop .desktop-palette-card .palette-embedded .palette-divider,.responsive-desktop .desktop-palette-card .palette-embedded .palette-scopes{flex:none}.responsive-desktop .desktop-palette-card .palette-embedded .palette-body{flex:auto;min-height:0;overflow:hidden}.responsive-desktop .desktop-palette-card .palette-embedded .palette-grid{flex:auto;min-height:0;overflow:auto}.responsive-desktop .desktop-palette-card .palette-embedded .palette-footer{z-index:2;background:var(--surface-1);box-shadow:0 -8px 18px color-mix(in srgb, var(--ink-1) 6%, transparent);flex:none;margin-top:auto;position:relative}.responsive-desktop .desktop-palette-card .layers-panel,.responsive-desktop .desktop-palette-card .materials-panel{flex:auto;min-width:0;min-height:0;padding:0 12px;overflow:hidden auto}.responsive-desktop .desktop-palette-card .inspector-header{flex:none;padding:12px 12px 0}.responsive-desktop .desktop-product-nav{background:0 0;border:0;border-radius:0;align-items:center;gap:4px;padding:0;display:flex}.responsive-desktop .desktop-product-nav button{border-radius:var(--radius-control);min-height:36px;color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 18px;font-size:13px;font-weight:650;line-height:1.3;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.responsive-desktop .desktop-product-nav button:hover{color:var(--ink-1);background:var(--surface-2)}.responsive-desktop .desktop-product-nav button.active{border-color:color-mix(in srgb, var(--accent-fill) 28%, transparent);background:var(--accent-soft);color:var(--accent-text)}.responsive-desktop .statusbar-view-toggles{justify-content:center}.responsive-desktop .status-icon-button{place-items:center;width:28px;height:28px;padding:0;line-height:0;display:inline-grid}.responsive-desktop .status-icon-button svg{width:14px;height:14px;margin:0;display:block}.responsive-desktop .statusbar-save{color:var(--up);font-size:11px;font-weight:650}.responsive-desktop .statusbar-save .status-dot{background:var(--up);width:7px;height:7px}.responsive-desktop .section-templates .topbar-right .export-button,.responsive-desktop .section-account .topbar-right .export-button{display:none}.responsive-desktop .desktop-workbench-shell,.app-shell.responsive-desktop .desktop-workflow-card.inspector-section,.app-shell.theme-light.responsive-desktop .desktop-workflow-card.inspector-section,.app-shell.responsive-desktop.theme-light .desktop-workflow-card.inspector-section{box-shadow:var(--shadow)}.responsive-desktop .desktop-step-index{background:var(--accent-fill);color:var(--on-accent)}.responsive-desktop .desktop-download-extra button{color:var(--ink-3)}.desktop-site-page{display:none}.responsive-desktop .desktop-site-page{width:min(var(--shell-max,1660px), calc(100% - (var(--shell-gutter,20px) * 2)));flex-direction:column;flex:auto;min-height:0;margin:0 auto;padding:10px 0 14px;display:flex;overflow:hidden}.responsive-desktop.section-templates .workspace,.responsive-desktop.section-account .workspace{display:none}.desktop-site-page-heading{margin-bottom:14px}.desktop-site-page-heading h1,.desktop-account-sidebar h1{color:var(--ink-1);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:760}.desktop-site-page-heading p,.desktop-account-lead{max-width:48ch;color:var(--ink-3);margin:8px 0 0;font-size:13px;line-height:1.55}.desktop-templates-layout,.desktop-account-layout{flex:auto;grid-template-columns:240px minmax(0,1fr);gap:14px;min-height:0;display:grid;overflow:hidden}.desktop-templates-sidebar,.desktop-account-sidebar,.desktop-account-main,.desktop-templates-grid-wrap{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-1);box-shadow:var(--shadow)}.desktop-templates-sidebar,.desktop-account-sidebar{scrollbar-gutter:stable;min-height:0;padding:18px 16px;overflow:auto}.desktop-account-categories{flex-direction:column;gap:4px;margin-top:18px;display:flex}.desktop-account-categories button{min-height:52px;color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;gap:2px;padding:10px 12px;display:grid}.desktop-account-categories button strong{color:inherit;font-size:14px;font-weight:700}.desktop-account-categories button small{color:var(--ink-3);font-size:11px}.desktop-account-categories button:hover{background:var(--surface-2);color:var(--ink-1)}.desktop-account-categories button.active{background:var(--accent-soft);color:var(--accent-text)}.desktop-account-categories button.active small{color:color-mix(in srgb, var(--accent-text) 72%, var(--ink-3))}.desktop-account-settings-scroll{scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:14px;min-height:0;padding-right:2px;display:flex;overflow:auto}.desktop-account-settings .settings-card{margin:0}.desktop-account-settings-hint{color:var(--ink-2);margin:0;font-size:12px;line-height:1.5}.desktop-account-settings .regenerate-button{margin-top:8px}.desktop-templates-search input{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);width:100%;height:40px;color:var(--ink-1);padding:0 12px;font-size:13px}.desktop-templates-categories{flex-direction:column;gap:2px;margin-top:14px;display:flex}.desktop-templates-categories button{min-height:36px;color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;padding:0 12px;font-size:13px;font-weight:600}.desktop-templates-categories button:hover{background:var(--surface-2);color:var(--ink-1)}.desktop-templates-categories button.active{background:var(--accent-soft);color:var(--accent-text)}.desktop-templates-grid-wrap,.desktop-account-main{flex-direction:column;min-height:0;padding:18px;display:flex;overflow:hidden}.desktop-account-page .desktop-account-main{background:var(--page)}.desktop-templates-grid-meta,.desktop-account-main-heading{flex-wrap:nowrap;flex:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.desktop-templates-grid-meta strong,.desktop-account-main-heading h2{min-width:0;color:var(--ink-1);white-space:nowrap;margin:0;font-size:17px;font-weight:740}.desktop-templates-page-empty{flex:auto;min-height:0;padding:0;display:flex}.desktop-templates-page-empty .desktop-templates-empty{border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow);flex:auto}.desktop-templates-empty,.desktop-account-empty{border:1px dashed var(--border-strong);border-radius:calc(var(--radius-panel) - 4px);background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--accent-fill) 8%, transparent), transparent 42%), var(--surface-2);text-align:center;flex:auto;place-content:center;justify-items:center;gap:10px;min-height:0;padding:28px 20px;display:grid;overflow:auto}.desktop-empty-mark{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-fill) 22%, var(--surface-1)), var(--surface-1));width:52px;height:52px;box-shadow:inset 0 0 0 1px var(--border), var(--shadow);border-radius:16px}.desktop-templates-empty strong,.desktop-account-empty strong{color:var(--ink-1);font-size:16px}.desktop-templates-empty p,.desktop-account-empty p{max-width:36ch;color:var(--ink-3);margin:0;font-size:13px;line-height:1.55}.desktop-templates-cta{border-radius:var(--radius-control);background:var(--accent-fill);min-height:44px;color:var(--on-accent);cursor:pointer;box-shadow:0 12px 28px -16px var(--accent-fill);border:0;margin-top:8px;padding:0 20px;font-size:14px;font-weight:740}.desktop-templates-cta:hover{background:var(--accent-hover)}.desktop-templates-cta.secondary{border:1px solid var(--border-strong);background:var(--surface-1);color:var(--ink-2)}.desktop-templates-cta.secondary:hover{background:var(--surface-2);color:var(--ink-1)}.desktop-templates-page{flex-direction:column;gap:14px;display:flex}.desktop-templates-hero{flex:none;gap:4px;padding:4px 2px 2px;display:grid}.desktop-templates-hero h1{color:var(--ink-1);font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:28px;font-weight:600}.desktop-templates-page .desktop-templates-layout{flex:auto;min-height:0}.desktop-templates-grid-meta span{color:var(--ink-3);font-size:12px}.desktop-templates-grid{scrollbar-gutter:stable;flex:auto;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-content:start;gap:14px;min-height:0;margin:0;padding:2px 2px 4px;list-style:none;display:grid;overflow:auto}.desktop-templates-empty-inline{flex:auto;min-height:220px}.desktop-template-card{border:1px solid var(--border);border-radius:calc(var(--radius-panel) - 2px);background:var(--surface-1);height:100%;box-shadow:var(--shadow);flex-direction:column;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden}.desktop-template-card:hover{border-color:color-mix(in srgb, var(--accent-fill) 36%, var(--border));box-shadow:var(--shadow-panel);transform:translateY(-2px)}.desktop-template-card-preview{aspect-ratio:1;background:var(--canvas-bg);border-bottom:1px solid var(--border);flex:none;position:relative;overflow:hidden}.desktop-template-card-preview img{object-fit:contain;background:var(--canvas-bg);width:100%;height:100%;display:block}.desktop-template-card-source-image{image-rendering:auto}.desktop-template-card-chart-image{image-rendering:pixelated}.desktop-template-card-preview-fallback{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-fill) 14%, var(--surface-1)), var(--surface-2));width:100%;height:100%;display:block}.desktop-template-card-body{flex-direction:column;flex:auto;gap:5px;min-width:0;padding:7px 4px 4px;display:flex}.desktop-template-card-summary{align-items:center;gap:6px;min-width:0;display:flex}.app-shell .desktop-template-card-title{min-width:0;color:var(--ink-1);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0;font-size:15px;font-weight:740;line-height:1.3;overflow:hidden}.app-shell .desktop-template-card-meta{min-width:0;color:var(--ink-3);white-space:nowrap;overflow-wrap:normal;align-items:baseline;gap:2px;margin:0;font-size:12px;line-height:1.5;display:flex;overflow:hidden}.desktop-template-card-meta>span{white-space:nowrap;flex:none}.desktop-template-card-meta>.desktop-template-card-category{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.desktop-template-card-desc{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.desktop-template-card-cta{border-radius:var(--radius-control);background:var(--accent-fill);min-height:36px;color:var(--on-accent);cursor:pointer;box-shadow:0 10px 22px -16px var(--accent-fill);border:0;flex:none;margin-top:0;padding:0 10px;font-size:13px;font-weight:740}.desktop-template-card-cta:hover:not(:disabled){background:var(--accent-hover)}.desktop-template-card-cta:disabled{opacity:.72;cursor:wait}.desktop-account-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.desktop-account-notes{color:var(--ink-2);margin:16px 0 0;padding-left:18px;font-size:13px;line-height:1.65}.desktop-account-notes li+li{margin-top:8px}.desktop-account-main-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.desktop-account-main-actions button{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);min-height:36px;color:var(--ink-1);cursor:pointer;white-space:nowrap;flex-flow:row;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.desktop-account-main-actions button svg{flex:0 0 14px;width:14px;height:14px;display:block}.desktop-account-main-actions button.desktop-account-import{border-color:color-mix(in srgb, var(--accent-fill) 28%, transparent);background:var(--accent-soft);color:var(--accent-text)}.desktop-account-main-actions button.desktop-account-import:hover{border-color:color-mix(in srgb, var(--accent-fill) 48%, transparent);background:color-mix(in srgb, var(--accent-fill) 16%, var(--surface-1))}.desktop-account-main-actions button:disabled{cursor:not-allowed;opacity:.45}.desktop-account-grid{scrollbar-gutter:stable;flex:auto;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:min-content;align-content:start;align-items:stretch;gap:28px 20px;min-height:0;margin:0;padding:4px 2px 16px;display:grid;overflow:auto}.desktop-account-card{border:1px solid var(--border);border-radius:calc(var(--radius-panel) - 2px);background:var(--surface-1);min-width:0;height:max-content;min-height:min-content;box-shadow:var(--shadow-panel);flex-direction:column;padding:0;transition:border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.desktop-account-card:hover{border-color:var(--border-strong)}.desktop-account-card.selected{border-color:color-mix(in srgb, var(--accent-fill) 55%, var(--border));box-shadow:0 0 0 2px var(--accent-soft)}.desktop-account-select{z-index:3;background:color-mix(in srgb, var(--surface-1) 88%, transparent);width:22px;height:22px;box-shadow:0 1px 4px color-mix(in srgb, var(--ink-1) 12%, transparent);border-radius:7px;place-items:center;display:grid;position:absolute;top:10px;left:10px}.desktop-account-select input{width:14px;height:14px;accent-color:var(--accent-fill);margin:0}.desktop-account-card .mobile-project-card{height:max-content;min-height:min-content;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;display:flex;overflow:visible}.desktop-account-card .mobile-project-open{cursor:pointer;flex-direction:column;flex:none;align-items:stretch;gap:0;height:max-content;min-height:min-content;padding:0;display:flex}.desktop-account-card .mobile-project-thumbnail{background:var(--canvas-bg);width:100%;height:148px;color:var(--accent-text);border-radius:0;flex:0 0 148px;display:block;position:relative;overflow:hidden}.desktop-account-card .mobile-project-thumbnail img{box-sizing:border-box;object-fit:contain;object-position:center;width:100%;max-width:none;height:100%;max-height:none;image-rendering:pixelated;margin:0;padding:10px;display:block;position:absolute;inset:0}.desktop-account-card .mobile-project-thumbnail svg{width:28px;height:28px;margin:auto;position:absolute;inset:0}.desktop-account-card .mobile-project-copy{z-index:1;background:var(--surface-1);flex:none;gap:4px;min-width:0;padding:12px 14px 14px;display:grid;position:relative}.desktop-account-card .mobile-project-title,.desktop-account-card .mobile-project-copy small,.desktop-account-card .mobile-project-copy em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.desktop-account-card .mobile-project-title{width:100%;color:var(--ink-1);text-align:left;cursor:text;background:0 0;border:0;margin:0;padding:0;font-size:13px;font-weight:700}.desktop-account-card .mobile-project-title:hover,.desktop-account-card .mobile-project-title:focus-visible{color:var(--accent-text)}.desktop-account-card .mobile-project-rename{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.desktop-account-card .mobile-project-rename input{border:1px solid var(--accent-fill);background:var(--surface-2);min-width:0;min-height:28px;color:var(--ink-1);border-radius:8px;padding:0 8px;font-size:13px;font-weight:700}.desktop-account-card .mobile-project-rename button{background:var(--accent-fill);min-width:44px;min-height:28px;color:var(--on-accent);cursor:pointer;border:0;border-radius:8px;font-size:12px;font-weight:650}.desktop-account-card .mobile-project-copy small{color:var(--ink-3);font-size:11px}.desktop-account-card .mobile-project-copy em{color:var(--up);font-size:11px;font-style:normal}.desktop-account-card .mobile-navigation-chevron{display:none}.desktop-account-card .mobile-project-actions{border-top:1px solid var(--border);background:var(--surface-2);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 12px 12px;display:grid}.desktop-account-card .mobile-project-actions button{border:1px solid var(--border);background:var(--surface-1);min-width:0;min-height:32px;color:var(--ink-2);cursor:pointer;border-radius:8px;font-size:11px;font-weight:650}.desktop-account-card .mobile-project-actions button.danger{color:var(--accent-text)}.desktop-account-card .mobile-project-card.is-current{outline:none}.desktop-account-card:has(.mobile-project-card.is-current){border-color:color-mix(in srgb, var(--accent-fill) 48%, var(--border))}@media (width<=1199px){.app-shell{--mobile-bg:var(--page);--mobile-card:var(--surface-1);--mobile-card-soft:var(--surface-2);--mobile-text:var(--ink-1);--mobile-muted:var(--ink-3);--mobile-line:var(--border);--mobile-shadow:var(--shadow-panel)}}.topbar{z-index:var(--z-header)}.app-select-content,.export-menu{z-index:var(--z-dropdown)}.mobile-sheet-layer{z-index:var(--z-sheet)}.preview-backdrop,.key-chart-viewer-backdrop,.confirm-backdrop,.image-composition-backdrop{z-index:var(--z-modal)}.generation-progress-card{z-index:var(--z-progress)}.toast,.pwa-update-prompt{z-index:var(--z-toast)}button,input,select,textarea{font:inherit}:where(button,input,select,textarea):focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.mobile-chevron{place-items:center;display:grid}.mobile-chevron svg{width:16px;height:16px}.mobile-chevron path{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.mobile-back-chevron{transform:rotate(180deg)}@media (width<=1199px){.app-shell{--mobile-page-gutter:14px;--mobile-bg:var(--page);--mobile-card:var(--surface-1);--mobile-card-soft:var(--surface-2);--mobile-text:var(--ink-1);--mobile-muted:var(--ink-3);--mobile-line:var(--border);--mobile-shadow:var(--shadow-panel);background:var(--mobile-bg);width:100%;height:100dvh;min-height:0;color:var(--mobile-text);overflow:hidden}.app-shell.theme-light{--mobile-bg:var(--page);--mobile-card:var(--surface-1);--mobile-card-soft:var(--surface-2);--mobile-text:var(--ink-1);--mobile-muted:var(--ink-3);--mobile-line:var(--border);--mobile-shadow:var(--shadow-panel)}body:has(.app-shell){background:var(--mobile-bg);min-width:0;min-height:100dvh;overflow:hidden}.app-shell,.app-shell *{-ms-overflow-style:none;scrollbar-color:transparent transparent;scrollbar-width:none}html:has(.app-shell){-ms-overflow-style:none;scrollbar-color:transparent transparent;scrollbar-width:none}body:has(.app-shell){-ms-overflow-style:none;scrollbar-color:transparent transparent;scrollbar-width:none}.app-shell,.app-shell *{-webkit-tap-highlight-color:transparent}html:has(.app-shell)::-webkit-scrollbar{width:0;height:0;display:none}body:has(.app-shell)::-webkit-scrollbar{width:0;height:0;display:none}.app-shell::-webkit-scrollbar{width:0;height:0;display:none}.app-shell ::-webkit-scrollbar{width:0;height:0;display:none}button,input,select,textarea{font:inherit}.app-shell input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),.app-shell textarea,.app-shell select{font-size:16px}button{touch-action:manipulation}.topbar,.theme-light .topbar{z-index:var(--z-header);height:calc(64px + env(safe-area-inset-top,0px));box-sizing:border-box;padding:env(safe-area-inset-top,0px) var(--mobile-page-gutter) 0;border:0;border-bottom:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:fixed;top:0;left:0;right:0}.topbar-inner,.theme-light .topbar-inner{width:100%;max-width:none;height:64px;box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;padding:0;display:flex}.brand-lockup{flex:auto;gap:10px;min-width:0;margin-inline-start:1px}.brand-lockup>div{min-width:0}.header-brand-icon{border-radius:11px;width:38px;height:38px}.brand-lockup strong{color:var(--mobile-text);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.brand-lockup span{color:var(--mobile-muted);font-size:10px}.topbar-center,.mobile-more-button{display:none!important}.topbar-right{flex:none;align-items:center;min-width:0;margin-left:auto;display:flex!important}.topbar-right>:not(.login-button){display:none!important}.topbar .login-button,.theme-light .topbar .login-button{border-radius:var(--radius-control);gap:8px;max-width:min(58vw,220px);height:38px;padding:0 12px;font-size:12px;font-weight:650;overflow:hidden}.topbar .login-button svg{flex-shrink:0;width:14px;height:14px}.mobile-surface-editor>.topbar,.mobile-surface-preview>.topbar,.mobile-surface-generate>.topbar{display:none}.mobile-surface-home>.topbar{z-index:60;isolation:isolate}.workspace{grid-template-columns:minmax(0,1fr);gap:0;width:100%;max-width:none}.left-inspector,.right-inspector,.statusbar,.editor-toolbar-canvas{display:none!important}.mobile-surface-home .workspace,.mobile-surface-projects .workspace,.mobile-surface-templates .workspace,.mobile-surface-generate .workspace,.mobile-surface-settings .workspace{visibility:hidden;pointer-events:none}.mobile-surface-editor .workspace{z-index:1;display:block;position:fixed;inset:0;overflow:hidden}.mobile-surface-preview .workspace{visibility:hidden;pointer-events:none}.mobile-editor-header{z-index:53;min-height:calc(64px + env(safe-area-inset-top,0px));box-sizing:border-box;padding:env(safe-area-inset-top,0px) 10px 6px;border-bottom:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:44px minmax(0,1fr) auto;align-items:end;gap:4px;display:grid;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 20px #26384c0f}.mobile-editor-header>button{width:44px;height:44px;color:var(--mobile-muted);cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;font-size:28px;display:grid}.mobile-editor-header>button:active{background:var(--mobile-card-soft)}.mobile-editor-header>button:disabled{opacity:.38}.mobile-editor-header>button svg{width:19px;height:19px}.mobile-editor-heading{align-self:center;min-width:0;padding-left:2px}.mobile-editor-heading strong,.mobile-editor-heading span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-editor-heading strong{color:var(--mobile-text);letter-spacing:-.02em;font-size:16px}.mobile-editor-heading span{color:#55b989;margin-top:3px;font-size:10px}.mobile-editor-heading span i{background:#55b989;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.mobile-editor-actions{justify-content:flex-end;align-self:center;align-items:center;gap:8px;display:flex}.mobile-editor-actions>button{box-sizing:border-box;border:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 94%, #fff);color:#8190a2;-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;padding:0;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s;display:grid;box-shadow:0 4px 12px #26384c17}.mobile-editor-actions>button svg{width:18px;height:18px}.mobile-editor-actions>button:active:not(:disabled){background:color-mix(in srgb, var(--mobile-card) 87%, #fff1ef);color:var(--accent);border-color:#ef655e57;transform:scale(.96);box-shadow:0 2px 7px #ef655e24}.mobile-editor-actions>button:disabled{color:color-mix(in srgb, var(--mobile-muted) 48%, transparent);box-shadow:none;opacity:.72}.mobile-surface-home .mobile-editor-header,.mobile-surface-projects .mobile-editor-header,.mobile-surface-templates .mobile-editor-header,.mobile-surface-generate .mobile-editor-header,.mobile-surface-settings .mobile-editor-header{display:none}.editor-stage{--mobile-editor-bottom-space:82px;--mobile-editor-canvas-height:calc(100dvh - 72px - var(--mobile-editor-bottom-space) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));box-sizing:border-box;width:100%;height:100dvh;min-height:0;padding:calc(72px + env(safe-area-inset-top,0px)) 10px calc(82px + env(safe-area-inset-bottom,0px));background:var(--mobile-bg);justify-content:center;align-items:center;display:flex}.desktop-workbench-shell{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.desktop-workbench-heading{display:none}.mobile-surface-editor:has(.mobile-editor-context) .editor-stage{--mobile-editor-bottom-space:148px;padding-bottom:calc(148px + env(safe-area-inset-bottom,0px))}.canvas-area,.canvas-expanded .canvas-area{width:min(100%, calc(var(--mobile-editor-canvas-height) * var(--canvas-fit-ratio,1)));max-width:none;height:auto;min-height:0;max-height:var(--mobile-editor-canvas-height);aspect-ratio:var(--canvas-fit-ratio,1);background:var(--canvas);box-shadow:var(--mobile-shadow);border:0;border-radius:20px;flex:0 auto;margin:auto}.canvas-viewport{padding:52px 14px 38px}.canvas-viewport canvas{touch-action:none}.canvas-label{color:var(--mobile-muted);top:11px;left:16px}.canvas-meta{max-width:calc(100% - 28px);color:var(--mobile-muted);bottom:12px}.top-ruler{top:39px;left:34px;right:20px}.left-ruler{top:56px;bottom:42px}.mobile-canvas-status{z-index:7;pointer-events:none;gap:5px;display:flex;position:absolute;top:8px;right:12px}.mobile-canvas-status>span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#263244b8;border-radius:999px;padding:5px 8px;font-size:10px;line-height:1}.mobile-canvas-status i{display:none}.mobile-canvas-gesture-hint{z-index:8;color:#fffffff0;pointer-events:none;text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#263244c7;border-radius:999px;max-width:calc(100% - 36px);padding:7px 12px;font-size:10px;display:block;position:absolute;bottom:39px;right:50%;transform:translate(50%)}.mobile-empty-canvas-actions{z-index:6;gap:10px;display:grid;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%)}.mobile-empty-canvas-actions button{border:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 92%, transparent);min-height:74px;color:var(--mobile-text);box-shadow:var(--mobile-shadow);border-radius:16px;padding:12px 16px}.mobile-empty-canvas-actions strong,.mobile-empty-canvas-actions span{display:block}.mobile-empty-canvas-actions span{color:var(--mobile-muted);margin-top:4px;font-size:11px}.mobile-editor-toolbar{z-index:54;min-height:calc(74px + env(safe-area-inset-bottom,0px));box-sizing:border-box;padding:6px max(7px, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(7px, env(safe-area-inset-left,0px));border-top:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:start;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #26384c14}.mobile-editor-toolbar button{min-width:0;height:62px;color:var(--mobile-muted);cursor:pointer;background:0 0;border:0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.mobile-editor-toolbar button svg{width:21px;height:21px}.mobile-editor-toolbar button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-editor-toolbar button.active{color:var(--accent);background:#ef716124}.mobile-current-color i{border:3px solid #fff;border-radius:50%;width:23px;height:23px;display:block;box-shadow:0 0 0 1px #505b6859}.mobile-editor-context{z-index:55;right:14px;bottom:calc(82px + env(safe-area-inset-bottom,0px));box-sizing:border-box;border:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 96%, transparent);min-height:50px;color:var(--mobile-text);box-shadow:var(--mobile-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 14px;display:grid;position:fixed;left:14px}.mobile-editor-context span,.mobile-editor-context output{font-size:12px;font-weight:700}.mobile-editor-context input{width:100%;min-height:32px;accent-color:var(--accent)}.mobile-selection-context{grid-template-columns:minmax(0,1fr) repeat(3,auto)}.mobile-selection-context button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-width:52px;min-height:36px;color:var(--mobile-text);border-radius:10px}.mobile-result-screen{z-index:58;background:var(--mobile-bg);color:var(--mobile-text);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-result-header{min-height:calc(64px + env(safe-area-inset-top,0px));box-sizing:border-box;padding:env(safe-area-inset-top,0px) var(--mobile-page-gutter) 7px;border-bottom:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:44px minmax(0,1fr);align-items:end;gap:8px;display:grid;box-shadow:0 8px 20px #26384c0f}.mobile-result-back{width:44px;height:44px;color:var(--mobile-text);background:0 0;border:0;border-radius:14px;place-items:center;font-size:30px;display:grid}.mobile-result-header>div{align-self:center;min-width:0}.mobile-result-header>div strong,.mobile-result-header>div span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-result-header>div strong{font-size:16px}.mobile-result-header>div span{color:var(--mobile-muted);margin-top:3px;font-size:10px}.mobile-result-content{box-sizing:border-box;width:100%;max-width:720px;min-height:0;padding:14px var(--mobile-page-gutter) calc(16px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;margin:0 auto;display:flex;overflow:hidden auto}.mobile-result-card{border:1px solid var(--mobile-line);background:var(--mobile-card);min-height:0;box-shadow:var(--mobile-shadow);border-radius:22px;overflow:hidden}.mobile-result-stage{box-sizing:border-box;background:#eceeef;place-items:center;height:clamp(300px,52dvh,590px);padding:14px;display:grid;position:relative;overflow:hidden}.mobile-result-stage.is-chart{padding-top:30px;padding-left:34px}.mobile-result-chart-ruler-top,.mobile-result-chart-ruler-left{z-index:2;pointer-events:none;color:#8190a2;font-size:10px;font-weight:600;line-height:1;position:absolute}.mobile-result-chart-ruler-top{top:max(3px, calc(var(--mobile-chart-grid-top,30px) - 23px));left:var(--mobile-chart-grid-left,34px);width:var(--mobile-chart-grid-width,calc(100% - 48px));height:18px}.mobile-result-chart-ruler-top span{white-space:nowrap;position:absolute;transform:translate(-50%)}.mobile-result-chart-ruler-left{top:var(--mobile-chart-grid-top,30px);left:max(2px, calc(var(--mobile-chart-grid-left,34px) - 30px));width:24px;height:var(--mobile-chart-grid-height,calc(100% - 44px))}.mobile-result-chart-ruler-left span{white-space:nowrap;position:absolute;right:0;transform:translateY(-50%)}.mobile-result-stage img,.mobile-result-stage canvas{object-fit:contain;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.mobile-result-color-key{box-sizing:border-box;border-top:1px solid var(--mobile-line);background:var(--mobile-card);min-width:0;min-height:42px;color:var(--mobile-muted);align-items:flex-start;gap:9px;padding:8px 12px 7px;font-size:11px;line-height:1.2;display:flex;overflow:hidden}.mobile-result-color-key-label{color:var(--mobile-text);flex:none;padding-top:5px;font-weight:800}.mobile-result-color-key>div{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;flex-wrap:nowrap;flex:auto;gap:5px;min-width:0;padding-bottom:1px;display:flex;overflow:auto hidden}.mobile-result-color-key>div::-webkit-scrollbar{width:0;height:0;display:none}.mobile-result-color-key-item{box-sizing:border-box;border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-width:34px;height:25px;color:var(--mobile-text);pointer-events:none;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:10px;font-weight:800;display:inline-flex}.mobile-result-color-key-item i{border-radius:50%;flex:0 0 9px;width:9px;height:9px;box-shadow:inset 0 0 0 1px #0000001f}.mobile-result-tabs{border-top:1px solid var(--mobile-line);background:var(--mobile-card);flex:0 0 58px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;height:58px;display:grid}.mobile-result-tabs button{width:100%;min-width:0;color:var(--mobile-muted);white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;background:0 0;border:0;padding:0 4px;font-size:clamp(12px,3.6vw,14px);font-weight:700;line-height:1.2;position:relative;overflow:hidden}.mobile-result-tabs button.active{color:var(--accent)}.mobile-result-tabs button.active:after{background:var(--accent);content:"";border-radius:99px;height:4px;position:absolute;bottom:0;left:35%;right:35%}.mobile-result-tabs button:disabled{opacity:.38}.mobile-result-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.mobile-result-actions button{border:1px solid var(--mobile-line);background:var(--mobile-card);min-width:0;min-height:50px;color:var(--mobile-text);white-space:nowrap;border-radius:999px;grid-column:span 2;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 7px 18px #26384c14}.mobile-result-actions button svg{flex:0 0 16px;width:16px;height:16px}.mobile-result-actions button>span{color:var(--mobile-muted);font-size:18px;line-height:1}.mobile-result-actions button:disabled{opacity:.38;box-shadow:none}.mobile-result-download{background:var(--accent);color:#fff;border:0;border-radius:18px;flex:none;justify-content:center;align-items:center;gap:9px;width:100%;min-height:58px;margin-top:auto;font-size:17px;font-weight:800;display:inline-flex;box-shadow:0 12px 28px #ef71613d}.mobile-result-download svg{width:21px;height:21px}.mobile-bottom-nav{z-index:50;height:calc(66px + env(safe-area-inset-bottom,0px));box-sizing:border-box;padding:5px max(16px, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(16px, env(safe-area-inset-left,0px));border-top:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #26384c0f}.mobile-bottom-nav button{min-width:44px;height:56px;color:var(--mobile-muted);background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.mobile-bottom-nav button svg{width:19px;height:19px}.mobile-bottom-nav button.active{width:56px;min-width:56px;color:var(--accent);background:#ef716121;border-radius:50%;justify-self:center;padding:0}.mobile-surface-editor .mobile-bottom-nav,.mobile-surface-preview .mobile-bottom-nav,.mobile-surface-generate .mobile-bottom-nav{display:none}.mobile-home-screen,.mobile-projects-screen{z-index:38;top:calc(64px + env(safe-area-inset-top,0px));right:0;bottom:calc(66px + env(safe-area-inset-bottom,0px));box-sizing:border-box;padding:14px var(--mobile-page-gutter) 24px;background:var(--mobile-bg);color:var(--mobile-text);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:14px;display:flex;position:fixed;left:0;overflow:hidden auto}.mobile-home-screen{z-index:1;scrollbar-width:none;-ms-overflow-style:none}.mobile-home-screen::-webkit-scrollbar{width:0;height:0;display:none}.mobile-account-modules{box-sizing:border-box;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;padding:14px 14px 12px;display:grid}.mobile-account-modules>button{border:1px solid var(--mobile-line);background:var(--mobile-card);min-width:0;min-height:68px;color:var(--mobile-text);text-align:left;border-radius:17px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 8px 20px #26384c12}.mobile-account-modules>button>span{background:var(--mobile-card-soft);width:38px;height:38px;color:var(--mobile-muted);border-radius:12px;flex:0 0 38px;place-items:center;display:grid}.mobile-account-modules svg{width:19px;height:19px}.mobile-account-modules>button>div{flex:1;min-width:0}.mobile-account-modules strong,.mobile-account-modules small{display:block}.mobile-account-modules strong{font-size:13px}.mobile-account-modules small{color:var(--mobile-muted);white-space:normal;overflow-wrap:anywhere;margin-top:3px;font-size:9px}.mobile-account-modules>button.active{background:#ef716114;border-color:#ef716194}.mobile-account-modules>button.active>span{background:var(--accent);color:#fff}.mobile-account-modules>button.active strong{color:var(--accent)}.mobile-home-continue{background:linear-gradient(135deg, color-mix(in srgb, var(--mobile-card) 94%, #fff3f0), var(--mobile-card));min-height:82px;color:var(--mobile-text);box-shadow:var(--mobile-shadow);text-align:left;border:1px solid #ef716147;border-radius:20px;flex:none;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:12px;margin-top:2px;padding:12px 14px;display:grid;position:relative}.mobile-home-continue .mobile-home-continue-icon{background:var(--accent);color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.mobile-home-continue .mobile-home-continue-icon.has-image{background:var(--mobile-card-soft)}.mobile-home-continue-icon svg{width:20px;height:20px}.mobile-home-continue strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.mobile-home-continue small{min-width:0;color:var(--mobile-muted);white-space:nowrap;align-items:baseline;gap:4px;margin-top:4px;font-size:11px;display:flex}.mobile-home-continue-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-home-continue small em{color:#55ae83;flex:none;font-size:10px;font-style:normal}.mobile-navigation-chevron{box-sizing:border-box;border:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 94%, #fff);color:#8190a2;border-radius:50%;flex:none;width:32px;height:32px;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s;box-shadow:0 4px 12px #26384c17}.mobile-home-continue:active .mobile-navigation-chevron,.mobile-project-open:active .mobile-navigation-chevron{background:color-mix(in srgb, var(--mobile-card) 87%, #fff1ef);color:var(--accent);border-color:#ef655e57;transform:translate(2px);box-shadow:0 2px 7px #ef655e24}.mobile-home-hero{border:1px solid var(--mobile-line);background:var(--mobile-card);min-height:176px;box-shadow:var(--mobile-shadow);border-radius:22px;flex:0 0 176px;position:relative;overflow:hidden}.mobile-home-art,.mobile-home-art:after{position:absolute;inset:0}.mobile-home-art:after{content:"";background:linear-gradient(90deg,#19202914 12%,#19202985 54%,#192029e6 100%)}.mobile-home-art img{object-fit:cover;object-position:center 34%;width:100%;height:100%;display:block}.mobile-home-copy{z-index:2;color:#fff;text-align:left;text-shadow:0 2px 12px #0c121980;width:54%;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.mobile-home-copy span,.mobile-home-copy strong,.mobile-home-copy small{display:block}.mobile-home-copy span{color:#ffd5cf;font-size:12px}.mobile-home-copy strong{margin-top:5px;font-size:clamp(18px,5.2vw,23px);line-height:1.25}.mobile-home-copy small{color:#e7edf3;margin-top:8px;font-size:10px;line-height:1.45}.mobile-home-quick-actions,.mobile-home-recent{border:1px solid var(--mobile-line);background:var(--mobile-card);box-shadow:var(--mobile-shadow);border-radius:20px;padding:15px}.mobile-home-quick-actions{box-shadow:none;background:0 0;border:0;padding:2px 0 0}.mobile-home-section-heading,.mobile-home-recent>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.mobile-home-section-heading strong,.mobile-home-recent>div strong{font-size:15px}.mobile-home-section-heading span{color:var(--mobile-muted);text-align:right;font-size:10px}.mobile-home-recent>div button.mobile-home-recent-all{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--mobile-line));background:color-mix(in srgb, var(--accent) 8%, var(--mobile-card));min-height:36px;color:var(--accent);border-radius:10px;padding:0 12px;font-size:12px;font-weight:650;line-height:1;transition:background .16s,border-color .16s,transform .16s}.mobile-home-recent>div button.mobile-home-recent-all:hover{border-color:color-mix(in srgb, var(--accent) 58%, var(--mobile-line));background:color-mix(in srgb, var(--accent) 14%, var(--mobile-card))}.mobile-home-recent>div button.mobile-home-recent-all:active{transform:translateY(1px)}.mobile-home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mobile-home-action{border:1px solid var(--mobile-line);background:var(--mobile-card);min-width:0;min-height:142px;color:var(--mobile-text);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:15px 8px 14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 9px 22px #26384c14}.mobile-home-action:active{transform:scale(.98);box-shadow:0 5px 14px #26384c14}.mobile-home-action>span{color:#fff;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 9px 20px #26384c29}.mobile-home-action.action-library>span{background:linear-gradient(145deg,#ff8a70,#ef7161)}.mobile-home-action.action-camera>span,.mobile-home-action.action-color-code>span{background:linear-gradient(145deg,#8174e8,#6757c4)}.mobile-home-action.action-blank>span{background:linear-gradient(145deg,#ffbe45,#ff9f43)}.mobile-home-action.action-import>span{background:linear-gradient(145deg,#58a5f4,#47c1c6)}.mobile-home-action.action-ai-json>span{background:linear-gradient(145deg,#ff7a86,#b86de8)}.mobile-home-action.action-ai-json:last-child:nth-child(odd){grid-column:1/-1;min-height:112px}.mobile-home-action svg{stroke-width:1.9px;width:27px;height:27px}.mobile-home-action.action-library svg{stroke:none;stroke-width:0}.mobile-home-action strong{max-width:100%;font-size:14px;line-height:1.2}.mobile-home-action small{max-width:100%;color:var(--mobile-muted);font-size:10px;line-height:1.35}.mobile-templates-screen{z-index:38;top:calc(64px + env(safe-area-inset-top,0px));right:0;bottom:calc(66px + env(safe-area-inset-bottom,0px));box-sizing:border-box;padding:12px var(--mobile-page-gutter) 16px;background:var(--mobile-bg);color:var(--mobile-text);flex-direction:column;gap:12px;display:flex;position:fixed;left:0;overflow:hidden}.mobile-templates-screen .desktop-templates-hero{flex:none;gap:2px;padding:0}.mobile-templates-screen .desktop-templates-hero h1{font-size:24px}.mobile-templates-screen .desktop-templates-layout{border:1px solid var(--mobile-line);background:var(--mobile-card);border-radius:18px;flex-direction:column;flex:auto;gap:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 8px 20px #26384c12}.mobile-templates-screen .desktop-templates-sidebar{border:0;border-bottom:1px solid var(--mobile-line);min-height:0;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;flex:none;gap:10px;padding:12px;display:flex;overflow:hidden}.mobile-templates-screen .desktop-templates-search input{background:var(--mobile-card-soft,var(--surface-2));border-radius:12px;height:42px;font-size:14px}.mobile-templates-screen .desktop-templates-categories{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;gap:8px;margin-top:0;display:flex;overflow-x:auto}.mobile-templates-screen .desktop-templates-categories::-webkit-scrollbar{display:none}.mobile-templates-screen .desktop-templates-categories button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft,transparent);min-height:34px;color:var(--mobile-muted);white-space:nowrap;border-radius:999px;flex:none;padding:0 12px;font-size:12px}.mobile-templates-screen .desktop-templates-categories button.active{border-color:color-mix(in srgb, var(--accent) 48%, var(--mobile-line));color:var(--accent);background:#ef71611f}.mobile-templates-screen .desktop-templates-grid-wrap{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto;padding:12px;overflow:hidden}.mobile-templates-screen .desktop-templates-grid-meta{margin-bottom:10px}.mobile-templates-screen .desktop-templates-grid-meta strong{font-size:15px}.mobile-templates-screen .desktop-templates-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,144px),1fr));gap:10px;padding:0}.mobile-templates-screen .desktop-template-card{aspect-ratio:1;width:100%;max-width:168px;height:auto;box-shadow:none;border-radius:16px;grid-template-rows:minmax(0,1fr) auto;gap:4px;display:grid}.mobile-templates-screen .desktop-template-card-preview{aspect-ratio:auto;border-bottom:0;width:100%;height:100%;min-height:0}.mobile-templates-screen .desktop-template-card:hover{transform:none}.mobile-templates-screen .desktop-template-card-body{gap:4px;padding:0}.mobile-templates-screen .desktop-template-card-title{font-size:13px}.mobile-templates-screen .desktop-template-card-meta,.mobile-templates-screen .desktop-template-card-desc{font-size:11px}.mobile-templates-screen .desktop-template-card-desc{display:none}.mobile-templates-screen .desktop-template-card-cta{min-height:36px;font-size:13px}.mobile-templates-screen .desktop-templates-empty{background:var(--mobile-card);border-radius:18px;min-height:0}}@media (width<=1199px) and (width>=640px){.mobile-templates-screen .desktop-templates-grid{grid-template-columns:repeat(auto-fill,minmax(144px,168px))}}@media (width>=0){.color-recognizer-backdrop{z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121c288f;place-items:center;display:grid;position:fixed;inset:0}.color-recognizer-dialog{background:var(--mobile-bg);width:min(720px,100%);height:100dvh;color:var(--mobile-text);flex-direction:column;display:flex;overflow:hidden}.color-recognizer-header{min-height:calc(66px + env(safe-area-inset-top,0px));box-sizing:border-box;padding:env(safe-area-inset-top,0px) 12px 8px;border-bottom:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex:none;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:7px;display:grid}.color-recognizer-header>button{min-width:44px;height:44px;color:var(--mobile-text);background:0 0;border:0;border-radius:12px;font-size:13px}.color-recognizer-header>button:first-child{place-items:center;padding:0;line-height:1;display:grid}.color-recognizer-header>div{align-self:center;min-width:0}.color-recognizer-header h2,.color-recognizer-header p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.color-recognizer-header h2{font-size:17px;line-height:1.2}.color-recognizer-header p{color:var(--mobile-muted);margin-top:4px;font-size:10px}.color-recognizer-content{min-height:0;padding:16px var(--mobile-page-gutter) 24px;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.color-recognizer-image-card,.color-recognizer-result,.color-recognizer-grid-card,.color-recognizer-settings-card{border:1px solid var(--mobile-line);background:var(--mobile-card);box-shadow:var(--mobile-shadow);border-radius:20px;overflow:hidden}.color-recognizer-view-switch{background:var(--mobile-card);grid-template-columns:1fr 1fr;gap:4px;padding:8px;display:grid}.color-recognizer-view-switch button{min-height:38px;color:var(--mobile-muted);background:0 0;border:0;border-radius:12px;font-size:12px;font-weight:700}.color-recognizer-view-switch button.active{background:color-mix(in srgb, var(--accent) 11%, var(--mobile-card-soft));color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}.color-recognizer-image-stage{box-sizing:border-box;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(45deg, color-mix(in srgb, var(--mobile-card-soft) 88%, #fff) 25%, transparent 25%) 0 0 / 18px 18px, linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--mobile-card-soft) 88%, #fff) 75%) 0 0 / 18px 18px, linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--mobile-card-soft) 88%, #fff) 75%) -9px 9px / 18px 18px, linear-gradient(45deg, color-mix(in srgb, var(--mobile-card-soft) 88%, #fff) 25%, var(--mobile-card-soft) 25%) 9px -9px / 18px 18px;justify-content:center;align-items:center;min-height:230px;padding:10px;display:flex;position:relative;overflow:hidden}.color-recognizer-image-frame{transform-origin:50%;max-width:100%;max-height:min(42dvh,430px);display:inline-flex;position:relative}.color-recognizer-image-frame canvas{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:13px;width:auto;max-width:100%;height:auto;max-height:min(42dvh,430px);display:block}.color-recognizer-image-frame canvas.is-loading{opacity:0}.color-recognizer-image-controls{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c222c9e;border:1px solid #ffffffc7;border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 6px 18px #121c2833}.color-recognizer-image-controls button{color:#fff;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;font-size:21px;font-weight:500;line-height:1;display:grid}.color-recognizer-image-controls button.zoom-value{font-variant-numeric:tabular-nums;width:48px;font-size:10px}.color-recognizer-image-controls button:not(:disabled):active{background:#fff3}.color-recognizer-image-controls button:disabled{opacity:.38}.color-recognizer-target{box-sizing:border-box;pointer-events:none;border:4px solid #fff;border-radius:50%;width:34px;height:34px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #6e5fd0,0 5px 14px #121c2852}.color-recognizer-target:after{content:"";border:1px solid #ffffffe6;border-radius:50%;position:absolute;inset:10px}.color-recognizer-loading{color:var(--mobile-muted);align-items:center;gap:9px;font-size:11px;display:flex;position:absolute}.color-recognizer-loading i{box-sizing:border-box;border:2px solid color-mix(in srgb, var(--accent) 30%, transparent);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite mobile-spin}.color-recognizer-image-card>p{color:var(--mobile-muted);align-items:flex-start;gap:7px;margin:0;padding:10px 12px 11px;font-size:10px;line-height:1.55;display:flex}.color-recognizer-image-card>p svg{width:15px;color:var(--accent);flex:0 0 15px;margin-top:1px}.color-recognizer-grid-card,.color-recognizer-settings-card{margin-top:14px;padding:14px}.color-recognizer-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.color-recognizer-section-heading>div,.color-recognizer-section-heading strong,.color-recognizer-section-heading small{min-width:0;display:block}.color-recognizer-section-heading strong{font-size:14px}.color-recognizer-section-heading small{color:var(--mobile-muted);margin-top:5px;font-size:10px}.color-recognizer-section-heading>button{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--mobile-line));background:color-mix(in srgb, var(--accent) 8%, var(--mobile-card-soft));min-height:38px;color:var(--accent);border-radius:12px;flex:none;padding:0 13px;font-size:11px;font-weight:700}.color-recognizer-section-heading>button:disabled{opacity:.45}.color-recognizer-grid-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;margin-top:14px;display:grid}.color-recognizer-grid-fields>span{color:var(--mobile-muted);padding-bottom:13px;font-size:14px}.color-recognizer-grid-fields label,.color-recognizer-grid-fields label>span{display:block}.color-recognizer-grid-fields label>span{color:var(--mobile-muted);margin-bottom:7px;font-size:10px}.color-recognizer-grid-fields input{box-sizing:border-box;border:1px solid var(--mobile-line);background:var(--mobile-card-soft);width:100%;min-height:46px;color:var(--mobile-text);font:inherit;text-align:center;border-radius:13px;outline:0;padding:0 12px;font-size:15px;font-weight:700}.color-recognizer-grid-fields input:focus{border-color:color-mix(in srgb, var(--accent) 58%, var(--mobile-line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.color-recognizer-palette{color:var(--mobile-muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:0;font-size:11px;display:grid}.color-recognizer-palette-trigger{border:1px solid var(--mobile-line);background:var(--mobile-card);width:100%;min-width:0;min-height:44px;color:var(--mobile-text);text-align:left;-webkit-tap-highlight-color:transparent;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex;box-shadow:0 6px 16px #26384c0d}.color-recognizer-palette-trigger strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.color-recognizer-palette-trigger svg{width:17px;height:17px;color:var(--mobile-muted);flex:0 0 17px;transition:color .16s,transform .16s}.color-recognizer-palette-trigger.is-open{border-color:color-mix(in srgb, var(--accent) 58%, var(--mobile-line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent), 0 8px 20px #26384c12}.color-recognizer-palette-trigger.is-open svg{color:var(--accent);transform:rotate(180deg)}.color-recognizer-palette-field{gap:8px;display:grid}.color-recognizer-palette-menu{border:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card-soft) 88%, var(--mobile-card));max-height:min(42dvh,320px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent);overscroll-behavior:contain;border-radius:14px;gap:6px;padding:8px;display:grid;overflow:hidden auto}.color-recognizer-palette-menu>button{background:var(--mobile-card-soft);min-height:54px;color:var(--mobile-text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:10px;padding:9px 10px 9px 12px;display:grid}.color-recognizer-palette-menu>button span,.color-recognizer-palette-menu>button strong,.color-recognizer-palette-menu>button small{min-width:0;display:block}.color-recognizer-palette-menu>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.color-recognizer-palette-menu>button small{color:var(--mobile-muted);margin-top:4px;font-size:10px}.color-recognizer-palette-menu>button i{border:1px solid var(--mobile-line);background:var(--mobile-card);color:#0000;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.color-recognizer-palette-menu>button i svg{width:14px;height:14px}.color-recognizer-palette-menu>button:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--mobile-line));background:color-mix(in srgb, var(--accent) 6%, var(--mobile-card-soft))}.color-recognizer-palette-menu>button.active{border-color:color-mix(in srgb, var(--accent) 52%, var(--mobile-line));background:color-mix(in srgb, var(--accent) 10%, var(--mobile-card-soft))}.color-recognizer-palette-menu>button.active i{border-color:var(--accent);background:var(--accent);color:#fff}.color-recognizer-background-toggle{border:0;border-top:1px solid var(--mobile-line);width:100%;min-height:58px;color:var(--mobile-text);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 0 0;display:flex}.color-recognizer-background-toggle span,.color-recognizer-background-toggle strong,.color-recognizer-background-toggle small{min-width:0;display:block}.color-recognizer-background-toggle strong{font-size:12px}.color-recognizer-background-toggle small{color:var(--mobile-muted);margin-top:5px;font-size:9px}.color-recognizer-background-toggle>i{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);border-radius:999px;flex:0 0 42px;width:42px;height:24px;transition:background .16s,border-color .16s;position:relative}.color-recognizer-background-toggle>i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #26384c2e}.color-recognizer-background-toggle>i.active{border-color:var(--accent);background:var(--accent)}.color-recognizer-background-toggle>i.active:after{transform:translate(18px)}.color-recognizer-error{color:#d95b4d;background:#ef71611f;border-radius:12px;margin:13px 0 0;padding:11px 13px;font-size:11px}.color-recognizer-result{margin-top:14px;padding:14px}.color-recognizer-result-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.color-recognizer-result-heading>span{color:var(--mobile-muted);font-size:11px}.color-recognizer-result-heading>b{color:#4ca879;background:#52b18421;border-radius:999px;padding:4px 8px;font-size:9px}.color-recognizer-result-heading>b.is-approximate{color:#d38d27;background:#ffae3e24}.color-recognizer-result-heading>b.is-uncertain{color:#d95b4d;background:#ef71611f}.color-recognizer-best{background:var(--mobile-card-soft);border-radius:16px;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:11px;padding:12px;display:grid}.color-recognizer-best>i{box-sizing:border-box;border:4px solid #fff;border-radius:18px;width:62px;height:62px;display:block;box-shadow:0 0 0 1px #4d5b6c29,0 7px 15px #26384c1f}.color-recognizer-best>div:nth-child(2){min-width:0}.color-recognizer-best strong,.color-recognizer-best span,.color-recognizer-best small{display:block}.color-recognizer-best strong{letter-spacing:-.03em;font-size:27px;line-height:1}.color-recognizer-copyable-code{cursor:text;-webkit-user-select:text;user-select:text}.color-recognizer-best span{color:var(--mobile-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:10px;overflow:hidden}.color-recognizer-best small{color:var(--mobile-muted);margin-top:4px;font-size:9px}.color-recognizer-source{border-left:1px solid var(--mobile-line);text-align:center;min-width:54px;padding-left:11px}.color-recognizer-source>i{border:2px solid #fff;border-radius:50%;width:30px;height:30px;margin:0 auto;display:block;box-shadow:0 0 0 1px #4d5b6c2e}.color-recognizer-source span{margin-top:5px;font-size:8px}.color-recognizer-source small{margin-top:2px;font-size:8px}.color-recognizer-candidates{margin-top:14px}.color-recognizer-candidates>span{color:var(--mobile-muted);font-size:10px}.color-recognizer-candidates>div{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px;display:grid}.color-recognizer-candidates article{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);border-radius:11px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:8px;display:grid}.color-recognizer-candidates article>i{border:2px solid #fff;border-radius:7px;grid-row:1/3;width:22px;height:22px;box-shadow:0 0 0 1px #4d5b6c26}.color-recognizer-candidates strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.color-recognizer-candidates small{color:var(--mobile-muted);font-size:8px}.color-recognizer-result>p{color:var(--mobile-muted);margin:13px 0 0;font-size:9px;line-height:1.55}.color-recognizer-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.color-recognizer-summary>div{border:1px solid var(--mobile-line);background:var(--mobile-card);text-align:center;border-radius:15px;min-width:0;padding:13px 8px;box-shadow:0 6px 16px #26384c0d}.color-recognizer-summary strong,.color-recognizer-summary span{display:block}.color-recognizer-summary strong{color:var(--accent);font-variant-numeric:tabular-nums;font-size:16px}.color-recognizer-summary span{color:var(--mobile-muted);margin-top:5px;font-size:9px}.color-recognizer-warning{background:color-mix(in srgb, #d38d27 9%, var(--mobile-card));color:#a66e1d;border:1px solid #d38d2740;border-radius:12px;margin:11px 0 0;padding:11px 13px;font-size:10px;line-height:1.55}.color-recognizer-footer{padding:10px var(--mobile-page-gutter) calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 96%, transparent);flex:none;grid-template-columns:1fr 1.5fr;gap:9px;display:grid}.color-recognizer-footer button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-height:48px;color:var(--mobile-text);border-radius:14px;font-size:13px;font-weight:700}.color-recognizer-footer button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.color-recognizer-footer button:disabled{opacity:.48}}@media (width>=1200px){.color-recognizer-backdrop{--mobile-page-gutter:20px;--mobile-bg:var(--page);--mobile-card:var(--surface-1);--mobile-card-soft:var(--surface-2);--mobile-text:var(--ink-1);--mobile-muted:var(--ink-3);--mobile-line:var(--border);--mobile-shadow:var(--shadow-panel)}.color-recognizer-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-panel);width:min(920px,100vw - 64px);height:min(860px,100dvh - 48px);box-shadow:var(--shadow-panel)}.color-recognizer-header{background:color-mix(in srgb, var(--surface-1) 94%, transparent);min-height:64px;padding:12px 16px}.color-recognizer-content{padding:20px 24px 28px}.color-recognizer-image-frame,.color-recognizer-image-frame canvas{max-height:min(48dvh,480px)}.color-recognizer-footer{padding:12px 24px 16px}.color-recognizer-palette-menu{max-height:min(48dvh,360px)}}@media (width<=1199px){.mobile-home-recent{gap:7px;display:grid}.mobile-home-recent>div:first-child{margin-bottom:0}.mobile-account-screen>.mobile-project-empty{margin-inline:var(--mobile-page-gutter)}.mobile-home-recent>.mobile-project-card.is-compact{background:var(--mobile-card-soft);box-shadow:none;border-radius:14px}.mobile-home-recent .mobile-project-card.is-compact .mobile-project-open{grid-template-columns:36px minmax(0,1fr) 32px;gap:10px;min-height:62px;padding:8px 10px}.mobile-home-recent .mobile-project-card.is-compact .mobile-project-thumbnail{border-radius:11px;width:36px;height:36px}.mobile-home-recent .mobile-project-card.is-compact .mobile-project-copy .mobile-project-title,.mobile-home-recent .mobile-project-card.is-compact .mobile-project-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-home-recent .mobile-project-card.is-compact .mobile-project-copy .mobile-project-title{font-size:12px}.mobile-home-recent .mobile-project-card.is-compact .mobile-project-copy small{color:var(--mobile-muted);margin-top:3px;font-size:10px}.mobile-home-recent .mobile-project-card.is-compact .mobile-project-actions{padding:0 10px 10px}.mobile-projects-screen{padding:0}.mobile-projects-content{box-sizing:border-box;width:100%;min-height:100%;padding:18px 14px 24px}.mobile-account-screen .mobile-projects-content{min-height:auto;padding-top:0}.mobile-projects-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;display:grid}.mobile-projects-heading>button{grid-area:2/2;padding-inline:12px}.mobile-project-import-note{color:var(--mobile-muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:12px;line-height:1.6}.mobile-projects-heading>span{color:var(--accent);grid-column:1/-1;font-size:11px;font-weight:700}.mobile-projects-heading h1{color:var(--mobile-text);letter-spacing:-.04em;grid-area:2/1;margin:0;font-size:25px}.mobile-projects-heading p{color:var(--mobile-muted);grid-area:3/1/auto/-1;margin:0;font-size:11px}.mobile-projects-heading>button{background:var(--accent);color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-width:82px;min-height:44px;display:flex}.mobile-projects-heading>button svg{width:17px;height:17px}.mobile-project-search{border:1px solid var(--mobile-line);background:var(--mobile-card);border-radius:15px;align-items:center;gap:9px;min-height:48px;margin-top:18px;padding:0 13px;display:flex;box-shadow:0 8px 18px #26384c0d}.mobile-project-search svg{width:17px;color:var(--mobile-muted)}.mobile-project-search input{width:100%;min-width:0;height:44px;color:var(--mobile-text);background:0 0;border:0;outline:0;font-size:14px}.app-shell .mobile-project-search input:focus,.app-shell .mobile-project-search input:focus-visible{box-shadow:none;outline:none}.mobile-project-list{gap:10px;margin-top:14px;display:grid}.mobile-project-card{border:1px solid var(--mobile-line);background:var(--mobile-card);box-shadow:var(--mobile-shadow);border-radius:20px;position:relative;overflow:hidden}.mobile-project-card.is-current{border-color:#ef71618c}.mobile-project-open{box-sizing:border-box;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;grid-template-columns:68px minmax(0,1fr) 32px;align-items:center;gap:12px;min-height:94px;padding:12px 14px 12px 12px;display:grid}.mobile-project-thumbnail{background:var(--mobile-card-soft);width:68px;height:68px;color:var(--accent);border-radius:15px;place-items:center;display:grid;overflow:hidden}.mobile-project-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.mobile-project-thumbnail svg{width:24px;height:24px}.mobile-project-copy{min-width:0}.mobile-project-title,.mobile-project-copy small,.mobile-project-copy em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-project-title{width:100%;color:var(--mobile-text);text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:14px;font-weight:700}.mobile-project-copy small{color:var(--mobile-muted);margin-top:5px;font-size:10px}.mobile-project-copy em{color:#55ae83;margin-top:4px;font-size:10px;font-style:normal}.mobile-project-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 12px 12px;display:grid}.mobile-project-actions button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-width:0;min-height:44px;color:var(--mobile-text);border-radius:11px;font-size:11px}.mobile-project-actions button.danger{color:var(--accent);border-color:#ef716173}.mobile-project-rename{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.mobile-project-rename input{border:1px solid var(--accent);background:var(--mobile-card-soft);min-width:0;min-height:38px;color:var(--mobile-text);border-radius:10px;padding:0 9px}.mobile-project-rename button{background:var(--accent);color:#fff;border:0;border-radius:10px;min-width:52px;min-height:38px}.mobile-project-empty{border:1px dashed var(--mobile-line);min-height:260px;color:var(--mobile-muted);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.mobile-project-empty>svg{width:34px;height:34px;color:var(--accent)}.mobile-project-empty strong{color:var(--mobile-text);font-size:14px}.mobile-project-empty p{margin:0;font-size:11px}.mobile-project-empty button{background:var(--accent);color:#fff;border:0;border-radius:12px;min-height:44px;padding:0 18px}.mobile-project-loading{border:3px solid var(--mobile-line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite mobile-spin;display:block}.mobile-project-storage-note{color:var(--mobile-muted);text-align:center;margin:16px 4px 0;font-size:10px;line-height:1.6}.mobile-page-screen{z-index:52;box-sizing:border-box;background:var(--mobile-bg);color:var(--mobile-text);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-settings-screen{z-index:38;top:calc(64px + env(safe-area-inset-top,0px));bottom:calc(66px + env(safe-area-inset-bottom,0px))}.mobile-page-header{min-height:calc(64px + env(safe-area-inset-top,0px));box-sizing:border-box;padding:env(safe-area-inset-top,0px) 14px 6px;border-bottom:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:flex-end;gap:10px;display:flex;box-shadow:0 8px 20px #26384c0d}.mobile-back{width:44px;height:44px;color:var(--mobile-text);background:0 0;border:0;border-radius:14px;flex:0 0 44px;font-size:30px}.mobile-page-header>div{align-self:center;min-width:0}.mobile-page-header h1{color:var(--mobile-text);margin:0;font-size:17px}.mobile-page-header p{color:var(--mobile-muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:10px;overflow:hidden}.mobile-generate-content,.mobile-settings-content{box-sizing:border-box;min-height:0;padding:16px 16px calc(28px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.mobile-settings-screen .mobile-settings-content{padding-top:0}.mobile-account-panel-heading{padding:4px 0 16px}.mobile-account-panel-heading>span{color:var(--accent);font-size:11px;font-weight:700}.mobile-account-panel-heading h1{color:var(--mobile-text);letter-spacing:-.04em;margin:3px 0 0;font-size:25px}.mobile-account-panel-heading p{color:var(--mobile-muted);margin:5px 0 0;font-size:11px}.mobile-generation-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:16px;display:grid}.mobile-generation-steps span{background:var(--mobile-card);min-height:36px;color:var(--mobile-muted);border-radius:11px;place-items:center;font-size:10px;display:grid}.mobile-generation-steps span.active{color:var(--accent);background:#ef716124;font-weight:700}.mobile-generation-steps span.done{color:#49a778;background:#55b98924}.mobile-generate-source-step{flex-direction:column;justify-content:center;min-height:calc(100% - 54px);display:flex}.mobile-generate-source-visual{box-sizing:border-box;border:1px dashed var(--mobile-line);background:var(--mobile-card);width:100%;min-height:250px;color:var(--mobile-muted);cursor:pointer;text-align:center;touch-action:manipulation;appearance:none;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0;transition:border-color .16s,background .16s,transform .16s;display:flex}.mobile-generate-source-visual:hover{border-color:var(--accent);background:var(--mobile-card-soft)}.mobile-generate-source-visual:active{transform:translateY(1px)}.mobile-generate-source-visual:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mobile-generate-source-visual svg{width:42px;height:42px;color:var(--accent)}.mobile-generate-source-visual strong{color:var(--mobile-text);font-size:17px}.mobile-generate-source-visual span{max-width:250px;font-size:11px;line-height:1.55}.mobile-primary-action,.mobile-secondary-action{border-radius:15px;width:100%;min-height:50px;font-size:14px;font-weight:700}.mobile-primary-action{background:var(--accent);color:#fff;border:0;margin-top:16px;box-shadow:0 10px 24px #ef716133}.mobile-primary-action:disabled{cursor:wait;opacity:.55}.mobile-secondary-action{border:1px solid var(--mobile-line);background:var(--mobile-card);color:var(--mobile-text);margin-top:10px}.mobile-generate-waiting{border:1px solid var(--mobile-line);background:var(--mobile-card);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:300px;display:flex}.mobile-generate-waiting strong{font-size:16px}.mobile-generate-waiting p{color:var(--mobile-muted);margin:0;font-size:11px}.mobile-generate-waiting button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-height:44px;color:var(--mobile-text);border-radius:12px;padding:0 16px}.mobile-source-card{border:1px solid var(--mobile-line);background:var(--mobile-card);border-radius:18px;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:0 8px 18px #26384c0d}.mobile-source-preview{background:var(--mobile-card-soft);width:70px;height:70px;color:var(--mobile-muted);border-radius:14px;place-items:center;display:grid;overflow:hidden}.mobile-source-preview img{object-fit:cover;width:100%;height:100%}.mobile-source-preview svg{width:22px;height:22px}.mobile-source-card strong,.mobile-source-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-source-card strong{color:var(--mobile-text);font-size:13px}.mobile-source-card span{color:var(--mobile-muted);margin-top:4px;font-size:10px}.mobile-source-card>button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-width:72px;min-height:44px;color:var(--accent);border-radius:12px;font-size:11px}.mobile-basic-settings{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.mobile-field{min-width:0;color:var(--mobile-text);margin-top:18px;font-size:13px;display:block}.mobile-field .app-select-trigger{border-color:var(--mobile-line);background:var(--mobile-card);width:100%;min-height:46px;color:var(--mobile-text);border-radius:12px;margin-top:8px}.mobile-field>span{color:var(--mobile-muted);justify-content:space-between;font-size:11px;display:flex}.mobile-field>input[type=range]{width:100%;min-height:38px;accent-color:var(--accent);margin:4px 0 0}.mobile-denoise-modes>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.mobile-denoise-modes button{border:1px solid var(--mobile-line);min-height:40px;color:var(--mobile-text);background:var(--mobile-card);border-radius:11px;padding:0 5px;font-size:10px}.mobile-denoise-modes button.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--mobile-card))}.mobile-sheet-form .dithering-warning{color:var(--accent);margin:0;font-size:10px;line-height:1.5}.mobile-bead-size-summary{color:var(--mobile-muted);grid-column:1/-1;margin:8px 0 0;font-size:10px;line-height:1.5}.mobile-advanced-toggle{border:1px solid var(--mobile-line);background:var(--mobile-card);width:100%;min-height:50px;color:var(--mobile-text);border-radius:15px;justify-content:space-between;align-items:center;margin-top:20px;padding:0 15px;display:flex}.mobile-advanced-toggle strong{width:28px;height:28px;color:var(--mobile-muted);flex:0 0 28px;place-items:center;display:grid}.mobile-advanced-toggle strong svg{width:20px;height:20px;transition:transform .2s}.mobile-advanced-toggle.is-open strong svg{transform:rotate(180deg)}.mobile-advanced-settings{border:1px solid var(--mobile-line);background:var(--mobile-card);border-radius:18px;margin-top:10px;padding:0 14px 16px}.mobile-number-input{box-sizing:border-box;border:1px solid var(--mobile-line);background:var(--mobile-card-soft);width:100%;min-height:46px;color:var(--mobile-text);border-radius:12px;margin-top:8px;padding:0 12px}.mobile-detail-control{margin-top:20px}.mobile-detail-control>div{color:var(--mobile-text);justify-content:space-between;font-size:12px;display:flex}.mobile-detail-control strong{color:var(--accent)}.mobile-detail-control input{width:100%;min-height:44px;accent-color:var(--accent);margin-top:4px}.mobile-background-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:16px;display:grid}.mobile-background-actions button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-width:0;min-height:44px;color:var(--mobile-text);border-radius:11px;padding:4px;font-size:10px}.mobile-background-actions button:disabled{opacity:.42}.mobile-generate-submit{z-index:2;margin-bottom:0;position:sticky;bottom:0}.mobile-settings-card{border:1px solid var(--mobile-line);background:var(--mobile-card);border-radius:18px;overflow:hidden;box-shadow:0 8px 18px #26384c0d}.mobile-settings-guide{box-sizing:border-box;width:100%;margin-top:16px}.mobile-settings-guide>summary{min-height:58px;color:var(--mobile-text);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:0 14px;font-size:13px;list-style:none;display:flex}.mobile-settings-guide>summary::-webkit-details-marker{display:none}.mobile-settings-guide>summary::marker{content:""}.mobile-settings-guide>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:inherit}.mobile-settings-guide>summary svg{width:16px;height:16px;color:var(--mobile-muted);flex-shrink:0}.mobile-settings-guide[open]>summary svg{transform:rotate(180deg)}.mobile-settings-guide-content{border-top:1px solid var(--mobile-line);color:var(--mobile-muted);padding:14px;font-size:12px;line-height:1.7}.mobile-settings-guide-content p{margin:0}.mobile-settings-guide-content p+p{margin-top:10px}.mobile-setting-row{border-bottom:1px solid var(--mobile-line);min-height:58px;color:var(--mobile-text);justify-content:space-between;align-items:center;gap:14px;padding:0 14px;font-size:13px;display:flex}.mobile-setting-row:last-child{border-bottom:0}.mobile-setting-row>div{gap:7px;display:flex}.mobile-setting-row>div button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-width:52px;height:44px;color:var(--mobile-muted);border-radius:11px}.mobile-setting-row>div button.active{border-color:var(--accent);color:var(--accent);background:#ef71611f}.mobile-setting-row>strong{color:#55ae83;font-size:11px}.mobile-setting-row .toggle{background:0 0;border:0;border-radius:12px;width:44px;min-width:44px;height:44px;position:relative}.mobile-setting-row .toggle:before{content:"";background:#aeb9c6;border-radius:999px;width:38px;height:22px;position:absolute;top:11px;left:3px}.mobile-setting-row .toggle i{z-index:1;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:13px;left:5px}.mobile-setting-row .toggle.active:before{background:var(--accent)}.mobile-setting-row .toggle.active i{transform:translate(16px)}.mobile-context-menu{z-index:var(--z-dropdown);top:calc(62px + env(safe-area-inset-top,0px));border:1px solid var(--mobile-line);background:var(--mobile-card);width:min(360px,100vw - 28px);box-shadow:var(--mobile-shadow);border-radius:18px;display:grid;position:fixed;right:14px;overflow:hidden}.mobile-context-menu button{border:0;border-bottom:1px solid var(--mobile-line);min-height:58px;color:var(--mobile-text);text-align:left;background:0 0;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:8px 14px;display:grid}.mobile-context-menu button:last-child{border-bottom:0}.mobile-context-menu button svg{width:18px;color:var(--accent)}.mobile-context-menu strong,.mobile-context-menu small{display:block}.mobile-context-menu strong{font-size:13px}.mobile-context-menu small{color:var(--mobile-muted);margin-top:3px;font-size:10px}.mobile-sheet-layer{z-index:var(--z-sheet);pointer-events:none;display:block;position:fixed;inset:0}.mobile-sheet-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#121c2866;border:0;width:100%;height:100%;position:absolute;inset:0}.mobile-sheet{--sheet-drag-offset:0px;height:min(56dvh,620px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 8px);border:1px solid var(--mobile-line);background:var(--mobile-card);color:var(--mobile-text);pointer-events:auto;transform:translateY(var(--sheet-drag-offset));border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;transition:height .2s,transform .18s;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -16px 42px #26384c2e}.mobile-sheet.is-expanded{height:calc(100dvh - env(safe-area-inset-top,0px) - 8px)}.mobile-sheet-handle{touch-action:none;cursor:ns-resize;background:0 0;border:0;flex:0 0 44px;place-items:center;width:100%;height:44px;display:grid}.mobile-sheet-handle span{background:color-mix(in srgb, var(--mobile-muted) 48%, transparent);border-radius:999px;width:42px;height:5px}.mobile-sheet-header{border-bottom:1px solid var(--mobile-line);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:0 18px 12px;display:flex}.mobile-sheet-header>div{min-width:0}.mobile-sheet-header h2{color:var(--mobile-text);margin:0;font-size:18px}.mobile-sheet-header p{color:var(--mobile-muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:11px;overflow:hidden}.mobile-sheet-close{background:var(--mobile-card-soft);width:44px;height:44px;color:var(--mobile-muted);border:0;border-radius:13px;flex:0 0 44px;font-size:24px}.mobile-sheet-body{min-height:0;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.mobile-sheet-footer{padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--mobile-line);background:var(--mobile-card);flex:none}.mobile-sheet-primary{background:var(--accent);color:#fff;border:0;border-radius:14px;width:100%;min-height:50px;font-weight:800}.mobile-sheet-primary:disabled{opacity:.48}.mobile-sheet-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.mobile-sheet-task-grid button,.mobile-project-sheet>button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-height:70px;color:var(--mobile-text);text-align:left;border-radius:14px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.mobile-sheet-task-grid button svg,.mobile-project-sheet>button svg{width:20px;height:20px;color:var(--accent)}.mobile-sheet-task-grid strong,.mobile-sheet-task-grid small,.mobile-project-sheet strong,.mobile-project-sheet small{display:block}.mobile-sheet-task-grid strong,.mobile-project-sheet strong{font-size:12px}.mobile-sheet-task-grid small,.mobile-project-sheet small{color:var(--mobile-muted);margin-top:4px;font-size:9px}.mobile-command-grid,.mobile-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.mobile-command-grid button,.mobile-view-grid button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-height:44px;color:var(--mobile-text);border-radius:12px}.mobile-command-grid button{justify-content:center;align-items:center;gap:7px;display:flex}.mobile-command-grid button svg{width:17px}.mobile-command-grid button svg[stroke=none]{stroke:none;stroke-width:0}.mobile-command-grid button:disabled{opacity:.42}.mobile-view-grid button.active{border-color:var(--accent);color:var(--accent);background:#ef71611f}.mobile-selection-card{background:var(--mobile-card-soft);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;padding:12px;display:grid}.mobile-selection-card strong{grid-column:1/-1;font-size:12px}.mobile-selection-card button{border:1px solid var(--mobile-line);background:var(--mobile-card);min-height:44px;color:var(--mobile-text);border-radius:10px}.mobile-sheet-form .mobile-field:first-child{margin-top:0}.mobile-palette-sheet .mobile-sheet-body{padding:0;display:flex;overflow:hidden}.mobile-palette-content{width:100%;height:100%;min-height:0;overflow:hidden}.mobile-palette-content button{-webkit-tap-highlight-color:transparent}.mobile-palette-content .palette-embedded{background:var(--mobile-card);height:100%}.mobile-palette-content .palette-topbar{display:none}.mobile-palette-content .palette-controls{padding-top:10px}.mobile-palette-content .palette-family-tabs{isolation:isolate;gap:0;width:100%;display:flex;overflow:hidden}.mobile-palette-content .palette-family-fixed{z-index:3;background:var(--mobile-card);flex:none;padding-right:4px;display:flex;position:relative;box-shadow:8px 0 14px -12px #26384c6b}.mobile-palette-content .palette-family-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:4px;min-width:0;display:flex;overflow:auto hidden}.mobile-palette-content .palette-family-scroll::-webkit-scrollbar{width:0;height:0;display:none}.mobile-palette-content .palette-grid::-webkit-scrollbar{width:0;height:0;display:none}.mobile-palette-content .palette-family-tabs button,.mobile-palette-content .palette-view-toggle,.mobile-palette-content .palette-search,.mobile-palette-content .palette-groups button{height:44px;min-height:44px}.mobile-palette-content .palette-scopes{flex:none;gap:7px;padding:11px 12px 0}.mobile-palette-content .palette-scopes b{color:var(--mobile-muted);font-size:11px}.mobile-palette-content .palette-scopes button{border:1px solid color-mix(in srgb, var(--mobile-line) 82%, #fff);background:var(--mobile-card);height:44px;min-height:44px;color:var(--mobile-text);border-radius:14px;padding:0 14px;font-size:12px;font-weight:700}.mobile-palette-content .palette-embedded .palette-scopes button.active{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 80%, #fff), var(--accent));color:#fff;border-color:#0000}.mobile-palette-content .palette-scopes small{color:var(--mobile-muted);flex:100%;font-size:11px;line-height:1.45}.mobile-palette-content .palette-groups{scrollbar-width:none;-ms-overflow-style:none;flex-flow:row;flex:none;gap:7px;padding:0 0 2px;display:flex;overflow:auto hidden}.mobile-palette-content .palette-groups::-webkit-scrollbar{width:0;height:0;display:none}.mobile-palette-content .palette-groups button{border:1px solid color-mix(in srgb, var(--mobile-line) 82%, #fff);background:linear-gradient(145deg, color-mix(in srgb, var(--mobile-card) 92%, #fff), var(--mobile-card-soft));width:96px;min-width:96px;height:52px;min-height:52px;color:var(--mobile-text);letter-spacing:-.01em;white-space:nowrap;writing-mode:horizontal-tb;border-radius:16px;flex-direction:row;flex:0 0 96px;gap:6px;padding:0 11px;font-size:12px;font-weight:700;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffffb8}.mobile-palette-content .palette-groups button>span,.mobile-palette-content .palette-groups button>small{white-space:nowrap;writing-mode:horizontal-tb;flex:none}.mobile-palette-content .palette-groups button small{color:var(--mobile-muted);font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.mobile-palette-content .palette-embedded .palette-groups button.active{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 80%, #fff), var(--accent));color:#fff;border-color:#0000;box-shadow:inset 0 1px #ffffff4d}.mobile-palette-content .palette-embedded .palette-groups button.active small{color:#ffffffd1}.mobile-palette-content .palette-groups button:active{transform:translateY(1px)scale(.98)}.mobile-palette-content .palette-groups button:first-child{z-index:2;box-shadow:none;position:sticky;left:0}.mobile-palette-content .palette-footer{min-height:70px;padding:9px 12px max(9px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 97%, transparent);flex-wrap:nowrap;align-items:center;gap:12px;box-shadow:0 -8px 24px #26384c12}.mobile-palette-content .palette-footer-left{background:0 0;border-radius:0;flex:none;gap:7px;padding:0}.mobile-palette-content .palette-footer-right{flex:1;justify-content:flex-end;gap:8px;min-width:0}.mobile-palette-content .palette-footer button{border:1px solid color-mix(in srgb, var(--mobile-line) 82%, #fff);background:linear-gradient(145deg, color-mix(in srgb, var(--mobile-card) 92%, #fff), var(--mobile-card-soft));min-width:64px;height:48px;color:var(--mobile-muted);border-radius:16px;padding:0 15px;font-size:12px;font-weight:700;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffffb8}.mobile-palette-content .palette-footer button:active{transform:translateY(1px)scale(.98)}.mobile-palette-content .palette-footer-right button:first-child{border-color:color-mix(in srgb, var(--mobile-line) 82%, #fff);background:linear-gradient(145deg, color-mix(in srgb, var(--mobile-card) 92%, #fff), var(--mobile-card-soft));color:var(--mobile-text)}.mobile-palette-content .palette-footer button.primary{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 80%, #fff), var(--accent));color:#fff;border-color:#0000;min-width:118px;box-shadow:inset 0 1px #ffffff4d}.mobile-palette-content .palette-grid{content-visibility:auto;contain-intrinsic-size:620px;scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mobile-palette-content .palette-chip{min-height:48px}.mobile-list-content,.mobile-materials-content{padding:0 0 12px;overflow:visible}.mobile-list-title{color:var(--mobile-text);align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.mobile-list-title svg{width:17px;color:var(--accent)}.mobile-layer-row{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);border-radius:13px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:54px;margin-bottom:8px;display:grid}.mobile-layer-row.active{background:#ef716114;border-color:#ef7161b3}.mobile-layer-row button{min-width:44px;height:100%;color:var(--mobile-muted);background:0 0;border:0}.mobile-layer-row button:nth-child(2){min-width:0;color:var(--mobile-text);text-align:left;align-items:center;gap:9px;display:flex}.mobile-layer-row .layer-thumb{color:var(--accent);letter-spacing:1px}.layer-manager-mobile{gap:12px}.layer-manager-mobile .layer-manager-row{border-color:var(--mobile-line);background:var(--mobile-card-soft);grid-template-columns:44px minmax(0,1fr) 44px;min-height:58px}.layer-manager-mobile .layer-manager-select strong{color:var(--mobile-text);font-size:13px}.layer-manager-mobile .layer-manager-select small{color:var(--mobile-muted);font-size:10px}.layer-manager-mobile .layer-manager-hint{color:var(--mobile-muted);font-size:11px}.layer-manager-mobile .layer-manager-details{border-color:var(--mobile-line);background:var(--mobile-card);padding:14px}.layer-manager-mobile .layer-manager-details label{color:var(--mobile-muted);font-size:11px}.layer-manager-mobile .layer-manager-name input{border-color:var(--mobile-line);background:var(--mobile-card-soft);height:40px;color:var(--mobile-text);font-size:13px}.layer-manager-mobile .layer-manager-materials{min-height:34px}.layer-manager-mobile .layer-manager-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-manager-mobile .layer-manager-actions button,.layer-manager-mobile .layer-manager-add{border-color:var(--mobile-line);background:var(--mobile-card-soft);min-height:42px;color:var(--mobile-text);font-size:11px}.mobile-add-layer{border:1px dashed var(--mobile-line);width:100%;min-height:44px;color:var(--mobile-muted);background:0 0;border-radius:12px}.mobile-total-card{background:linear-gradient(135deg, color-mix(in srgb, var(--mobile-card-soft) 88%, #edf5fa), var(--mobile-card-soft));border-radius:17px;padding:16px}.mobile-total-card span,.mobile-total-card p{color:var(--mobile-muted);margin:0;font-size:10px;display:block}.mobile-total-card strong{color:var(--mobile-text);margin:7px 0 4px;font-size:28px;line-height:1;display:block}.mobile-total-card small{font-size:12px}.mobile-total-card .mobile-physical-metrics{color:var(--mobile-muted);margin-top:10px;font-size:10px;line-height:1.55;display:block}.mobile-materials-heading{justify-content:space-between;align-items:center;margin:20px 0 8px;display:flex}.mobile-materials-heading h2{color:var(--mobile-text);margin:0;font-size:14px}.mobile-materials-heading button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-height:44px;color:var(--mobile-text);border-radius:11px}.mobile-material-row{border-bottom:1px solid var(--mobile-line);content-visibility:auto;contain-intrinsic-size:56px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:56px;display:grid}.mobile-material-row .color-swatch{border-radius:50%;width:20px;height:20px}.mobile-material-row span:nth-child(2){flex-direction:column;gap:2px;display:flex}.mobile-material-row span:nth-child(2) strong{color:var(--mobile-text);font-size:12px}.mobile-material-row small{color:var(--mobile-muted);font-size:9px}.mobile-material-row>strong{color:var(--mobile-text);font-size:11px}.production-assistant-mobile{gap:15px}.production-assistant-mobile .production-heading strong{color:var(--mobile-text);font-size:15px}.production-assistant-mobile .production-heading span{color:var(--mobile-muted);font-size:11px}.production-assistant-mobile .production-heading button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);border-radius:9px;min-height:38px;padding:0 11px;font-size:11px}.production-assistant-mobile .production-summary{border-color:var(--mobile-line);background:var(--mobile-card-soft);padding:14px}.production-assistant-mobile .production-summary span,.production-assistant-mobile .production-summary small{color:var(--mobile-muted);font-size:11px}.production-assistant-mobile .production-summary strong{color:var(--mobile-text);font-size:14px}.production-assistant-mobile .production-view-controls button{border-color:var(--mobile-line);background:var(--mobile-card-soft);min-height:60px}.production-assistant-mobile .production-view-controls button span{font-size:12px}.production-assistant-mobile .production-view-controls button small{color:var(--mobile-muted);font-size:10px}.production-assistant-mobile .production-section-heading strong{color:var(--mobile-text);font-size:13px}.production-assistant-mobile .production-section-heading small,.production-assistant-mobile .production-section-heading label{color:var(--mobile-muted);font-size:10px}.production-assistant-mobile .production-section-heading input,.production-assistant-mobile .production-material-row input{border-color:var(--mobile-line);background:var(--mobile-card);height:34px;color:var(--mobile-text);font-size:11px}.production-assistant-mobile .production-purchase-total{padding:10px 12px;font-size:11px}.production-assistant-mobile .production-material-row{border-color:var(--mobile-line);grid-template-columns:24px minmax(0,1fr) auto;gap:9px;min-height:62px}.production-assistant-mobile .production-material-row>i{width:20px;height:20px}.production-assistant-mobile .production-material-row>span strong{color:var(--mobile-text);font-size:11px}.production-assistant-mobile .production-material-row>span small,.production-assistant-mobile .production-material-row label{color:var(--mobile-muted);font-size:9px}.production-assistant-mobile .production-board-grid article{border-color:var(--mobile-line);background:var(--mobile-card-soft);padding:11px}.production-assistant-mobile .production-board-grid article span{color:var(--mobile-text);font-size:11px}.production-assistant-mobile .production-board-grid article small{color:var(--mobile-muted);font-size:9px}.mobile-export-list{gap:9px;display:grid}.mobile-export-list>button{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-height:64px;color:var(--mobile-text);text-align:left;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;padding:8px 13px;display:grid}.mobile-export-list>button svg{width:20px;color:var(--accent)}.mobile-export-list strong,.mobile-export-list small{display:block}.mobile-export-list strong{font-size:13px}.mobile-export-list small{color:var(--mobile-muted);margin-top:4px;font-size:10px}.mobile-project-sheet{gap:9px;display:grid}.mobile-project-sheet>label{color:var(--mobile-text);gap:7px;font-size:12px;display:grid}.mobile-project-sheet>label input{border:1px solid var(--mobile-line);background:var(--mobile-card-soft);min-height:46px;color:var(--mobile-text);border-radius:12px;padding:0 12px}.mobile-project-sheet>button.danger{color:var(--accent);border-color:#ef71616b}.preview-backdrop{z-index:var(--z-modal);background:var(--mobile-bg);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.preview-dialog{box-sizing:border-box;width:100%;height:100dvh;padding:calc(10px + env(safe-area-inset-top,0px)) 14px calc(12px + env(safe-area-inset-bottom,0px));background:var(--mobile-bg);color:var(--mobile-text);box-shadow:none;border:0;border-radius:0;gap:10px}.preview-dialog-header{min-height:54px}.preview-dialog-header>div{flex:auto;min-width:0}.preview-dialog-header h2{color:var(--mobile-text);font-size:17px}.preview-dialog-header p{color:var(--mobile-muted);font-size:10px}.preview-dialog-specs{flex-wrap:nowrap;align-items:flex-start;gap:6px;line-height:1.3;display:flex;overflow:hidden}.preview-dialog-specs span{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1 1 0;min-width:0;display:flex;overflow:hidden}.preview-dialog-specs b{color:var(--mobile-muted);font-size:9px;font-weight:700;display:block}.preview-close{border-color:var(--mobile-line);background:var(--mobile-card);width:44px;height:44px;color:var(--mobile-text);border-radius:13px;flex:0 0 44px}.preview-stage{aspect-ratio:auto;border-color:var(--mobile-line);border-radius:18px;flex:none;width:100%;height:clamp(220px,38dvh,340px);min-height:clamp(220px,38dvh,340px);max-height:40dvh;padding:8px}.preview-stage canvas{object-fit:contain;max-width:100%;max-height:100%}.preview-materials-heading{font-size:10px;display:block}.preview-materials-heading strong{color:var(--mobile-text);font-size:13px}.preview-materials-heading span{color:var(--mobile-muted);margin-top:3px;display:block}.preview-materials-heading b{color:var(--mobile-text);font-weight:750}.preview-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-material-card{grid-template-columns:1fr;height:48px}.preview-material-code,.preview-material-count{font-size:11px}.preview-dialog-footer{display:block}.preview-dialog-footer>span{display:none}.preview-dialog-footer>div{flex-wrap:nowrap;align-items:stretch;gap:6px;display:flex}.preview-dialog-footer button{border-color:var(--mobile-line);background:var(--mobile-card);min-width:0;min-height:48px;color:var(--mobile-text);white-space:nowrap;border-radius:13px;flex:1 1 0;padding:0 6px;font-size:12px}.preview-dialog-footer button.primary{flex:1.1 1 0;padding:0 6px}.preview-dialog-footer>div.has-start-build button{font-size:11px}.preview-dialog-footer>div.has-start-build button.primary.start-build{flex:1 1 0}.preview-dialog-footer>div.has-start-build>button:nth-child(2){flex:1.45 1 0;font-size:10px}.preview-dialog-footer>div.has-start-build>button:nth-child(3),.preview-dialog-footer>div.has-start-build>button:nth-child(4){flex:.85 1 0}.confirm-backdrop{z-index:var(--z-modal);padding:18px}.confirm-dialog{border-color:var(--mobile-line);background:var(--mobile-card);color:var(--mobile-text);border-radius:20px;padding:22px}.confirm-dialog p{color:var(--mobile-muted)}.activation-dialog{box-sizing:border-box;width:min(420px,100vw - 36px);max-width:420px;max-height:calc(100dvh - 36px);overflow-y:auto}.activation-dialog .activation-field{min-width:0}.activation-dialog .activation-field input{width:100%;min-width:0;max-width:100%;font-size:16px}.confirm-actions button,.activation-dialog .activation-purchase{border-color:var(--mobile-line);background:var(--mobile-card-soft);min-height:44px;color:var(--mobile-text);border-radius:12px}.toast{z-index:var(--z-toast);bottom:calc(84px + env(safe-area-inset-bottom,0px));box-sizing:border-box;text-align:center;max-width:calc(100vw - 32px)}.pwa-update-prompt{left:50%;right:auto;bottom:calc(86px + env(safe-area-inset-bottom,0px));grid-template-columns:auto minmax(0,1fr) auto;width:min(420px,100vw - 24px);padding:10px;transform:translate(-50%)}.pwa-update-prompt button.secondary{display:none}.pwa-update-prompt button.primary{min-height:38px;padding-inline:14px;font-size:12px}.generation-progress-card{z-index:var(--z-progress);bottom:calc(84px + env(safe-area-inset-bottom,0px))}.key-chart-viewer-backdrop{background:var(--mobile-bg);padding:0}.key-chart-viewer{background:var(--mobile-bg);color:var(--mobile-text)}.key-chart-viewer-header{border-bottom-color:var(--mobile-line);background:color-mix(in srgb, var(--mobile-bg) 94%, transparent);min-height:54px}.key-chart-viewer-header h2{color:var(--mobile-text);font-size:17px}.key-chart-viewer-header p{color:var(--mobile-muted);font-size:10px}.key-chart-viewer-actions.preview-dialog-footer{flex-wrap:nowrap;gap:8px;display:flex}.key-chart-viewer-actions.preview-dialog-footer>button:not(.preview-close){border:1px solid var(--mobile-line);background:var(--mobile-card);min-height:44px;color:var(--mobile-text);white-space:nowrap;border-radius:13px;flex:none;padding:0 14px;font-size:13px}.mobile-sheet-close.mobile-circle-close,.image-composition-header>button.mobile-circle-close,.preview-close.mobile-circle-close,.key-chart-viewer-actions .preview-close.mobile-circle-close,.ai-candidate-dialog-close.mobile-circle-close{box-sizing:border-box;border:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 94%, #fff);color:#8190a2;-webkit-tap-highlight-color:transparent;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;min-width:44px;height:44px;margin:0;padding:0;font-size:0;line-height:1;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s;display:grid;box-shadow:0 4px 12px #26384c17}.mobile-sheet-close.mobile-circle-close svg,.image-composition-header>button.mobile-circle-close svg,.preview-close.mobile-circle-close svg,.key-chart-viewer-actions .preview-close.mobile-circle-close svg,.ai-candidate-dialog-close.mobile-circle-close svg{width:18px;height:18px}.mobile-sheet-close.mobile-circle-close:active,.image-composition-header>button.mobile-circle-close:active,.preview-close.mobile-circle-close:active,.key-chart-viewer-actions .preview-close.mobile-circle-close:active,.ai-candidate-dialog-close.mobile-circle-close:active{background:color-mix(in srgb, var(--mobile-card) 87%, #fff1ef);color:var(--accent);border-color:#ef655e57;transform:scale(.96);box-shadow:0 2px 7px #ef655e24}.mobile-editor-header>button.mobile-icon-back,.mobile-result-back.mobile-icon-back,.mobile-back.mobile-icon-back,.photo-result-header>button.mobile-icon-back,.color-recognizer-header>button.mobile-icon-back:first-child{box-sizing:border-box;border:1px solid var(--mobile-line);background:color-mix(in srgb, var(--mobile-card) 94%, #fff);color:#8190a2;border-radius:50%;flex:0 0 44px;align-self:center;place-items:center;width:44px;min-width:44px;height:44px;margin:0 2px;padding:0;font-size:0;line-height:1;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s;display:grid;box-shadow:0 4px 12px #26384c17}.mobile-editor-header>button.mobile-icon-back>.mobile-chevron,.mobile-result-back.mobile-icon-back>.mobile-chevron,.mobile-back.mobile-icon-back>.mobile-chevron,.photo-result-header>button.mobile-icon-back>.mobile-chevron,.color-recognizer-header>button.mobile-icon-back:first-child>.mobile-chevron{width:18px;height:18px;color:inherit;text-overflow:clip;white-space:normal;place-items:center;margin:0;line-height:1;display:grid;overflow:visible}.mobile-editor-header>button.mobile-icon-back>.mobile-chevron svg,.mobile-result-back.mobile-icon-back>.mobile-chevron svg,.mobile-back.mobile-icon-back>.mobile-chevron svg,.photo-result-header>button.mobile-icon-back>.mobile-chevron svg,.color-recognizer-header>button.mobile-icon-back:first-child>.mobile-chevron svg{width:18px;height:18px}.mobile-editor-header>button.mobile-icon-back:active,.mobile-result-back.mobile-icon-back:active,.mobile-back.mobile-icon-back:active,.photo-result-header>button.mobile-icon-back:active,.color-recognizer-header>button.mobile-icon-back:first-child:active{background:color-mix(in srgb, var(--mobile-card) 87%, #fff1ef);color:var(--accent);border-color:#ef655e57;transform:translate(-1px)scale(.98);box-shadow:0 2px 7px #ef655e24}.image-composition-backdrop{z-index:var(--z-modal);place-items:stretch stretch;padding:0}.image-composition-dialog{border:0;border-radius:0;width:100%;height:100dvh;max-height:none}.image-composition-header{min-height:calc(68px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}@keyframes mobile-spin{to{transform:rotate(360deg)}}}@media (width<=767px){.app-shell{--mobile-media-inset:12px}.brand-lockup{margin-inline-start:var(--mobile-media-inset)}.mobile-home-continue{padding-left:calc(var(--mobile-media-inset) - 2px)}.mobile-home-recent{padding-inline:calc(var(--mobile-media-inset) - 2px)}.mobile-home-recent>button{padding-inline:0}.mobile-project-open{padding-left:calc(var(--mobile-media-inset) - 2px)}.mobile-basic-settings{grid-template-columns:1fr}.mobile-bead-size-summary{grid-column:auto}.mobile-selection-context{gap:5px;padding-inline:8px;left:8px;right:8px}.mobile-selection-context button{min-width:46px;padding-inline:6px}}@media (width<=380px){.app-shell{--mobile-page-gutter:12px;--mobile-media-inset:10px}.mobile-home-hero{flex-basis:160px;min-height:160px}.mobile-home-copy{width:57%;right:12px}.mobile-home-copy strong{font-size:17px}.mobile-home-action{min-height:132px;padding-inline:6px}.mobile-home-action>span{width:56px;height:56px}.mobile-editor-header{grid-template-columns:44px minmax(0,1fr) auto;gap:4px;padding-inline:5px}.mobile-editor-header>button{width:44px}.mobile-editor-actions{gap:6px}.mobile-project-open{grid-template-columns:60px minmax(0,1fr) 32px;padding-left:10px}.mobile-project-thumbnail{width:60px;height:60px}}@media (width>=768px) and (width<=959px){.topbar,.theme-light .topbar{padding-inline:max(14px,50vw - 346px)}.mobile-home-screen,.mobile-projects-screen,.mobile-page-screen{border-right:1px solid var(--mobile-line);border-left:1px solid var(--mobile-line);left:max(0px,50vw - 360px);right:max(0px,50vw - 360px)}.mobile-home-action-grid{gap:12px}.color-recognizer-dialog{border:1px solid var(--mobile-line);border-radius:24px;height:calc(100dvh - 24px);box-shadow:0 24px 70px #121c283d}.mobile-sheet{width:min(720px,100vw);transform:translate(50%, var(--sheet-drag-offset));left:auto;right:50%}.mobile-sheet.is-expanded{height:calc(100dvh - env(safe-area-inset-top,0px) - 12px)}.editor-stage{padding-inline:20px}.mobile-editor-context{left:22px;right:22px}}@media (width>=960px) and (width<=1199px){.topbar,.theme-light .topbar{padding-inline:max(14px,50vw - 396px)}.mobile-home-screen,.mobile-projects-screen,.mobile-page-screen{border-right:1px solid var(--mobile-line);border-left:1px solid var(--mobile-line);left:max(0px,50vw - 410px);right:max(0px,50vw - 410px)}.editor-stage{padding-left:24px;padding-right:24px}.mobile-editor-context{left:26px;right:26px}.color-recognizer-dialog{border:1px solid var(--mobile-line);border-radius:24px;width:min(760px,100vw - 32px);height:calc(100dvh - 32px);box-shadow:0 24px 70px #121c283d}.mobile-sheet-backdrop{background:#121c283d}.mobile-sheet{top:calc(10px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--mobile-line);width:360px;height:auto;max-height:none;transform:translateX(calc(var(--sheet-drag-offset) * 0));border-radius:24px;bottom:10px;left:auto;right:10px;box-shadow:-12px 12px 36px #26384c29}.mobile-sheet.is-expanded{height:auto}.mobile-sheet-handle{cursor:ns-resize;flex-basis:44px;height:44px}.mobile-sheet-task-grid{grid-template-columns:1fr}.mobile-sheet-body{padding-bottom:18px}.mobile-palette-content .palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (orientation:landscape) and (height<=560px) and (width<=959px){.mobile-home-screen{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.mobile-home-continue{grid-column:1/-1}.mobile-home-hero{min-height:170px}.mobile-home-quick-actions{min-height:0}.mobile-sheet{height:calc(100dvh - env(safe-area-inset-top,0px) - 4px)}}@media (prefers-reduced-motion:reduce){.mobile-project-loading{animation-duration:.01ms!important}}@media (width>=768px) and (width<=1199px){.app-shell.responsive-tablet{--mobile-page-gutter:24px}.responsive-tablet .topbar,.responsive-tablet.theme-light .topbar{padding-inline:max(38px,50vw - 464px)}.responsive-tablet .mobile-home-screen,.responsive-tablet .mobile-projects-screen,.responsive-tablet .mobile-page-screen{left:max(24px,50vw - 480px);right:max(24px,50vw - 480px)}.responsive-tablet .mobile-account-modules{gap:14px;padding:20px 20px 14px}.responsive-tablet .mobile-account-modules>button{min-height:72px;padding-inline:16px}.responsive-tablet .mobile-projects-content{padding:4px 20px 30px}.responsive-tablet .mobile-projects-heading h1{font-size:28px}.responsive-tablet .mobile-projects-heading p{font-size:12px}.responsive-tablet .mobile-project-search{min-height:52px;margin-top:20px;padding-inline:16px}.responsive-tablet .mobile-project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.responsive-tablet .mobile-project-card{border-radius:18px}.responsive-tablet .mobile-project-open{grid-template-columns:72px minmax(0,1fr) 36px;gap:14px;min-height:104px;padding:15px 14px}.responsive-tablet .mobile-project-thumbnail{border-radius:16px;width:72px;height:72px}.responsive-tablet .mobile-project-title{font-size:15px}.responsive-tablet .mobile-project-copy small,.responsive-tablet .mobile-project-copy em{font-size:11px}.responsive-tablet .mobile-project-actions{gap:8px;padding:0 14px 14px}.responsive-tablet .mobile-project-storage-note{margin-top:20px;font-size:11px}.responsive-tablet .mobile-bottom-nav{grid-template-columns:repeat(3,120px);justify-content:center;column-gap:clamp(28px,6vw,72px);padding-inline:24px}.responsive-tablet .mobile-bottom-nav button,.responsive-tablet .mobile-bottom-nav button.active{width:120px;min-width:120px}.responsive-tablet .mobile-bottom-nav button:active{transform:scale(.98)}}.app-shell{font-family:var(--font-sans);letter-spacing:-.005em}.app-shell :where(h1,h2,h3){font-weight:var(--weight-bold);letter-spacing:-.01em;text-wrap:balance}.app-shell :where(strong){font-weight:var(--weight-semibold);text-wrap:balance}.app-shell .brand-lockup,.app-shell .brand-lockup strong,.app-shell .desktop-workbench-heading strong,.app-shell .desktop-workbench-hero-title,.app-shell .desktop-site-page-heading h1,.app-shell .mobile-home-copy strong{font-family:var(--font-display);letter-spacing:.02em}.app-shell .desktop-workbench-heading strong,.app-shell .desktop-workbench-hero-title,.app-shell .desktop-site-page-heading h1,.app-shell .mobile-home-copy strong{font-synthesis:none}.app-shell .brand-lockup strong{font-synthesis:none;letter-spacing:.08em;color:var(--ink-1);-webkit-text-stroke:0;text-shadow:none;font-size:20px;font-weight:600}.app-shell .desktop-workbench-heading strong,.app-shell .desktop-workbench-hero-title,.app-shell .desktop-site-page-heading h1,.app-shell .mobile-home-copy strong{font-weight:600}.app-shell :where(p,small){text-wrap:pretty}.app-shell :where(button,input,textarea,.app-select-trigger){transition:color .16s cubic-bezier(.16,1,.3,1),background-color .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1)}@media (width>=1200px){.app-shell.responsive-desktop{--shell-max:2200px;--shell-gutter:20px;--shell-inline:max(var(--shell-gutter), calc((100vw - var(--shell-max)) / 2));min-height:700px}.responsive-desktop .topbar{height:72px;padding:6px 0}.responsive-desktop .topbar-inner,.responsive-desktop .workspace{width:min(var(--shell-max), calc(100% - (var(--shell-gutter) * 2)));margin-inline:auto}.responsive-desktop .topbar-inner{border-radius:var(--radius-panel);height:60px;box-shadow:var(--shadow);padding:0 10px 0 8px}.responsive-desktop .brand-lockup{flex:none;gap:11px;min-width:118px}.responsive-desktop .header-brand-icon{border:1px solid var(--border);width:42px;height:42px;box-shadow:var(--shadow);border-radius:13px}.responsive-desktop .brand-lockup:hover .header-brand-icon{box-shadow:var(--shadow);transform:translateY(-1px)scale(1.015)}.responsive-desktop .brand-lockup strong{letter-spacing:.08em;font-size:20px;line-height:1.25}.responsive-desktop .brand-lockup span{color:var(--ink-3);margin-top:1px;font-size:10px}.responsive-desktop .topbar-right{gap:7px}.responsive-desktop .topbar .chrome-button,.responsive-desktop .topbar .export-button{border-radius:var(--radius-control);white-space:nowrap;height:40px;padding:0 14px;font-size:12px;font-weight:650;line-height:1.3}.responsive-desktop .topbar .theme-toggle-button{min-width:0;color:var(--ink-1);border-color:var(--border-strong);background:var(--surface-1);gap:6px;padding:0 12px}.responsive-desktop .topbar .theme-toggle-button svg{stroke:currentColor;width:16px;height:16px}.responsive-desktop .topbar .export-button{min-width:82px;box-shadow:0 9px 22px -14px var(--accent-fill)}.responsive-desktop .save-state{color:var(--up);margin-right:3px;font-size:11px;font-weight:650}.responsive-desktop .status-dot{background:var(--up);width:7px;height:7px}.responsive-desktop .workspace{grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(280px,320px);gap:14px}.responsive-desktop .left-inspector,.responsive-desktop .right-inspector{box-shadow:none;border-radius:0;margin:16px 0 14px}.responsive-desktop .inspector-section{padding:22px 20px 20px}.responsive-desktop .left-inspector-tabs,.responsive-desktop .inspector-tabs{min-height:44px}.responsive-desktop .section-heading{gap:5px;margin-bottom:16px}.responsive-desktop .section-heading span,.responsive-desktop .settings-heading span{letter-spacing:-.025em;font-size:18px;font-weight:760}.responsive-desktop .source-card{border-radius:16px;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px}.responsive-desktop .source-preview{border-radius:12px;width:72px;height:72px}.responsive-desktop .source-actions button{border-radius:var(--radius-small);height:32px;font-size:10px;font-weight:650}.app-shell.responsive-desktop :where(.app-select-trigger,.settings-card input){height:40px;font-size:12px}.responsive-desktop .manual-grid-size input{height:36px}.responsive-desktop .regenerate-button{border-radius:var(--radius-control);height:48px;box-shadow:0 14px 32px -16px var(--accent-fill);font-size:14px;font-weight:740}.responsive-desktop .parameter-chips{border-color:var(--border);border-radius:var(--radius-small);background:var(--surface-2);color:var(--ink-3);gap:7px;padding:9px 8px;font-size:9px}.responsive-desktop .editor-stage{gap:14px;padding:16px 0 14px}.responsive-desktop .canvas-area{box-shadow:var(--shadow-panel);border-radius:22px}.responsive-desktop .canvas-label{color:var(--ink-3);font-size:11px;font-weight:700;top:14px;left:20px}.responsive-desktop .canvas-meta{color:var(--ink-3);font-size:10px;bottom:14px}.responsive-desktop .canvas-viewport{padding:40px 34px 38px}.responsive-desktop .editor-toolbar{border-color:var(--border);border-radius:var(--radius-control);background:var(--surface-1);min-height:34px;box-shadow:var(--shadow);padding:4px}.responsive-desktop .editor-toolbar button{border-radius:8px;height:26px}.responsive-desktop .settings-page{width:min(700px,100%)}.responsive-desktop .settings-stage .settings-page{padding-top:8px}.responsive-desktop .settings-heading{margin-bottom:18px}.responsive-desktop .settings-heading p{margin-top:6px}.responsive-desktop .settings-card{padding:26px 28px}.responsive-desktop .settings-card label{margin-bottom:22px;font-size:13px;font-weight:600}.responsive-desktop .palette-source-card h2{letter-spacing:-.02em;font-size:17px}.responsive-desktop .statusbar{min-height:42px;padding-inline:var(--shell-inline);border-color:var(--border);background:color-mix(in srgb, var(--surface-1) 94%, transparent);color:var(--ink-3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-shell.responsive-desktop.canvas-expanded .workspace{width:min(var(--shell-max), calc(100% - (var(--shell-gutter) * 2)));grid-template-columns:minmax(0,1fr);gap:0}.app-shell.responsive-desktop.canvas-expanded .editor-stage{gap:14px;padding:16px 20px 14px;position:relative}.app-shell.responsive-desktop.canvas-expanded .canvas-area{aspect-ratio:auto;flex:auto;width:100%;min-width:0;max-width:100%;min-height:0;max-height:none}.app-shell.responsive-desktop{font-size:14px}.responsive-desktop .brand-lockup strong{font-size:22px}.responsive-desktop .desktop-product-nav button,.responsive-desktop .topbar .chrome-button,.responsive-desktop .topbar .export-button{font-size:14px}.responsive-desktop .desktop-workflow-card-title strong{font-size:17px;line-height:1.3}.responsive-desktop .desktop-workflow-card-title small{font-size:13px;line-height:1.45}.responsive-desktop .desktop-step-index{width:26px;height:26px;font-size:13px}.responsive-desktop .source-dropzone-title,.responsive-desktop .source-dropzone .source-title-field input{font-size:15px}.responsive-desktop .source-dropzone-hint,.responsive-desktop .desktop-background-control small,.responsive-desktop .desktop-params-note,.responsive-desktop .desktop-tools-help,.responsive-desktop .desktop-workbench-hero-hint{font-size:12px}.app-shell.responsive-desktop :where(.inspector-section label,.slider-label,.slider-label>div,.denoise-mode-control,.manual-grid-size,.desktop-craft-size-heading,.brush-size-heading span,.brush-size-heading output){font-size:13px}.app-shell.responsive-desktop :where(.inspector-section label span,.bead-size-summary,.editor-tools-hint,.brush-size-scale,.parameter-chips,.palette-total,.material-physical-summary span,.material-physical-summary small){font-size:12px;line-height:1.5}.app-shell.responsive-desktop :where(.app-select-trigger,.settings-card input,.manual-grid-size input){height:42px;font-size:14px}html[data-theme] .app-select-item{min-height:40px;font-size:14px}.responsive-desktop .source-section .source-background-button,.responsive-desktop .source-section .source-color-recognition-button,.responsive-desktop .denoise-mode-control button,.responsive-desktop .desktop-craft-size-presets button,.responsive-desktop .editor-tools-grid button,.responsive-desktop .desktop-download-primary,.responsive-desktop .desktop-download-secondary{min-height:38px;font-size:13px}.responsive-desktop .desktop-craft-size-presets button,.responsive-desktop .desktop-workbench-toolbar .chrome-button,.responsive-desktop .desktop-workbench-toolbar .export-button{font-size:14px}.responsive-desktop .editor-tools-grid button small,.responsive-desktop .desktop-download-extra button{font-size:11px}.responsive-desktop .regenerate-button{min-height:50px;font-size:15px}.responsive-desktop .desktop-workbench-heading strong{font-size:18px}.responsive-desktop .desktop-workbench-heading-copy>span,.responsive-desktop .canvas-label{font-size:13px}.responsive-desktop .canvas-meta{font-size:12px}.responsive-desktop .ruler{color:color-mix(in srgb, var(--ink-2) 76%, transparent);font-size:11px;font-weight:650}.responsive-desktop .inspector-tabs button{font-size:13px}.responsive-desktop .palette-embedded .palette-heading h1{font-size:18px}.app-shell.responsive-desktop :where(.palette-embedded .palette-heading p,.palette-embedded .palette-search input,.palette-embedded .palette-family-tabs button,.palette-embedded .palette-groups button,.palette-embedded .palette-scopes b,.palette-embedded .palette-scopes button){font-size:12px}.app-shell.responsive-desktop :where(.palette-embedded .palette-groups small,.palette-embedded .palette-scopes small,.palette-embedded .palette-footer button){font-size:11px}.responsive-desktop .palette-embedded .palette-family-tabs button,.responsive-desktop .palette-embedded .palette-groups button,.responsive-desktop .palette-embedded .palette-scopes button{min-height:30px}.responsive-desktop .palette-embedded .palette-chip{font-size:11px}.responsive-desktop .palette-embedded .palette-footer button{min-height:30px}.responsive-desktop .export-menu>p,.responsive-desktop .export-menu>button span{font-size:12px}.responsive-desktop .export-menu>button strong{font-size:14px}.responsive-desktop .statusbar,.responsive-desktop .statusbar-save{min-height:46px;font-size:12px}.responsive-desktop :where(.desktop-site-page-heading p,.desktop-account-lead,.desktop-account-categories button small,.desktop-account-settings-hint,.desktop-templates-grid-meta span,.desktop-template-card-meta,.desktop-template-card-desc,.desktop-account-card .mobile-project-copy small,.desktop-account-card .mobile-project-copy em){font-size:13px}.responsive-desktop :where(.desktop-account-categories button strong,.desktop-templates-categories button,.desktop-template-card-cta,.desktop-account-main-actions button,.desktop-account-card .mobile-project-actions button){font-size:14px}.responsive-desktop .desktop-template-card-title,.responsive-desktop .desktop-account-card .mobile-project-title{font-size:16px}}@media (width<=1199px){.app-shell{--mobile-page-gutter:16px}.app-shell :where(.topbar,.mobile-editor-header,.mobile-result-header,.mobile-page-header){border-color:var(--border);background:color-mix(in srgb, var(--surface-1) 95%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 28px -24px #1f2e2580}.app-shell .header-brand-icon{border:1px solid var(--border);box-shadow:var(--shadow)}.app-shell .brand-lockup strong{letter-spacing:.07em;font-size:19px}.mobile-home-screen,.mobile-projects-screen{bottom:calc(70px + env(safe-area-inset-bottom,0px));gap:16px;padding-top:16px}.mobile-home-screen{padding-bottom:32px;scroll-padding-block-end:32px}.mobile-settings-screen{bottom:calc(70px + env(safe-area-inset-bottom,0px))}.mobile-home-continue{border-color:var(--border);background:var(--surface-1);min-height:76px;box-shadow:var(--shadow);border-radius:18px;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;padding:10px 10px 10px 12px}.mobile-home-continue .mobile-home-continue-icon{background:var(--accent-fill);width:44px;height:44px;color:var(--on-accent);border-radius:13px}.mobile-home-continue em,.mobile-editor-heading span,.mobile-setting-row>strong{color:var(--up)}.mobile-editor-heading span i{background:var(--up)}.mobile-navigation-chevron,.mobile-editor-actions>button,.mobile-sheet-close.mobile-circle-close,.ai-candidate-dialog-close.mobile-circle-close,.mobile-result-back,.mobile-back{border-color:var(--border);background:var(--surface-1);color:var(--ink-3);box-shadow:var(--shadow)}.mobile-home-hero{border:1px solid var(--border);border-radius:22px;min-height:178px;box-shadow:0 24px 58px -38px #1f2e258c}.mobile-home-hero:after{background:linear-gradient(90deg,#181d1a0f 4%,#181d1a38 48%,#181d1ac2 100%)}.mobile-home-copy span{color:var(--on-accent);font-size:11px;font-weight:650}.mobile-home-copy strong{letter-spacing:-.035em;margin-top:4px;font-size:21px;line-height:1.16}.mobile-home-copy small{color:color-mix(in srgb, var(--on-accent) 84%, transparent);margin-top:8px}.mobile-home-quick-actions,.mobile-home-recent{border:1px solid var(--border);background:var(--surface-1);box-shadow:var(--shadow);border-radius:20px}.mobile-home-quick-actions{padding:14px 0 0}.mobile-home-quick-actions>div:first-child,.mobile-home-recent>div:first-child{padding-inline:14px}.mobile-home-action-grid{border-top:1px solid var(--border);gap:0;margin-top:8px}.mobile-home-action{border:0;border-right:1px solid var(--border);min-height:124px;box-shadow:none;background:0 0;border-radius:0}.mobile-home-action:nth-child(2n),.mobile-home-action:last-child{border-right:0}.mobile-home-action:active{background:var(--accent-soft);box-shadow:none;transform:scale(.985)}.mobile-home-action>span{width:50px;height:50px;box-shadow:none;border-radius:15px}.mobile-home-action.action-library>span,.mobile-home-action.action-camera>span,.mobile-home-action.action-color-code>span,.mobile-home-action.action-blank>span,.mobile-home-action.action-import>span,.mobile-home-action.action-ai-json>span{background:var(--accent-soft);color:var(--accent-text)}.mobile-home-action.action-library>span{background:var(--accent-fill);color:var(--on-accent)}.mobile-home-action strong{color:var(--ink-1);font-size:14px;font-weight:720}.mobile-home-action small{color:var(--ink-3);padding-inline:8px;font-size:10px}.mobile-home-recent{flex:none;margin-bottom:4px;padding:14px}.mobile-home-recent>.mobile-project-card.is-compact{border:1px solid var(--border);background:var(--surface-2);border-radius:14px}.mobile-bottom-nav{min-height:calc(70px + env(safe-area-inset-bottom,0px));border-color:var(--border);background:color-mix(in srgb, var(--surface-1) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -12px 30px -26px #1f2e2599}.mobile-bottom-nav button{min-width:76px;min-height:52px;color:var(--ink-3);border-radius:14px}.mobile-bottom-nav button.active{background:var(--accent-soft);width:auto;min-width:76px;color:var(--accent-text);border-radius:14px;padding:0 12px}.mobile-account-modules>button.active{border-color:color-mix(in srgb, var(--accent-fill) 52%, transparent);background:var(--accent-soft)}.mobile-account-modules>button.active>span{background:var(--accent-fill);color:var(--on-accent)}.mobile-page-screen,.mobile-result-screen{background:var(--page)}.mobile-page-header h1,.mobile-result-header strong,.mobile-sheet-header h2{letter-spacing:-.025em;font-weight:760}.mobile-source-card,.mobile-advanced-toggle,.mobile-advanced-settings,.mobile-settings-card,.mobile-result-card,.mobile-sheet,.mobile-context-menu{border-color:var(--border);background:var(--surface-1);box-shadow:var(--shadow-panel)}.mobile-field .app-select-trigger,.mobile-number-input,.mobile-setting-row>div button,.mobile-background-actions button,.mobile-command-grid button,.mobile-view-grid button,.mobile-result-actions button{border-color:var(--border);background:var(--surface-2);color:var(--ink-2)}.mobile-primary-action,.mobile-generate-submit,.mobile-sheet-primary,.mobile-result-download{background:var(--accent-fill);color:var(--on-accent);box-shadow:0 12px 28px -18px var(--accent-fill);border-radius:14px}.mobile-setting-row>div button.active,.mobile-view-grid button.active,.mobile-editor-toolbar button.active{border-color:var(--accent-text);background:var(--accent-soft);color:var(--accent-text)}.mobile-palette-content .palette-embedded .palette-scopes button.active,.mobile-palette-content .palette-embedded .palette-groups button.active,.mobile-palette-content .palette-footer button.primary{border-color:var(--accent-fill);background:var(--accent-fill);color:var(--on-accent);box-shadow:none}.mobile-palette-content .palette-groups button,.mobile-palette-content .palette-footer button{border-color:var(--border);background:var(--surface-2);color:var(--ink-2);box-shadow:none}.mobile-sheet-backdrop{background:color-mix(in srgb, var(--ink-1) 36%, transparent)}}@media (width<=479px){.app-shell .brand-lockup{gap:8px;overflow:hidden}.app-shell .brand-lockup strong{letter-spacing:.01em;font-size:16px}.topbar .login-button,.theme-light .topbar .login-button{flex:none;gap:5px;max-width:none;padding-inline:9px;font-size:11px}}@media (width<=479px) and (height<=850px){.mobile-home-screen{gap:10px;padding-top:10px;padding-bottom:28px;scroll-padding-block-end:28px}.mobile-home-continue{grid-template-columns:38px minmax(0,1fr) 38px;gap:9px;min-height:64px;padding:8px 8px 8px 10px}.mobile-home-continue .mobile-home-continue-icon{border-radius:11px;width:38px;height:38px}.mobile-home-hero{flex-basis:148px;min-height:148px}.mobile-home-quick-actions{padding-top:10px}.mobile-home-section-heading,.mobile-home-recent>div:first-child{margin-bottom:8px}.mobile-home-action{min-height:104px}.mobile-home-action>span{width:44px;height:44px}}@media (width<=340px){.app-shell .header-brand-icon{display:none}}@media (width<=380px){.app-shell{--mobile-page-gutter:12px}.mobile-home-copy strong{font-size:18px}.mobile-home-action{min-height:116px}}@media (width<=380px) and (height<=850px){.mobile-home-action{min-height:104px}}@media (prefers-reduced-motion:reduce){.app-shell *,.app-shell :before,.app-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.expandable-details{min-width:0}.expandable-details-reveal{grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,.8,.25,1);display:grid}.expandable-details[data-expanded=true] .expandable-details-reveal{grid-template-rows:1fr}.expandable-details[data-dragging=true] .expandable-details-reveal{height:var(--details-drag-height);transition:none;display:block}.expandable-details-clip{min-height:0;overflow:hidden}.expandable-details-content{padding-top:8px}.app-shell .expandable-details-handle{background:var(--surface-2);width:fit-content;max-width:100%;min-height:44px;color:var(--ink-2);font:inherit;white-space:nowrap;cursor:pointer;touch-action:none;justify-content:center;align-items:center;gap:12px;margin:12px auto 8px;padding:10px 16px;font-size:13px;font-weight:700;line-height:20px;display:flex}.app-shell .expandable-details-handle:hover,.app-shell .expandable-details-handle[aria-expanded=true]{color:var(--accent-text);background:var(--accent-soft)}.expandable-details-arrow{clip-path:polygon(0 0,2px 0,2px 2px,4px 2px,4px 4px,8px 4px,8px 2px,10px 2px,10px 0,12px 0,12px 4px,10px 4px,10px 6px,8px 6px,8px 8px,4px 8px,4px 6px,2px 6px,2px 4px,0 4px);background:currentColor;flex:0 0 12px;width:12px;height:8px}.expandable-details-handle[aria-expanded=true] .expandable-details-arrow{transform:rotate(180deg)}.production-purchase-summary{color:var(--ink-3);padding:10px 0;font-size:12px}.production-purchase-summary strong{color:var(--accent)}.production-assistant .expandable-details-content{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(54dvh,560px);overflow:auto}.app-shell .preview-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#191f1b47;padding:16px;animation:.25s both preview-backdrop-in}.app-shell.pixel-ui .preview-dialog{gap:14px;height:min(860px,100dvh - 32px);max-height:calc(100dvh - 32px);padding:18px;overflow:hidden}.app-shell .preview-scene{isolation:isolate;flex:1;min-height:0;position:relative}.app-shell.pixel-ui .preview-stage{aspect-ratio:auto;background:var(--canvas-bg);border:0;border-radius:0;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:8px 8px 20px;animation:.45s cubic-bezier(.22,.8,.25,1) both preview-chart-in;position:absolute;inset:0 0 178px}.app-shell .preview-stage canvas{object-fit:contain;max-width:100%;max-height:100%;width:100%!important;height:100%!important}.app-shell .preview-drawer{z-index:1;background:var(--surface-1);min-height:0;max-height:calc(100% - 90px);color:var(--ink-1);flex-direction:column;gap:10px;padding:16px;animation:.45s cubic-bezier(.22,.8,.25,1) .18s both preview-drawer-in;display:flex;position:absolute;inset:auto 0 0}.app-shell .preview-drawer .preview-materials{scrollbar-width:thin;overscroll-behavior:contain;flex:auto;gap:4px;min-height:0;max-height:none;overflow:auto}.app-shell .preview-drawer .preview-materials-heading{flex-direction:column;align-items:flex-start;gap:5px;font-size:12px}.app-shell .preview-drawer .preview-materials-heading strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.app-shell .preview-drawer .preview-materials-heading>span{font-size:12px;line-height:1.6}.app-shell .preview-drawer .preview-material-grid{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;max-height:min(24dvh,230px);padding:4px}.app-shell.pixel-ui .preview-material-card{clip-path:var(--pixel-control-shape);border:var(--bit-control-unit) solid transparent;border-image:var(--bit-control-image) 6 / 6px / 0 stretch;border-radius:0}.app-shell .preview-material-code,.app-shell .preview-material-count{font-size:12px}.app-shell .preview-drawer .preview-dialog-footer{flex-direction:column;align-items:stretch;gap:8px;font-size:11px}.app-shell .preview-drawer .preview-dialog-footer>div{flex-wrap:wrap;gap:8px;display:flex}.app-shell .preview-drawer .preview-dialog-footer button{white-space:nowrap;flex:auto;height:auto;min-height:44px;padding:8px 12px}.preview-material-empty{color:var(--ink-3);margin:8px 0;font-size:12px}.app-shell .mobile-result-card{flex-shrink:0;padding-bottom:24px;animation:.45s cubic-bezier(.22,.8,.25,1) both preview-chart-in}.app-shell .mobile-result-drawer{z-index:1;background:var(--surface-1);color:var(--ink-1);flex-direction:column;flex-shrink:0;gap:12px;margin-top:-34px;padding:12px;animation:.45s cubic-bezier(.22,.8,.25,1) .18s both preview-drawer-in;display:flex;position:relative}.app-shell .mobile-result-drawer .mobile-result-tabs{background:0 0;border-top:0;gap:8px}@keyframes preview-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes preview-chart-in{0%{opacity:.65;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes preview-drawer-in{0%{opacity:0;transform:translateY(calc(100% + 20px))}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.app-shell .preview-backdrop{padding:0}.app-shell.pixel-ui .preview-dialog{gap:10px;width:calc(100% - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:14px 10px 10px}.app-shell.pixel-ui .preview-stage{bottom:216px}.app-shell .preview-drawer{gap:8px;max-height:calc(100% - 100px);padding:12px}.app-shell .preview-drawer .preview-dialog-footer>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.app-shell .preview-drawer .preview-dialog-footer>div.has-start-build{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .preview-drawer .preview-dialog-footer button{width:100%;min-width:0;min-height:44px;padding:8px 4px;font-size:12px}.app-shell .preview-drawer .preview-dialog-footer button.start-build{grid-column:auto}}@media (prefers-reduced-motion:reduce){.app-shell .preview-backdrop,.app-shell .preview-stage,.app-shell .preview-drawer,.app-shell .mobile-result-card,.app-shell .mobile-result-drawer{animation:none}.expandable-details-reveal{transition:none}}@font-face{font-family:Fusion Pixel;src:url(/fonts/fusion-pixel-12px-proportional-zh_hans.otf.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}html[data-theme]{--font-sans:"Fusion Pixel", "HarmonyOS Sans SC", sans-serif;--font-display:var(--font-sans);--font-mono:var(--font-sans);--text-xs:12px}.app-shell.pixel-ui,.app-select-content[data-ui="8bitcn"]{font-family:var(--font-sans);font-synthesis:none;text-rendering:auto;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto}.app-shell.pixel-ui,.app-shell.pixel-ui *,.app-shell.pixel-ui :before,.app-shell.pixel-ui :after,.app-select-content[data-ui="8bitcn"],.app-select-content[data-ui="8bitcn"] *,.app-select-content[data-ui="8bitcn"] :before,.app-select-content[data-ui="8bitcn"] :after{box-shadow:none!important}.app-shell.pixel-ui :is(small,.photo-result-header p,.photo-settings-section>p,.photo-optimization-presets>p,.photo-physical-note,.mobile-home-copy>span,.mobile-home-section-heading>span,.desktop-workflow-card-title p,.desktop-source-description,.desktop-workflow-note){letter-spacing:0;line-height:1.6;font-size:12px!important}:root{--pixel-panel-shape:polygon(9px 0px, calc(100% - 9px) 0px, calc(100% - 9px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 9px, 100% 9px, 100% calc(100% - 9px), calc(100% - 3px) calc(100% - 9px), calc(100% - 3px) calc(100% - 3px), calc(100% - 9px) calc(100% - 3px), calc(100% - 9px) 100%, 9px 100%, 9px calc(100% - 3px), 3px calc(100% - 3px), 3px calc(100% - 9px), 0px calc(100% - 9px), 0px 9px, 3px 9px, 3px 3px, 9px 3px);--pixel-control-shape:polygon(4px 0px, calc(100% - 4px) 0px, calc(100% - 4px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 4px, 100% 4px, 100% calc(100% - 4px), calc(100% - 2px) calc(100% - 4px), calc(100% - 2px) calc(100% - 2px), calc(100% - 4px) calc(100% - 2px), calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 2px), 2px calc(100% - 2px), 2px calc(100% - 4px), 0px calc(100% - 4px), 0px 4px, 2px 4px, 2px 2px, 4px 2px);--pixel-icon-shape:polygon(2px 0px, calc(100% - 2px) 0px, calc(100% - 2px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) 2px, 100% 2px, 100% calc(100% - 2px), calc(100% - 1px) calc(100% - 2px), calc(100% - 1px) calc(100% - 1px), calc(100% - 2px) calc(100% - 1px), calc(100% - 2px) 100%, 2px 100%, 2px calc(100% - 1px), 1px calc(100% - 1px), 1px calc(100% - 2px), 0px calc(100% - 2px), 0px 2px, 1px 2px, 1px 1px, 2px 1px);--bit-unit:3px;--bit-control-unit:2px;--bit-icon-unit:1px;--bit-edge:#897454;--bit-panel-image:url(/ui/pixel-panel-light.svg?v=craft-1);--bit-control-image:url(/ui/pixel-control-light.svg?v=craft-1);--bit-active-image:url(/ui/pixel-control-active-light.svg?v=craft-1);--bit-circle-image:url(/ui/pixel-circle-light.svg?v=craft-1);--pixel-circle-shape:polygon(36.3636% 0, 63.6364% 0, 63.6364% 9.0909%, 81.8182% 9.0909%, 81.8182% 18.1818%, 90.9091% 18.1818%, 90.9091% 36.3636%, 100% 36.3636%, 100% 63.6364%, 90.9091% 63.6364%, 90.9091% 81.8182%, 81.8182% 81.8182%, 81.8182% 90.9091%, 63.6364% 90.9091%, 63.6364% 100%, 36.3636% 100%, 36.3636% 90.9091%, 18.1818% 90.9091%, 18.1818% 81.8182%, 9.0909% 81.8182%, 9.0909% 63.6364%, 0 63.6364%, 0 36.3636%, 9.0909% 36.3636%, 9.0909% 18.1818%, 18.1818% 18.1818%, 18.1818% 9.0909%, 36.3636% 9.0909%)}html[data-theme=dark],.app-shell.pixel-ui.theme-dark{--bit-edge:#8da6a0;--bit-panel-image:url(/ui/pixel-panel-dark.svg?v=craft-1);--bit-control-image:url(/ui/pixel-control-dark.svg?v=craft-1);--bit-active-image:url(/ui/pixel-control-active-dark.svg?v=craft-1);--bit-circle-image:url(/ui/pixel-circle-dark.svg?v=craft-1)}.app-shell.pixel-ui :is(button:not(:where(.composition-resize-handle)),input,select,textarea),.app-select-content[data-ui="8bitcn"],.app-select-content[data-ui="8bitcn"] .app-select-item{border-radius:6px!important}.app-shell.pixel-ui :is(.topbar-inner,.desktop-workflow-card,.desktop-workbench-shell,.desktop-account-sidebar,.desktop-account-main,.desktop-account-card,.settings-card,.desktop-templates-sidebar,.desktop-project-card,.desktop-template-card,.mobile-home-hero,.mobile-home-continue,.mobile-home-action,.mobile-home-quick-actions,.mobile-home-recent,.mobile-project-card:not(:where(.desktop-account-card .mobile-project-card)),.mobile-settings-card,.mobile-settings-guide,.mobile-account-modules>:where(button),.mobile-sheet,.photo-result-header,.photo-source-rail,.photo-pattern-preview,.photo-specification-section,.photo-settings-rail,.photo-size-preview-list,.image-composition-dialog,.preview-dialog,.preview-drawer,.mobile-result-card,.mobile-result-drawer,.confirm-dialog,.color-recognizer-dialog,.ai-candidate-dialog,.export-menu,.mobile-menu-panel,.pwa-update-prompt,.toast,.generation-progress-card,.production-grid-scroll){--pixel-shape:var(--pixel-panel-shape);clip-path:var(--pixel-shape);border-color:#0000;border-image:var(--bit-panel-image) 12 / 12px / 0 stretch;border-style:solid!important;border-width:var(--bit-unit)!important;border-radius:0!important}.app-shell.pixel-ui .desktop-account-card>.mobile-project-card{clip-path:var(--pixel-panel-shape)}.app-shell.pixel-ui :is(.topbar-inner,.desktop-workbench-shell){isolation:isolate;clip-path:none;border-image-source:none;position:relative;background:0 0!important}.app-shell.pixel-ui :is(.topbar-inner,.desktop-workbench-shell):before{content:"";inset:calc(-1 * var(--bit-unit));z-index:-1;pointer-events:none;clip-path:var(--pixel-panel-shape);border:var(--bit-unit) solid transparent;border-image:var(--bit-panel-image) 12 / 12px / 0 stretch;background:var(--surface-1);position:absolute}.app-shell.pixel-ui .mobile-home-recent>div button.mobile-home-recent-all,.app-shell.pixel-ui button:not(:where(.bit-button,.brand-lockup,.palette-chip,.palette-color-button,.palette-selection-toggle,.palette-view-toggle,.mobile-sheet-backdrop,.mobile-sheet-handle,.expandable-details-handle,.composition-resize-handle,.toggle,.photo-size-preview-list>button,.ai-candidate-size-preview-list>button,.photo-style-regenerate,.home-poster-control)){--pixel-shape:var(--pixel-control-shape);clip-path:var(--pixel-shape);border-style:solid;border-image:var(--bit-control-image) 6 / 6px / 0 stretch;border-color:#0000!important;border-width:var(--bit-control-unit)!important;border-radius:0!important}.app-shell.pixel-ui :is(button,summary):focus-visible{outline:2px dashed var(--accent-text);outline-offset:-6px}.app-shell.pixel-ui :is(input,select,textarea):focus{outline:none!important}.app-shell.pixel-ui button:not(:where(.mobile-sheet-backdrop,.mobile-sheet-handle,.composition-resize-handle)):active:not(:disabled){translate:0 2px}.app-shell.pixel-ui :is(.desktop-product-nav,.mobile-bottom-nav,.inspector-tabs) button,.app-shell.pixel-ui .brand-lockup{clip-path:none;border-image-source:none;border-width:0!important}.app-shell.pixel-ui :is(.desktop-product-nav,.mobile-bottom-nav,.inspector-tabs) button.active{--pixel-shape:var(--pixel-control-shape);clip-path:var(--pixel-shape);border-image:var(--bit-control-image) 6 / 6px / 0 stretch;border-radius:0!important}.app-shell.pixel-ui .inspector-tabs button.active>span:after,.app-shell.pixel-ui .mobile-result-tabs button.active:after{content:none}.app-shell.pixel-ui .mobile-result-tabs button.active{background:var(--accent-soft);color:var(--accent-text);border-image-source:var(--bit-active-image)}.app-shell.pixel-ui .status-icon-button{--pixel-shape:var(--pixel-icon-shape);clip-path:var(--pixel-shape);border-image:var(--bit-control-image) 6 / 3px / 0 stretch;border-width:var(--bit-icon-unit)!important}.app-shell.pixel-ui .palette-view-toggle{aspect-ratio:1;width:auto;clip-path:var(--pixel-circle-shape);background-color:var(--surface-2);background-image:var(--bit-circle-image);background-repeat:no-repeat;background-size:100% 100%;border-image:;flex:none;place-items:center;padding:0;line-height:1;display:grid;border-width:0!important;border-radius:0!important}.app-shell.pixel-ui .palette-view-toggle svg{display:block}.app-shell.pixel-ui .palette-view-toggle+.palette-search{flex-basis:0}.app-shell.pixel-ui :where(.header-brand-icon,.mobile-home-action>span,.mobile-account-modules>button>span,.desktop-step-index,.confirm-icon,.mobile-project-thumbnail,.status-dot,.color-swatch,.composition-preview-frame,.composition-crop-box,.empty-canvas-upload,.desktop-workbench-hero,.source-dropzone,.source-dropzone-plus,.canvas-area,.photo-mode-chip,.mobile-current-color i,.palette-chip,.photo-grid-slider-track,.production-hint i){border-radius:6px!important}.app-shell.pixel-ui :is(.photo-size-preview-list,.ai-candidate-size-preview-list)>button>span{border:var(--bit-control-unit) solid transparent;--pixel-shape:var(--pixel-control-shape);clip-path:var(--pixel-shape);border-image:var(--bit-control-image) 6 / 6px / 0 stretch;border-radius:0!important}.app-shell.pixel-ui :is(.photo-size-preview-list,.ai-candidate-size-preview-list)>button.active>span{border-color:var(--accent-fill);border-image-source:var(--bit-active-image)}.app-shell.pixel-ui :is(.empty-canvas,.desktop-workbench-hero,.mobile-home-hero,.mobile-home-copy){background-image:none}.app-shell.pixel-ui :is(.mobile-home-hero,.mobile-home-action,.desktop-workflow-card){-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell.pixel-ui :is(.desktop-workflow-card-title strong,.mobile-home-copy strong,.photo-settings-section h2,.settings-heading span,.desktop-site-page-heading h1){font-weight:700}.app-shell.pixel-ui :is(output,.slider-value,.statusbar,.photo-physical-size){font-variant-numeric:tabular-nums}.app-shell.pixel-ui .bit-button,.app-shell.pixel-ui .expandable-details-handle,.app-shell.pixel-ui .app-select-trigger{isolation:isolate;--pixel-shape:var(--pixel-control-shape);clip-path:var(--pixel-shape);border-image:var(--bit-control-image) 6 / 6px / 0 stretch;position:relative;border-style:solid!important;border-color:#0000!important;border-width:var(--bit-control-unit)!important;border-radius:0!important}.app-shell.pixel-ui .bit-button{overflow:visible}.app-shell.pixel-ui .bit-button[data-variant=ghost]{clip-path:none;border-image-source:none;border-width:0!important}.bit-button-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-shell.pixel-ui :is(.desktop-workflow-rail,.editor-stage){overflow:visible}.app-shell.pixel-ui :is(.mobile-home-art,.desktop-template-card-preview,.photo-source-frame){clip-path:var(--pixel-shape);border-radius:0!important}.app-shell.pixel-ui .desktop-template-card{padding:6px;overflow:visible}.app-shell.pixel-ui :is(.desktop-templates-layout,.desktop-templates-grid-wrap){box-shadow:none;background:0 0;border-image:;border:0!important;border-radius:0!important}.app-shell.pixel-ui .app-select-trigger[data-state=open]{border-image-source:var(--bit-active-image)}html[data-theme] .app-select-content[data-ui="8bitcn"]{border:var(--bit-control-unit) solid transparent;--pixel-shape:var(--pixel-control-shape);clip-path:var(--pixel-shape);border-image:var(--bit-control-image) 6 / 6px / 0 stretch;background:var(--surface-1);color:var(--ink-1);border-radius:0!important}.app-select-content[data-ui="8bitcn"] .app-select-item{border:2px dashed #0000;outline:none!important}.app-select-content[data-ui="8bitcn"] .app-select-item[data-highlighted]{border-color:var(--accent-text);background:var(--accent-soft);color:var(--ink-1)}.app-shell.pixel-ui :is(input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=file]),select,textarea){border-color:var(--border-strong);--pixel-shape:var(--pixel-control-shape);clip-path:var(--pixel-shape);border-style:solid;border-image:var(--bit-control-image) 6 / 6px / 0 stretch;border-width:var(--bit-control-unit)!important;border-radius:0!important}.app-shell.pixel-ui :is(.mobile-project-search,.palette-search){border:var(--bit-control-unit) solid transparent;--pixel-shape:var(--pixel-control-shape);clip-path:var(--pixel-shape);border-image:var(--bit-control-image) 6 / 6px / 0 stretch;border-radius:0!important}.app-shell.pixel-ui :is(.mobile-project-search,.palette-search)>input{border:0!important;clip-path:none!important;border-image-source:none!important;outline:none!important}.app-shell.pixel-ui :is(.mobile-project-search,.palette-search):focus-within{outline:none!important}.app-shell.pixel-ui .mobile-project-search{gap:10px;min-height:48px;padding:0 14px}.app-shell.pixel-ui .mobile-project-search>svg{flex:0 0 18px;width:18px;height:18px}.app-shell.pixel-ui .mobile-project-search>input{background:0 0;flex:1 1 0;width:0;min-width:0;padding:0;font-size:16px;border-radius:0!important}.app-shell.pixel-ui input[type=range]{appearance:none;background:0 0}.app-shell.pixel-ui input[type=range]::-webkit-slider-runnable-track{background:var(--surface-3);border-radius:0;height:6px}.app-shell.pixel-ui input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-fill);border:2px solid var(--bit-edge);width:16px;height:16px;margin-top:-5px;box-shadow:none!important;border-radius:0!important}.app-shell.pixel-ui input[type=range]::-moz-range-track{border-radius:0;height:6px}.app-shell.pixel-ui input[type=range]::-moz-range-progress{border-radius:0;height:6px}.app-shell.pixel-ui input[type=range]::-moz-range-thumb{background:var(--accent-fill);border:2px solid var(--bit-edge);width:14px;height:14px;box-shadow:none!important;border-radius:0!important}.app-shell.pixel-ui .photo-toggle-row>input[type=checkbox],.app-shell.pixel-ui .photo-toggle-row>input[type=checkbox]:after,.app-shell.pixel-ui :is(.toggle,.toggle-switch,.mobile-toggle,.photo-switch),.app-shell.pixel-ui :is(.toggle,.toggle-switch,.mobile-toggle,.photo-switch):before,.app-shell.pixel-ui :is(.toggle,.toggle-switch,.mobile-toggle,.photo-switch):after,.app-shell.pixel-ui :is(.toggle,.toggle-switch,.mobile-toggle,.photo-switch)>:is(span,i){border-radius:0!important}.app-shell.pixel-ui .production-workspace{color:var(--ink-1);background:var(--page)}.app-shell.pixel-ui .production-grid-scroll{background:var(--surface-1)}.app-shell.pixel-ui .production-actions .primary{background:var(--accent-fill);color:var(--on-accent)}.app-shell.pixel-ui .palette-chip-code{color:var(--ink-2)}.app-shell.pixel-ui :is(.canvas-area,.palette-chip,.color-swatch,.palette-chip-bead,.palette-color-button,.palette-selection-toggle,.photo-grid-slider-track,.composition-crop-box,.mobile-current-color i,.production-hint i){border-radius:0!important}.app-shell.pixel-ui :is(.source-section:not(.desktop-params-card),.photo-source-rail,.action-library){--craft-soft:var(--accent-soft);--craft-ink:var(--accent-text);--craft-fill:var(--accent-fill)}.app-shell.pixel-ui :is(.desktop-params-card,.photo-specification-section){--craft-soft:var(--gold-soft);--craft-ink:var(--gold-text);--craft-fill:var(--gold-fill)}.app-shell.pixel-ui :is(.desktop-tools-card,.photo-settings-rail,.action-color-code){--craft-soft:var(--lake-soft);--craft-ink:var(--lake-text);--craft-fill:var(--lake-fill)}.app-shell.pixel-ui .desktop-palette-card{--craft-soft:var(--leaf-soft);--craft-ink:var(--leaf-text);--craft-fill:var(--leaf-fill)}.app-shell.pixel-ui.responsive-desktop .desktop-workflow-card,.app-shell.pixel-ui.responsive-desktop .desktop-workflow-card.inspector-section,.app-shell.pixel-ui :is(.photo-source-rail,.photo-specification-section,.photo-settings-rail){background:color-mix(in srgb, var(--craft-soft) 40%, var(--surface-1))}.app-shell.pixel-ui .desktop-workflow-card-title{background:var(--craft-soft);clip-path:var(--pixel-control-shape);padding:8px}.app-shell.pixel-ui .desktop-workflow-card-title strong{color:var(--craft-ink)}.app-shell.pixel-ui .desktop-step-index{background:var(--craft-fill);color:var(--on-accent);clip-path:var(--pixel-control-shape)}.app-shell.pixel-ui .desktop-params-card .desktop-step-index{color:var(--ink-1)}.app-shell.pixel-ui.theme-dark .desktop-params-card .desktop-step-index{color:var(--page)}.app-shell.pixel-ui .desktop-palette-card .inspector-tabs-fixed{background:var(--craft-soft)}.app-shell.pixel-ui :is(.photo-specification-title,.photo-settings-rail .photo-section-title>strong){color:var(--craft-ink)}.app-shell.pixel-ui .source-dropzone{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent-text) 35%, transparent)}.app-shell.pixel-ui .source-dropzone-plus{color:var(--accent-text);background:var(--surface-1)}.app-shell.pixel-ui :is(.source-color-recognition-button,.desktop-workbench-hero-cta-secondary){background:var(--lake-soft);color:var(--lake-text)}.app-shell.pixel-ui :is(.source-color-recognition-button,.desktop-workbench-hero-cta-secondary):hover:not(:disabled){background:color-mix(in srgb, var(--lake-text) 12%, var(--lake-soft));color:var(--lake-text)}.app-shell.pixel-ui :is(.login-button,.theme-toggle-button){background:var(--gold-soft);color:var(--gold-text)}.app-shell.pixel-ui :is(.desktop-product-nav,.mobile-bottom-nav) button.active{background:var(--accent-soft);color:var(--accent-text)}.app-shell.pixel-ui :is(.desktop-account-sidebar,.desktop-templates-sidebar,.mobile-home-recent,.mobile-home-continue){background:color-mix(in srgb, var(--leaf-soft) 45%, var(--surface-1))}.app-shell.pixel-ui :is(.settings-card,.mobile-settings-card,.mobile-settings-guide){background:color-mix(in srgb, var(--gold-soft) 30%, var(--surface-1))}.app-shell.pixel-ui :is(.desktop-template-card,.desktop-account-card){background:var(--surface-1)}.app-shell.pixel-ui .desktop-template-card-body{background:var(--leaf-soft)}.app-shell.pixel-ui.responsive-desktop .workspace.workspace-empty :is(.left-inspector.desktop-workflow-rail,.right-inspector.desktop-workflow-rail){opacity:1;filter:none}.app-shell.pixel-ui .desktop-workbench-hero{border-color:var(--pixel-trim);background-color:var(--surface-1);background-image:linear-gradient(90deg, var(--surface-1) 22px, transparent 22px), linear-gradient(var(--surface-1) 22px, var(--pixel-speck) 22px);background-size:24px 24px;position:relative}.app-shell.pixel-ui .desktop-workbench-hero:before,.app-shell.pixel-ui .desktop-workbench-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--accent-fill) 0 12px, transparent 12px 20px, var(--gold-fill) 20px 32px, transparent 32px 40px, var(--lake-fill) 40px 52px, transparent 52px 60px, var(--leaf-fill) 60px);width:72px;height:12px;position:absolute}.app-shell.pixel-ui .desktop-workbench-hero:before{top:24px;left:24px}.app-shell.pixel-ui .desktop-workbench-hero:after{bottom:24px;right:24px}.app-shell.pixel-ui .desktop-workbench-hero.is-dragover{background:var(--accent-soft);border-color:var(--accent-text)}.app-shell.pixel-ui input[type=range]::-webkit-slider-runnable-track{background:var(--gold-soft);border-block:1px solid var(--pixel-trim)}.app-shell.pixel-ui input[type=range]::-moz-range-track{background:var(--gold-soft);border-block:1px solid var(--pixel-trim)}.app-shell.pixel-ui .production-progress progress{accent-color:var(--leaf-fill)}@media (width>=1200px){.app-shell.pixel-ui :is(.desktop-account-layout,.desktop-templates-layout){padding:4px}}@media (width<=1199px){.app-shell.pixel-ui .topbar{height:calc(84px + env(safe-area-inset-top,0px));padding-top:calc(env(safe-area-inset-top,0px) + 16px)}.app-shell.pixel-ui .topbar-inner{gap:12px;height:60px;padding-inline:12px}.app-shell.pixel-ui :is(.mobile-home-screen,.mobile-projects-screen,.mobile-templates-screen,.mobile-settings-screen){top:calc(84px + env(safe-area-inset-top,0px))}.app-shell.pixel-ui .mobile-home-quick-actions{padding:16px 12px}.app-shell.pixel-ui .mobile-home-section-heading{flex-wrap:wrap;gap:6px 12px;margin-bottom:16px;padding-inline:0}.app-shell.pixel-ui .mobile-home-action-grid{border-top:0;gap:16px;margin-top:0}.app-shell.pixel-ui .mobile-home-recent{gap:16px;padding:16px}.app-shell.pixel-ui .mobile-home-recent>div:first-child{margin-bottom:0;padding-inline:0}.app-shell.pixel-ui .mobile-account-modules>button>div{flex:1 1 0;min-width:0}.app-shell.pixel-ui :is(.mobile-bottom-nav,.mobile-editor-toolbar){border-top:2px solid var(--bit-edge);box-shadow:none;background:var(--surface-1);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}.app-shell.pixel-ui .mobile-home-action{background-color:var(--craft-soft)}.app-shell.pixel-ui .mobile-home-action>span{background:var(--craft-fill);color:var(--on-accent);clip-path:var(--pixel-control-shape)}.app-shell.pixel-ui .mobile-home-action strong{color:var(--craft-ink)}.app-shell.pixel-ui .mobile-home-quick-actions{background:color-mix(in srgb, var(--gold-soft) 30%, var(--surface-1))}.app-shell.pixel-ui .mobile-home-section-heading>strong{color:var(--gold-text)}.app-shell.pixel-ui .mobile-home-hero{background-color:var(--accent-fill)}}@media (prefers-reduced-motion:reduce){.app-shell.pixel-ui button{transition:none}.app-shell.pixel-ui button:active:not(:disabled){translate:none}}:root{--font-color-code:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}.color-code{font-family:var(--font-color-code);font-variant-numeric:tabular-nums;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:600}:where(button,a[href],summary,select,input:is([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file]),[role=button],[role=link],[role=tab],[role=option],[role=menuitem],[role=menuitemcheckbox],[role=menuitemradio],[role=checkbox],[role=radio],[role=switch],[role=combobox]):where(:not(:disabled):not([aria-disabled=true]):not([data-disabled])),:where(label:has(input:is([type=checkbox],[type=radio],[type=file]),select,[role=combobox])){cursor:pointer}:is(button,input,select,textarea,[role]):is(:disabled,[aria-disabled=true],[data-disabled]),:where(label:has(:disabled,[aria-disabled=true],[data-disabled])){cursor:not-allowed}input[type=file]::file-selector-button{cursor:pointer}input[type=file]:disabled::file-selector-button{cursor:not-allowed}