:root{--ink:#f2f3f1;--ink-soft:#c7cbce;--muted:#8f959b;--line:#393c40;--paper:#17181a;--panel:#1d1f21;--white:#ffffff;--accent:#ef694c;--accent-dark:#c84b34;--accent-soft:#3a2925;--sage:#76aa8b;--blue:#75a2bd;--chrome:#141517;--chrome-raised:#222528;--stage:#292b2e;--stage-deep:#222426;--shadow:0 18px 55px rgba(20,22,24,0.16)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);color-scheme:dark;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}button{border:0;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-shell{height:100dvh;min-height:100vh;overflow:hidden;background:var(--paper)}.topbar{height:68px;justify-content:space-between;padding:0 28px;background:var(--ink);color:var(--white)}.brand-lockup,.topbar{display:flex;align-items:center}.brand-lockup{gap:11px;letter-spacing:.08em}.brand-lockup strong{display:block;font-size:15px;line-height:1}.brand-lockup small{display:block;margin-top:5px;color:#a7a8ab;letter-spacing:.2em}.brand-mark{width:29px;height:29px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3px;transform:rotate(-8deg)}.brand-mark span{display:block;border:2px solid var(--accent);background:transparent}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:var(--accent)}.topbar-status{display:flex;align-items:center;gap:7px;color:#c9d8cd;letter-spacing:.04em}.topbar-status svg{color:#9ac0a6}.topbar-actions{display:flex;align-items:center;gap:7px}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:transparent;color:#d9d8d4}.icon-button:hover{border-color:rgba(255,255,255,.4);color:var(--white)}.primary-button,.secondary-button{min-height:35px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border-radius:5px;font-size:12px;font-weight:700}.primary-button{background:var(--accent);color:var(--white)}.primary-button:hover{background:var(--accent-dark)}.secondary-button{border:1px solid var(--line);background:var(--white);color:var(--ink)}.secondary-button:hover{border-color:var(--accent);color:var(--accent-dark)}.secondary-button.cancel-button{border-color:#e8b5a6;color:var(--accent-dark)}.secondary-button.cancel-button:hover{background:#fff1ed}.full-width{width:100%}.export-wrap{position:relative}.export-menu{position:absolute;z-index:10;top:calc(100% + 8px);right:0;padding:5px;border:1px solid #38393d;border-radius:6px;background:#252629;box-shadow:var(--shadow)}.export-menu button{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:4px;background:transparent;color:#e8e7e3;text-align:left}.export-menu button>svg{flex:0 0 auto}.export-menu button>span{min-width:0}.export-menu button small,.export-menu button strong{display:block;letter-spacing:0}.export-menu button strong{font-size:11px;line-height:1.35}.export-menu button small{margin-top:2px;color:#aeb3b8;font-size:9px;line-height:1.35}.export-menu button:hover{background:#36373b}.studio-layout{display:grid;grid-template-columns:264px minmax(450px,1fr) 245px;height:calc(100dvh - 68px);min-height:0;overflow:hidden}.left-panel{border-right:1px solid var(--line);padding:24px 18px 28px}.right-panel{border-left:1px solid var(--line);padding:24px 18px 28px}.panel-scroll{min-height:0;overflow-y:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.panel-heading small{color:#b0aca5;font-size:9px;font-weight:700;letter-spacing:.12em}.section-gap{margin-top:27px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.upload-tile{width:100%;min-width:0;display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px;overflow:hidden;border:1px dashed #cac5bd;border-radius:5px;background:#f5f2ed;color:var(--ink);text-align:left}.upload-tile:hover{background:#fff8f3}.upload-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:4px;background:var(--white);color:var(--accent)}.upload-tile>div:last-child{min-width:0;flex:1 1}.ai-action strong,.upload-tile strong{display:block;font-size:11px}.ai-action small,.upload-tile small{display:block;max-width:165px;overflow:hidden;margin-top:3px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.upload-tile small{max-width:100%}.photo-route-guidance{margin-top:10px;padding:10px;border:1px solid #41464b;border-left:3px solid var(--accent);border-radius:5px;background:#24272a}.photo-route-guidance>header{display:flex;align-items:center;gap:8px;color:#f1f2f0}.photo-route-guidance>header>svg{flex:0 0 auto;color:#f07b61}.photo-route-guidance>header small,.photo-route-guidance>header strong{display:block}.photo-route-guidance>header strong{font-size:10px}.photo-route-guidance>header small{margin-top:2px;color:#aeb4b9;font-size:8px;font-weight:400}.photo-route-guidance>p{margin:8px 0;color:#c7cbce;font-size:9px;line-height:1.5}.photo-route-options{display:grid;grid-gap:6px;gap:6px}.photo-route-options>button{width:100%;min-height:54px;display:grid;grid-template-columns:18px minmax(0,1fr) 15px;align-items:center;grid-gap:8px;gap:8px;padding:8px;border:1px solid #484d52;border-radius:4px;background:#1d1f21;color:#e8eae7;text-align:left}.photo-route-options>button:hover:not(:disabled){border-color:#ec8b75;background:#2d2928}.photo-route-options>button>svg{color:#e98168}.photo-route-options>button>span{min-width:0}.photo-route-options small,.photo-route-options strong{display:block}.photo-route-options strong{font-size:9px;line-height:1.35}.photo-route-options strong em{margin-left:5px;color:#f18a72;font-size:8px;font-style:normal;font-weight:700}.photo-route-options small{margin-top:3px;color:#aeb4b9;font-size:8px;line-height:1.4;white-space:normal}.photo-route-options>button.active{border-color:#76aa8b;background:#233029}.photo-route-options>button.active>svg{color:#8fc2a2}.photo-route-note{display:block;margin-top:7px;color:#969ca1;font-size:8px;line-height:1.45}.ratio-mode-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;color:var(--ink-soft);font-size:10px;font-weight:700}.ratio-mode-label small{max-width:145px;overflow:hidden;color:var(--muted);font-size:8px;font-weight:400;text-align:right;text-overflow:ellipsis;white-space:nowrap}.ratio-segmented{margin-top:6px!important}.dimension-row{display:flex;align-items:flex-end;gap:8px;margin-top:12px;color:var(--muted);font-size:10px}.dimension-row label{min-width:0;flex:1 1}.dimension-row label>span{display:block;color:var(--ink-soft);font-size:10px;font-weight:700}.dimension-row label>small{display:block;min-height:22px;margin-top:3px;color:var(--muted);font-size:8px;line-height:1.35}.dimension-row input{width:100%;height:32px;display:block;margin-top:5px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink);font-size:13px;font-weight:700}.dimension-row>svg{margin-bottom:10px;color:#b4b0a9}.grid-preset-section{margin-top:10px}.grid-presets-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;color:var(--ink-soft);font-size:9px;font-weight:700}.grid-presets-label small{color:var(--muted);font-size:8px;font-weight:400}.grid-presets{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;gap:5px}.grid-presets button{min-height:27px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink-soft);font-size:9px;font-weight:700}.grid-presets button:hover{border-color:var(--accent);color:var(--accent-dark)}.grid-presets button.recommended{border-color:#c8d8cc;background:#f1f7f2;color:#456b52}.quality-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:5px;gap:5px}.quality-presets button{min-width:0;min-height:42px;padding:5px 3px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink-soft)}.quality-presets button:hover{border-color:var(--accent);color:var(--accent-dark)}.quality-presets button.active{border-color:var(--accent);background:var(--accent-soft);color:#ff876d;box-shadow:inset 0 0 0 1px rgba(239,105,76,.18)}.quality-presets button.active small{color:#d7aaa0}.quality-presets button.active.recommended{border-color:var(--accent);background:var(--accent-soft);color:#ff876d}.quality-presets small,.quality-presets strong{display:block}.quality-presets strong{font-size:9px}.quality-presets small{margin-top:3px;color:var(--muted);font-size:7px;font-weight:400}.grid-help{margin:7px 0 2px;color:var(--muted);font-size:8px;line-height:1.45}.grid-summary{margin-top:8px;padding:9px 10px;border-left:2px solid var(--blue);background:#f1f5f7}.grid-summary span,.grid-summary strong{display:block}.grid-summary strong{color:var(--ink);font-size:10px;line-height:1.45}.grid-summary span{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.45}.grid-summary.error{border-left-color:var(--accent);background:#fff1ed}.grid-summary.error span,.grid-summary.error strong{color:var(--accent-dark)}.setting-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;color:var(--ink-soft);font-size:9px;font-weight:700}.setting-label small{color:var(--muted);font-size:8px;font-weight:400}.preset-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px;margin-top:6px}.preset-buttons button{min-width:0;min-height:46px;padding:6px 7px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--muted);text-align:left}.preset-buttons small,.preset-buttons strong{display:block}.preset-buttons strong{color:var(--ink-soft);font-size:9px}.preset-buttons small{margin-top:3px;font-size:7px;line-height:1.35}.preset-buttons button.active,.preset-buttons button:hover{border-color:#a7c0ae;background:#edf5ef;color:#456b52}.preset-buttons button.active strong,.preset-buttons button:hover strong{color:#456b52}.preset-explanation{margin-top:6px;padding:8px 9px;border-left:2px solid #b9b5ad;background:#f3f1ed}.preset-explanation small,.preset-explanation span,.preset-explanation strong{display:block}.preset-explanation strong{color:var(--ink-soft);font-size:9px}.preset-explanation span{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.5}.preset-explanation small{margin-top:5px;color:#7d776f;font-size:8px;font-weight:700}.preset-explanation.applied{border-left-color:var(--sage);background:#edf5ef}.preset-explanation.applied small{color:#456b52}.preset-explanation.processing{border-left-color:var(--accent);background:#fff5f1}.preset-explanation.processing small{color:var(--accent-dark)}.processing-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin-top:9px}.color-compression-field{grid-column:1/-1}.color-compression-field>span{display:flex;justify-content:space-between;align-items:baseline}.color-compression-field>span small{color:var(--muted);font-size:8px;font-weight:400}.color-compression-range{width:100%;height:28px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.color-compression-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--accent) 0 var(--compression-progress),#ddd8d1 var(--compression-progress) 100%)}.color-compression-range::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;-webkit-appearance:none;appearance:none;border:2px solid var(--white);border-radius:50%;background:var(--accent);box-shadow:0 1px 4px rgba(0,0,0,.2)}.color-compression-range::-moz-range-track{height:6px;border-radius:3px;background:#ddd8d1}.color-compression-range::-moz-range-progress{height:6px;border-radius:3px;background:var(--accent)}.color-compression-range::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--white);border-radius:50%;background:var(--accent);box-shadow:0 1px 4px rgba(0,0,0,.2)}.color-compression-labels{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--muted);font-size:8px}.color-compression-labels strong{min-width:92px;padding:3px 7px;border:1px solid #edb3a1;border-radius:4px;background:#fff5f1;color:var(--accent-dark);font-size:8px;text-align:center}.color-compression-labels span:last-child{text-align:right}.processing-options label>span{display:block;margin-bottom:4px;color:var(--ink-soft);font-size:8px;font-weight:700}.processing-options select{width:100%;height:30px;padding:0 7px;border:1px solid var(--line);border-radius:4px;outline:none;background:var(--white);color:var(--ink);font-size:9px}.processing-options select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(229,105,76,.1)}.segmented{display:grid;grid-template-columns:1fr 1fr;grid-gap:3px;gap:3px;margin-top:10px;padding:3px;border-radius:5px;background:#ece8e1}.segmented button{height:28px;border-radius:3px;background:transparent;color:var(--muted);font-size:10px;font-weight:700}.segmented button.active{background:var(--white);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.07)}.toggle-row{min-height:33px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink-soft);font-size:11px}.toggle-row span{display:inline-flex;align-items:center;gap:7px}.toggle-row i{position:relative;width:30px;height:17px;border-radius:10px;background:#d4d0c9;transition:background .15s ease}.toggle-row i:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:var(--white);transition:transform .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.2)}.background-refine-tools{margin:3px 0 8px;padding:9px 0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.background-refine-tools>div:first-child small,.background-refine-tools>div:first-child strong{display:block}.background-refine-tools>div:first-child strong{color:var(--ink);font-size:10px}.background-refine-tools>div:first-child small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.45}.background-refine-tools>div:last-child{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:8px}.background-refine-tools button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink-soft);font-size:9px;font-weight:700}.background-refine-tools button.active,.background-refine-tools button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.toggle-button{width:100%;padding:0;background:transparent;text-align:left}.toggle-button[aria-checked=true] i{background:var(--sage)}.toggle-button[aria-checked=true] i:after{transform:translateX(13px)}.toggle-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toggle-button:disabled{cursor:wait;opacity:.68}.background-safety-result{min-height:30px;display:flex;align-items:center;gap:7px;margin:0 0 7px;padding:6px 8px;border-left:2px solid var(--line);border-radius:3px;background:#f0efec;color:var(--ink-soft);font-size:8px;line-height:1.45}.background-safety-result svg{flex:0 0 auto}.background-safety-result.applied{border-left-color:var(--sage);background:#edf5f0;color:#3d6d57}.background-safety-result.skipped{border-left-color:var(--blue);background:#edf3f6;color:#365f75}.view-segmented{display:grid;grid-template-columns:1fr 1fr;grid-gap:3px;gap:3px;margin:11px 0 8px;padding:3px;border-radius:5px;background:#ece8e1}.view-segmented button{height:29px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:3px;background:transparent;color:var(--muted);font-size:9px;font-weight:700}.view-segmented button.active{background:var(--white);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.07)}.mini-bead{width:12px;height:12px;display:inline-block;border-radius:50%;background:var(--accent);box-shadow:inset 2px 2px 2px rgba(255,255,255,.35),inset -2px -2px 2px rgba(0,0,0,.18)}.left-panel .secondary-button{margin-top:13px}.source-pattern-button{width:100%;min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:7px;border:1px solid #cad9ce;border-radius:5px;background:#f1f7f2;color:#456b52;font-size:10px;font-weight:700}.source-pattern-button:hover{background:#e7f1e9}.ai-action-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.ai-action{width:100%;display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #ead1c7;border-radius:5px;background:#fff7f2;color:var(--ink);text-align:left}.ai-action:hover{border-color:var(--accent);background:#fff0e9}.ai-action>span{width:30px;height:30px;display:grid;place-items:center;border-radius:4px;background:var(--accent);color:var(--white)}.ai-action>svg{margin-left:auto;color:var(--accent)}.ai-action.fidelity{border-color:#cad9ce;background:#f1f7f2}.ai-action.fidelity:hover{border-color:var(--sage);background:#e7f1e9}.ai-action.fidelity>span{background:var(--sage)}.ai-action.fidelity>svg{color:var(--sage)}.ai-action.bead{border-color:#c8d7e2;background:#f0f6f9}.ai-action.bead:hover{border-color:var(--blue);background:#e6f0f5}.ai-action.bead>span{background:var(--blue)}.ai-action.bead>svg{color:var(--blue)}.ai-action.bead{margin-bottom:16px}.ai-export-note{margin:7px 1px 0;color:var(--muted);font-size:8px;line-height:1.5}.zoom-row{display:grid;grid-template-columns:37px 1fr 37px;align-items:center;grid-gap:8px;gap:8px;margin-top:7px;color:var(--ink-soft);font-size:10px}.zoom-row input{width:100%;accent-color:var(--accent)}.zoom-row output{color:var(--muted);text-align:right}.fit-view-button{width:100%;min-height:29px;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink-soft);font-size:9px;font-weight:700}.fit-view-button:hover{border-color:var(--blue);color:var(--blue)}.workspace{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#ece8e1}.workspace-bar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(251,250,248,.7)}.workspace-bar strong{display:block}.workspace-bar span{display:block;margin-top:5px;color:var(--muted);font-size:10px}.quality-badge{display:flex!important;align-items:center;gap:7px;margin:0!important;color:var(--sage)!important;font-size:10px!important;white-space:nowrap}.quality-badge i{width:7px;height:7px;border-radius:50%;background:var(--sage)}.canvas-stage{position:relative;flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center;padding:45px 42px 36px;overflow:hidden}.workspace-view-switch{position:absolute;z-index:5;top:11px;left:50%;width:min(620px,calc(100% - 32px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:3px;gap:3px;padding:3px;border:1px solid #d8d3cb;border-radius:5px;background:rgba(236,232,225,.94);box-shadow:0 2px 8px rgba(45,42,37,.06);transform:translateX(-50%)}.workspace-view-switch button{min-width:0;min-height:32px;padding:0 6px;border-radius:3px;background:transparent;color:var(--muted);font-size:9px;font-weight:700;white-space:nowrap}.workspace-view-switch button:hover{color:var(--ink)}.workspace-view-switch button.active{background:var(--white);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}.board-viewport{width:100%;height:100%;min-height:0;display:flex}.board-viewport.fit-view{align-items:center;justify-content:center;overflow:hidden}.board-viewport.manual-view{align-items:flex-start;justify-content:flex-start;overflow:auto}.board-viewport.preview-view{align-items:center!important;justify-content:center!important;overflow:hidden!important}.source-reference-image{width:100%;height:100%;display:block;object-fit:contain}.perfect-pixel-source-image{background:#fff;image-rendering:pixelated}.pixel-image{display:block;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.pixel-grid-preview{position:relative;width:min(100%,760px);max-width:100%;max-height:100%;overflow:hidden;background:#f5f3ef}.pixel-grid-preview>img,.pixel-grid-preview>svg{position:absolute;inset:0;display:block;width:100%;height:100%}.pixel-grid-preview>img{object-fit:fill;image-rendering:pixelated}.pixel-grid-preview>svg{pointer-events:none}.pattern-grid-preview{width:min(100%,1100px);max-width:100%;max-height:100%;overflow:hidden;background:#f4f1ec}.pattern-grid-preview canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.pattern-grid-preview.compact{width:100%;height:100%}.pixel-pattern-preview{box-sizing:border-box;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;min-width:22px;min-height:22px;max-width:100%;max-height:100%;padding:10px;overflow:hidden;border:1px solid #aaa59d;box-shadow:0 14px 35px rgba(39,37,33,.13)}.pixel-pattern-preview canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;image-rendering:pixelated}.pixel-pattern-preview.fit-parent{width:auto;height:auto}.pixel-pattern-preview.fit-parent canvas{width:100%;height:100%}.pixel-pattern-preview.with-grid{background:#f8f8f8}.workspace-empty-view{display:grid;place-items:center;grid-gap:9px;gap:9px;color:#aaa59d;font-size:10px}.ironed-preview{width:100%}.ironed-artboard,.ironed-preview{height:100%;display:flex;align-items:center;justify-content:center}.ironed-artboard{max-width:min(78%,760px);padding:clamp(24px,6%,58px);overflow:hidden;background:#f1e7d3;box-shadow:0 10px 28px rgba(58,52,45,.08)}.ironed-canvas{width:100%;height:100%;display:block;object-fit:contain;image-rendering:auto;filter:drop-shadow(7px 9px 3px rgba(43,38,34,.3))}.locked-mode-note{display:inline-flex;align-items:center;gap:5px;margin-top:4px;color:#b47724;font-size:10px;line-height:1.4}.board-frame{position:relative;flex:0 0 auto}.pattern-board-canvas{position:absolute;top:24px;left:30px;display:block;border:1px solid #aaa59d;background:#fff;box-shadow:0 20px 54px rgba(0,0,0,.3);cursor:crosshair;image-rendering:pixelated;touch-action:manipulation}.pattern-board{position:absolute;top:24px;left:30px;display:grid;max-width:none;max-height:none;border:1px solid #bdb7ae;background:var(--white);box-shadow:0 14px 35px rgba(39,37,33,.13);transition:width .15s ease,height .15s ease}.pattern-board.bead-view{gap:var(--bead-gap,2px);padding:var(--bead-padding,7px);border-color:#b8b0a5;background:#d8d1c7;box-shadow:0 15px 35px rgba(39,37,33,.18)}.pattern-board.bead-view button{display:grid;place-items:center;border:0}.pattern-board.bead-view button,.pattern-board.bead-view button.external{background:transparent!important}.bead-shape{position:relative;width:86%;height:86%;display:grid;place-items:center;border:1px solid rgba(0,0,0,.15);border-radius:50%;background:var(--bead-color);box-shadow:inset 2px 2px 3px rgba(255,255,255,.42),inset -2px -3px 4px rgba(0,0,0,.24),0 1px 1px rgba(0,0,0,.16);color:#fff;font-size:6px;font-weight:800;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.3);pointer-events:none;transition:none}.bead-shape:before{top:18%;left:20%;width:17%;height:17%;background:rgba(255,255,255,.55)}.bead-shape:after,.bead-shape:before{content:"";position:absolute;border-radius:50%}.bead-shape:after{top:39%;left:39%;width:22%;height:22%;background:rgba(20,20,20,.2);box-shadow:inset 1px 1px 1px rgba(0,0,0,.18),1px 1px 1px rgba(255,255,255,.18)}.pattern-board.compact-beads .bead-shape{border-width:0;box-shadow:none}.pattern-board.compact-beads .bead-shape:after,.pattern-board.compact-beads .bead-shape:before{display:none}.pattern-board.bead-view button.selected .bead-shape,.pattern-board.bead-view button:hover .bead-shape{transform:none;outline:none}.pattern-board.pattern-view button{background:var(--white);background-clip:padding-box}.pattern-board.pattern-view button.external{background:#f9f8f5}.pattern-board button{position:relative;min-width:0;min-height:0;padding:0;border:0;border-right:1px solid rgba(49,48,46,.34);border-bottom:1px solid rgba(49,48,46,.34);border-radius:0;color:var(--white);font-size:6px;font-weight:700;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.18);outline:none;transition:none}.pattern-board.pattern-view:not(.grid-hidden) button.grid-guide-right{border-right:1px dashed rgba(75,78,80,.42)}.pattern-board.pattern-view:not(.grid-hidden) button.grid-guide-bottom{border-bottom:1px dashed rgba(75,78,80,.42)}.pattern-board.pattern-view:not(.grid-hidden) button.grid-major-right{border-right:2px solid rgba(56,59,61,.62)}.pattern-board.pattern-view:not(.grid-hidden) button.grid-major-bottom{border-bottom:2px solid rgba(56,59,61,.62)}.pattern-board:not(.grid-hidden) button.board-edge-right{border-right:3px solid rgba(45,43,40,.82)}.pattern-board:not(.grid-hidden) button.board-edge-bottom{border-bottom:3px solid rgba(45,43,40,.82)}.pattern-board.grid-hidden button{border-color:transparent}.pattern-board.pattern-view.grid-hidden button{background-clip:border-box}.pattern-board button.external{background:#f9f8f5;color:transparent}.pattern-board button:active,.pattern-board button:focus,.pattern-board button:hover{z-index:1;outline:none!important;box-shadow:none;transform:none}.pattern-board button:focus-visible{z-index:4;outline:2px solid var(--sage)!important;outline-offset:-2px;box-shadow:none;transform:none}.pattern-board button.selected{z-index:3;outline:none!important;box-shadow:inset 0 0 0 2px var(--sage)}.pattern-board button.selection-cell{z-index:2;box-shadow:inset 0 0 0 2px #6d9b83}.pattern-board button.selection-cell:after{content:"";position:absolute;inset:2px;border:1px dashed rgba(255,255,255,.86);pointer-events:none}.pattern-board.color-focus-mode{background:#25272a}.pattern-board.color-focus-mode button.color-focus-dimmed{opacity:.2}.pattern-board.color-focus-mode button.color-focus-match{z-index:2;opacity:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.pattern-board.color-focus-mode button.color-focus-dimmed.selected,.pattern-board.color-focus-mode button.color-focus-dimmed.selection-cell{opacity:.48}.axis-label{position:absolute;color:#858078;font-size:9px;font-weight:700;pointer-events:none}.axis-label span{position:absolute;line-height:1}.axis-horizontal{left:30px;right:28px;height:12px}.axis-horizontal span{transform:translateX(-50%)}.axis-vertical{top:24px;bottom:28px;width:24px}.axis-vertical span{transform:translateY(-50%)}.axis-top{top:4px}.axis-bottom{bottom:4px}.axis-left{left:0;text-align:right}.axis-left span{right:3px}.axis-right{right:0}.axis-right span{left:3px}.statusbar{min-height:36px;justify-content:space-between;padding:0 28px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.statusbar,.statusbar span{display:flex;align-items:center}.statusbar span{gap:5px}.statusbar span:first-child{color:var(--sage)}.edit-history{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;margin-bottom:8px}.edit-history button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink-soft);font-size:9px;font-weight:700}.edit-history button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark);background:#fff8f3}.tool-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;margin-bottom:12px;padding:3px;border-radius:5px;background:#ece8e1}.tool-strip button{min-width:0;height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:3px;background:transparent;color:var(--muted);font-size:8px;font-weight:700}.tool-strip button.active{background:var(--white);color:var(--accent-dark);box-shadow:0 1px 3px rgba(0,0,0,.08)}.selection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;color:var(--ink-soft);font-size:9px;font-weight:800}.selection-heading small{color:var(--muted);font-size:8px;font-weight:400}.selection-tools{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;margin-top:6px}.selection-actions button,.selection-tools button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--muted);font-size:8px;font-weight:700}.selection-tools button{flex-direction:column}.selection-actions button:hover:not(:disabled),.selection-tools button.active,.selection-tools button:hover{border-color:var(--accent);color:var(--accent-dark);background:#fff8f3}.selection-next-step{display:flex;align-items:flex-start;gap:6px;margin-top:5px;padding:7px 8px;border-left:2px solid var(--accent);background:#fff5f1;font-size:8px;line-height:1.45}.selection-next-step strong{flex:0 0 auto;color:var(--accent-dark)}.selection-next-step span{color:var(--ink-soft)}.selection-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;margin-top:5px}.selection-actions button:disabled{opacity:.42}.selection-lock-row{min-height:29px;margin-top:2px;font-size:9px}.active-color{width:100%;display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--white);color:inherit;text-align:left}.active-color:hover{border-color:var(--accent);background:#fff8f3}.active-color>span{width:29px;height:29px;border:1px solid rgba(0,0,0,.12);border-radius:3px}.active-color strong{display:block;font-size:13px}.active-color small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.active-color>svg{margin-left:auto;color:var(--muted)}.batch-tools{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;margin-top:7px}.batch-tools button{min-height:29px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink-soft);font-size:8px;font-weight:700}.batch-tools button:hover{border-color:var(--accent);color:var(--accent-dark)}.cell-inspector{display:grid;grid-template-columns:1fr auto;grid-row-gap:5px;row-gap:5px;margin-top:10px;padding:9px 10px;border-left:2px solid var(--accent);background:#f6f2ec;color:var(--muted);font-size:10px}.cell-inspector strong{color:var(--ink);font-size:11px}.cell-inspector small{grid-column:1/-1}.color-focus-status{min-height:42px;display:grid;grid-template-columns:18px minmax(0,1fr) 28px;align-items:center;grid-gap:7px;gap:7px;margin-top:9px;padding:6px 5px 6px 8px;border-left:2px solid var(--accent);background:#fff3ef;color:var(--accent-dark)}.color-focus-status span{min-width:0}.color-focus-status small,.color-focus-status strong{display:block}.color-focus-status strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.color-focus-status small{margin-top:3px;color:var(--ink-soft);font-size:8px;line-height:1.35}.color-focus-status button{width:28px;height:28px;display:grid;place-items:center;border-radius:4px;background:transparent;color:var(--muted)}.color-focus-status button:hover{background:rgba(239,105,76,.12);color:var(--accent-dark)}.color-list{display:flex;flex-direction:column;gap:2px;margin-top:10px}.color-list button{min-height:40px;display:flex;align-items:center;gap:8px;padding:5px 6px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ink);text-align:left}.color-list button.active,.color-list button:hover{border-color:var(--line);background:var(--white)}.color-list button.focused{border-color:var(--accent);background:var(--accent-soft)}.swatch{width:23px;height:23px;flex:0 0 auto;border:1px solid rgba(0,0,0,.12);border-radius:3px}.color-list button span:nth-child(2){min-width:0;flex:1 1}.color-list strong{display:block;font-size:11px}.color-list small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.color-list b{color:var(--ink-soft);font-size:11px}.total-row{display:flex;justify-content:space-between;margin-top:17px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.total-row strong{color:var(--ink);font-size:15px}.production-actions{display:grid;grid-gap:7px;gap:7px;margin-top:12px}.production-actions>button{min-height:48px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--sage);text-align:left}.production-actions>button:hover{background:#f2f7f3}.production-actions span{min-width:0}.production-actions small,.production-actions strong{display:block}.production-actions strong{color:var(--ink);font-size:10px}.production-actions small{margin-top:3px;color:var(--muted);font-size:8px}.palette-picker-modal{width:min(720px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 24px 90px rgba(0,0,0,.35)}.palette-picker-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:#f2f1ee}.palette-picker-modal header>div{display:flex;align-items:center;gap:9px;min-width:0}.palette-picker-modal header>div>span{width:33px;height:33px;display:grid;place-items:center;border-radius:5px;background:#fce4da;color:var(--accent-dark)}.palette-picker-modal header small,.palette-picker-modal header strong{display:block}.palette-picker-modal header strong{font-size:13px}.palette-picker-modal header small{margin-top:3px;color:var(--muted);font-size:9px}.palette-picker-selected{display:flex;align-items:center;gap:10px;margin:12px 18px 0;padding:10px;border:1px solid var(--line);border-radius:5px;background:#fff8f3}.palette-picker-large-swatch{width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(0,0,0,.16);border-radius:4px}.palette-picker-selected>div{min-width:0;flex:1 1}.palette-picker-selected small,.palette-picker-selected strong{display:block}.palette-picker-selected small{margin-top:3px;color:var(--muted);font-size:9px}.palette-picker-search{display:flex;align-items:center;gap:8px;margin:10px 18px 0;color:var(--muted);font-size:9px}.palette-picker-search input{min-width:0;flex:1 1;height:32px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink);font-size:10px}.palette-picker-grid{min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));grid-gap:6px;gap:6px;overflow-y:auto;padding:12px 18px}.palette-picker-grid button{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:18px 14px;align-items:center;grid-column-gap:6px;column-gap:6px;padding:5px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ink);text-align:left}.palette-picker-grid button.active,.palette-picker-grid button:hover{border-color:var(--accent);background:#fff4ef}.palette-picker-swatch{grid-row:1/span 2;width:28px;height:28px;border:1px solid rgba(0,0,0,.14);border-radius:3px}.palette-picker-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.palette-picker-grid small{color:var(--muted);font-size:8px}.palette-picker-modal footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:rgba(17,18,20,.64)}.ai-modal{width:min(630px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #44454a;border-radius:8px;background:var(--panel);box-shadow:0 24px 90px rgba(0,0,0,.35)}.ai-modal.chibi-modal{width:min(860px,100%)}.ai-modal.bead-modal{width:min(1040px,100%)}.ai-modal header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.ai-modal header>div{display:flex;align-items:center;gap:10px}.ai-modal header>div>span{width:33px;height:33px;display:grid;place-items:center;border-radius:5px;background:#fce4da;color:var(--accent-dark)}.ai-modal header strong{display:block;font-size:13px}.ai-modal header small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.ai-modal .icon-button{color:var(--muted);border-color:var(--line)}.ai-modal .icon-button:hover{color:var(--ink);border-color:var(--ink)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;padding:18px 20px 10px}.compare-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-grid.chibi-source-compare{width:min(720px,100%);margin:0 auto}.compare-grid.bead-source-compare{grid-template-columns:repeat(3,minmax(0,1fr))}.bead-candidate-workspace{min-width:0}.bead-candidate-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:7px;gap:7px;margin:4px 20px 0}.bead-candidate-card{min-width:0;display:flex;flex-direction:column;gap:3px;padding:5px;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--ink-soft);text-align:left}.bead-candidate-card:hover:not(:disabled){border-color:var(--accent);background:#fff7f3}.bead-candidate-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fff2ed}.bead-candidate-card:disabled{cursor:default;opacity:.78}.bead-candidate-thumb{width:100%;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:#f0ede8}.bead-candidate-thumb img{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated}.bead-candidate-thumb .pattern-compare-preview{height:100%;border:0;border-radius:0}.bead-candidate-thumb .pattern-compare-preview canvas{max-height:none;height:calc(100% - 20px)}.candidate-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;grid-gap:4px;gap:4px;color:var(--muted);text-align:center}.candidate-placeholder small{font-size:8px}.bead-candidate-card>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.bead-candidate-card>em,.bead-candidate-card>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px;font-style:normal}.bead-candidate-card>em{color:var(--blue)}.bead-candidate-card.error>em{color:var(--accent-dark)}.compare-grid figure{margin:0}.compare-grid figcaption{margin-bottom:7px;color:var(--muted);font-size:10px}.compare-grid img,.empty-preview{display:block;width:100%;aspect-ratio:1;object-fit:contain;border:1px solid var(--line);border-radius:4px;background:#f0ede8}.ai-image-actions{display:flex;gap:5px;margin-top:6px}.ai-image-actions .secondary-button{min-height:28px;flex:1 1;padding:0 6px;font-size:9px}.empty-preview{display:grid;place-items:center;color:#c3bdb5}.pattern-compare-preview{overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#f0ede8}.pattern-compare-preview canvas{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;image-rendering:pixelated}.pattern-compare-preview>small{display:block;padding:7px 8px;border-top:1px solid var(--line);background:var(--white);color:var(--muted);font-size:8px;text-align:center}.ai-preview-empty{min-height:180px;aspect-ratio:auto;align-content:center;gap:8px;text-align:center}.ai-preview-empty small{max-width:150px;color:var(--muted);font-size:8px;line-height:1.45}.ai-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;margin:8px 20px 0;padding:3px;border-radius:5px;background:#ece8e1}.ai-mode-tabs button{height:30px;border-radius:3px;background:transparent;color:var(--muted);font-size:10px;font-weight:700}.ai-mode-tabs button.active{background:var(--white);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.07)}.chibi-style-section{margin:9px 20px 0}.chibi-style-section>span{display:block;margin-bottom:6px;color:var(--ink-soft);font-size:9px;font-weight:700}.chibi-style-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px}.chibi-style-presets button{min-width:0;min-height:48px;padding:7px 8px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink-soft);text-align:left}.chibi-style-presets button.active{border-color:var(--sage);background:#edf5ef;color:#456b52}.chibi-style-presets button.risky.active{border-color:var(--accent);background:#fff1ed;color:var(--accent-dark)}.chibi-style-presets small,.chibi-style-presets strong{display:block}.chibi-style-presets strong{font-size:9px}.chibi-style-presets small{margin-top:3px;color:var(--muted);font-size:7px;line-height:1.35}.chibi-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin:9px 20px 0}.chibi-options label>span{display:block;margin-bottom:5px;color:var(--ink-soft);font-size:8px;font-weight:700}.chibi-options select{width:100%;height:31px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink);font-size:9px}.chibi-custom-prompt{display:block;margin:9px 20px 0;color:var(--ink-soft);font-size:9px;font-weight:700}.chibi-custom-prompt>span{display:flex;justify-content:space-between}.chibi-custom-prompt>small,.chibi-custom-prompt>span small{color:var(--muted);font-size:7px;font-weight:400}.chibi-custom-prompt textarea{width:100%;min-height:62px;display:block;margin:5px 0 4px;padding:8px 9px;resize:vertical;border:1px solid var(--line);border-radius:4px;outline:none;background:var(--white);color:var(--ink);font-size:9px;line-height:1.5}.chibi-custom-prompt textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(229,105,76,.12)}.chibi-likeness-note{margin:6px 20px 0;padding:7px 9px;border-left:2px solid var(--sage);background:#edf5ef;color:#456b52;font-size:8px;line-height:1.45}.chibi-likeness-note.warning{border-left-color:var(--accent);background:#fff1ed;color:var(--accent-dark)}.bead-tier-section{margin:10px 20px 0}.bead-tier-section>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.bead-tier-section>div:first-child span{color:var(--ink-soft);font-size:9px;font-weight:700}.bead-tier-section>div:first-child small{color:var(--muted);font-size:8px;text-align:right}.bead-tier-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;margin-top:7px}.bead-tier-options button{min-width:0;min-height:66px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:8px 9px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink-soft);text-align:left}.bead-tier-options button.active,.bead-tier-options button:hover{border-color:var(--blue);background:#edf4f8;color:#315d74}.bead-tier-options strong{font-size:10px}.bead-tier-options em,.bead-tier-options small{color:var(--muted);font-size:8px;font-style:normal;line-height:1.25}.chibi-history-bar{display:flex;align-items:center;gap:9px;margin:9px 20px 0}.chibi-history-bar .secondary-button{min-height:29px;padding:0 8px;font-size:9px}.chibi-history-bar small{color:var(--muted);font-size:8px}.chibi-history-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px;margin:8px 20px 0;padding:7px;border:1px solid var(--line);border-radius:4px;background:#f7f4ef}.chibi-history-list>small{grid-column:1/-1;color:var(--muted);font-size:8px}.chibi-history-item{min-width:0;padding:4px;border:1px solid transparent;border-radius:4px;background:var(--white);color:var(--ink);text-align:left}.chibi-history-item:hover{border-color:var(--accent)}.chibi-history-item img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#f0ede8}.chibi-history-item span{display:block;min-width:0;padding:4px 2px 1px}.chibi-history-item small,.chibi-history-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chibi-history-item strong{font-size:8px}.chibi-history-item small{margin-top:3px;color:var(--muted);font-size:7px}.history-backdrop{z-index:40}.history-modal{width:min(520px,100%);max-height:min(680px,calc(100dvh - 32px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 24px 90px rgba(0,0,0,.35)}.history-detail-modal header,.history-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--chrome-raised)}.history-detail-modal header>div,.history-modal header>div{display:flex;align-items:center;gap:9px;min-width:0}.history-modal header>div>span{width:33px;height:33px;display:grid;place-items:center;border-radius:5px;background:var(--accent-soft);color:var(--accent)}.history-detail-modal header small,.history-detail-modal header strong,.history-modal header small,.history-modal header strong{display:block}.history-detail-modal header strong,.history-modal header strong{font-size:13px}.history-detail-modal header small,.history-modal header small{margin-top:3px;color:var(--muted);font-size:9px}.history-list{min-height:0;display:grid;grid-gap:8px;gap:8px;overflow-y:auto;padding:12px 16px}.history-row{padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--chrome-raised)}.history-row,.history-row-main{display:flex;align-items:center;gap:10px;min-width:0}.history-row-main{flex:1 1;padding:0;background:transparent;color:var(--ink);text-align:left}.history-row-main:hover{color:var(--accent)}.history-row-main img{width:56px;height:56px;flex:0 0 auto;object-fit:cover;border:1px solid var(--line);border-radius:4px;background:var(--stage-deep);image-rendering:auto}.history-row-main>span{min-width:0}.history-row-main small,.history-row-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row-main strong{font-size:11px}.history-row-main small{margin-top:4px;color:var(--muted);font-size:9px}.history-row-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.history-detail-button{min-height:32px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink-soft);font-size:10px}.history-detail-button:hover{border-color:var(--accent);color:var(--accent)}.history-row .delete-history-btn{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:4px}.history-row .delete-history-btn:hover{border-color:var(--accent);color:var(--accent)}.history-empty{min-height:180px;display:grid;place-items:center;align-content:center;grid-gap:9px;gap:9px;color:var(--muted);font-size:11px}.history-detail-modal footer,.history-modal footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.history-detail-backdrop{z-index:45}.history-detail-modal{width:min(760px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 24px 90px rgba(0,0,0,.4)}.history-detail-body{min-height:0;overflow-y:auto;padding:18px}.history-detail-image-button{position:relative;width:100%;min-height:260px;display:grid;place-items:center;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--stage-deep);color:var(--white)}.history-detail-image-button>.history-preview-artboard,.history-detail-image-button>.history-preview-image,.history-detail-image-button>.history-preview-pattern{width:100%;max-height:min(56vh,520px)}.history-preview-image{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.history-preview-artboard{position:relative;width:100%;max-width:100%;max-height:min(56vh,520px);overflow:hidden}.history-preview-artboard img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.history-preview-artboard svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.history-preview-pattern{width:100%;max-width:100%;overflow:hidden}.history-preview-pattern .pattern-compare-preview{width:min(100%,640px);margin:0 auto;border:0;border-radius:0;background:transparent}.history-preview-pattern .pattern-compare-preview canvas{width:100%;max-height:min(56vh,520px);object-fit:contain}.history-preview-pattern .pattern-compare-preview>small{display:none}.history-preview-grid .pattern-grid-preview{width:min(100%,640px);margin:0 auto}.history-preview-grid .pattern-grid-preview canvas{width:100%;height:auto;max-height:min(56vh,520px);object-fit:contain}.history-detail-image-button>span{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:4px;background:rgba(20,21,23,.78);color:#fff;font-size:10px}.history-detail-image-button:hover>span{background:var(--accent)}.history-view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;width:min(360px,100%);margin:12px auto 0}.history-view-tabs button{min-width:0;display:grid;grid-template-rows:56px auto;grid-gap:4px;gap:4px;padding:4px;border:1px solid var(--line);border-radius:5px;background:var(--chrome-raised);color:var(--ink-soft)}.history-view-tabs button.active,.history-view-tabs button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark)}.history-view-tabs button:disabled{opacity:.45;cursor:not-allowed}.history-view-tabs strong{font-size:9px}.history-thumb{display:block;min-width:0;width:100%;height:56px;overflow:hidden;border-radius:3px;background:var(--stage-deep)}.history-thumb .history-preview-artboard,.history-thumb .history-preview-image,.history-thumb .history-preview-pattern{width:100%;height:100%;max-height:none}.history-thumb .history-preview-pattern .pattern-compare-preview{height:100%}.history-thumb .history-preview-pattern .pattern-compare-preview canvas{height:100%;max-height:none}.history-thumb .history-preview-grid .pattern-grid-preview{height:100%}.history-thumb .history-preview-grid .pattern-grid-preview canvas{height:100%;max-height:none}.history-detail-status{display:inline-flex;margin-right:6px;padding:2px 5px;border-radius:3px;background:#d9f5df;color:#277744;font-size:8px}.history-detail-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.history-detail-meta span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:9px}.history-zoom-backdrop{z-index:55;padding:24px;background:rgba(5,6,7,.92)}.history-zoom-preview{width:min(94vw,1200px);height:min(90vh,900px);display:grid;place-items:center}.history-zoom-preview .history-preview-artboard,.history-zoom-preview .history-preview-image,.history-zoom-preview .history-preview-pattern{max-width:100%;max-height:100%}.history-zoom-preview .history-preview-pattern .pattern-compare-preview{max-height:100%}.history-zoom-preview .history-preview-pattern .pattern-compare-preview canvas{max-height:86vh}.history-zoom-preview .history-preview-grid .pattern-grid-preview{max-height:100%}.history-zoom-preview .history-preview-grid .pattern-grid-preview canvas{max-height:86vh}.history-zoom-close{position:fixed;top:16px;right:16px;z-index:1}.model-choice{display:grid;grid-template-columns:64px 1fr 1fr;align-items:stretch;grid-gap:4px;gap:4px;margin:10px 20px 0;color:var(--muted);font-size:9px}.model-choice>span{display:flex;align-items:center}.model-choice button{min-height:38px;padding:5px 7px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink-soft);text-align:left;font-size:10px;font-weight:700}.model-choice button.active{border-color:#e8b5a6;background:#fff6f2;color:var(--accent-dark)}.model-choice small{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:400}.api-key-field{display:block;margin:11px 20px 0;color:var(--ink-soft);font-size:10px}.api-key-field>span{display:flex;align-items:center;gap:5px}.api-key-field>span small{margin-left:auto;color:var(--muted);font-size:8px;font-weight:400}.api-key-input{display:flex;align-items:center;gap:2px;margin-top:6px;padding:2px 3px 2px 9px;border:1px solid var(--line);border-radius:4px;background:var(--white)}.api-key-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px rgba(229,105,76,.12)}.api-key-input input{min-width:0;flex:1 1;height:28px;border:0;outline:none;background:transparent;color:var(--ink);font-size:11px}.api-key-input button{width:28px;height:28px;display:grid;place-items:center;border-radius:3px;background:transparent;color:var(--muted)}.api-key-input button:hover:not(:disabled){background:#f3eee8;color:var(--ink)}.api-key-note{display:block;margin-top:5px;color:var(--muted);font-size:8px;line-height:1.45}.prompt-field{display:block;padding:10px 20px 0;color:var(--ink-soft);font-size:10px}.prompt-field textarea{width:100%;min-height:75px;display:block;margin-top:7px;padding:9px 10px;resize:vertical;border:1px solid var(--line);border-radius:4px;outline:none;background:var(--white);color:var(--ink);font-size:11px;line-height:1.55}.prompt-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(229,105,76,.12)}.ai-pipeline-note{margin:8px 20px 0;color:var(--muted);font-size:8px;line-height:1.5}.error-banner{margin:12px 20px 0;padding:9px 10px;border-left:2px solid var(--accent);background:#fff1ed;color:var(--accent-dark);font-size:10px}.ai-quality-banner{margin:10px 20px 0;padding:9px 10px;border-left:2px solid #7b9b65;background:#f0f6eb;color:#49613d;font-size:9px;line-height:1.45}.ai-quality-banner.rejected{border-left-color:var(--accent);background:#fff1ed;color:var(--accent-dark)}.ai-duration{display:flex;align-items:center;justify-content:space-between;margin:9px 20px 0;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--muted);font-size:9px}.ai-duration strong{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ai-timing{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px;margin:6px 20px 0;color:var(--muted);font-size:8px;text-align:center}.ai-timing span{padding:5px 3px;border:1px solid var(--line);border-radius:3px;background:var(--white)}.ai-query-summary{margin:6px 20px 0;color:var(--muted);font-size:8px;line-height:1.45;text-align:center}.retry-task-button{border-color:#b9cddd;color:#3d647d}.ai-modal footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:16px 20px 20px}.ai-modal footer button{min-height:40px}.focus-modal,.inventory-modal{width:min(900px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #44454a;border-radius:8px;background:var(--panel);box-shadow:0 24px 90px rgba(0,0,0,.35)}.inventory-modal{width:min(700px,100%)}.focus-modal header,.inventory-modal header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.focus-modal header>div,.inventory-modal header>div{display:flex;align-items:center;gap:10px}.focus-modal header>div>span,.inventory-modal header>div>span{width:33px;height:33px;display:grid;place-items:center;border-radius:5px;background:#e5efe7;color:var(--sage)}.focus-modal header strong,.inventory-modal header strong{display:block;font-size:13px}.focus-modal header small,.inventory-modal header small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.focus-modal .icon-button,.inventory-modal .icon-button{border-color:var(--line);color:var(--muted)}.focus-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) 150px;grid-gap:10px;gap:10px;padding:14px 20px 9px}.focus-toolbar label>span{display:block;margin-bottom:5px;color:var(--muted);font-size:8px}.focus-toolbar select{width:100%;height:35px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:var(--white);color:var(--ink);font-size:10px;font-weight:700}.focus-timer{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #bdd0c1;border-radius:4px;background:#eef5ef;color:var(--sage)}.focus-timer small,.focus-timer strong{display:block}.focus-timer small{font-size:7px}.focus-timer strong{margin-top:2px;color:var(--ink);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.focus-progress-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:0 20px 10px}.focus-progress-grid>div{padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--white)}.focus-progress-grid span{color:var(--muted);font-size:8px}.focus-progress-grid strong{float:right;font-size:9px}.focus-progress-grid i{height:4px;display:block;clear:both;margin-top:8px;overflow:hidden;border-radius:2px;background:#e7e5e0}.focus-progress-grid b{height:100%;display:block;background:var(--sage)}.focus-canvas-wrap{max-height:calc(100dvh - 310px);margin:0 20px;overflow:auto;border:1px solid #424347;background:#262729}.focus-canvas{width:100%;height:auto;display:block;cursor:crosshair;image-rendering:pixelated}.focus-note{margin:8px 20px 0;color:var(--muted);font-size:8px}.focus-modal footer,.inventory-modal footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 20px 18px}.focus-modal{width:min(1080px,100%);overflow:hidden}.focus-header-actions{display:flex;align-items:center;gap:8px}.focus-header .focus-timer{min-width:142px;min-height:38px;padding:0 12px}.focus-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;padding:10px 20px;border-bottom:1px solid var(--line);background:#191b1d}.focus-mode-tabs button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:4px;background:transparent;color:#92989e;font-size:10px;font-weight:800}.focus-mode-tabs button:hover{background:#25282b;color:#eef0ee}.focus-mode-tabs button.active{border-color:#385748;background:#203029;color:#9ac3aa}.focus-progress-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,46%);align-items:center;grid-gap:16px;gap:16px;padding:12px 20px;border-bottom:1px solid #383b3f;background:#222427}.focus-progress-copy{min-width:0;display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:start;grid-gap:8px;gap:8px}.focus-progress-copy span{color:#aeb3b6;font-size:9px;font-weight:700}.focus-progress-copy strong{color:#eef0ee;font-size:19px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.focus-progress-copy small{grid-column:1/-1;color:#858b90;font-size:8px}.focus-current-task i,.focus-progress-overview>i{height:6px;display:block;overflow:hidden;border-radius:3px;background:#3b3e42}.focus-current-task b,.focus-progress-overview b{height:100%;display:block;background:var(--sage)}.focus-workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 245px}.focus-canvas-column{min-width:0;padding:12px 14px 0 20px}.focus-target-nav{min-height:42px;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;grid-gap:8px;gap:8px;margin-bottom:8px}.focus-target-nav>span{min-width:0;text-align:center}.focus-target-nav small,.focus-target-nav strong{display:block}.focus-target-nav small{color:#858b90;font-size:8px}.focus-target-nav strong{margin-top:3px;overflow:hidden;color:#eef0ee;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.focus-target-nav .icon-button{width:34px;height:34px}.focus-canvas-column .focus-canvas-wrap{max-height:calc(100dvh - 390px);min-height:250px;margin:0}.focus-task-panel{padding:16px;border-left:1px solid #383b3f;background:#202225}.focus-target-select>span{display:block;margin-bottom:6px;color:#92989e;font-size:8px;font-weight:700}.focus-target-select select{width:100%;min-height:40px;padding:0 9px;border:1px solid #45494d;border-radius:4px;background:#292c2f;color:#eef0ee;font-size:10px;font-weight:700}.focus-current-task{margin-top:14px;padding:12px;border:1px solid #3b3e42;border-radius:4px;background:#25272a}.focus-current-task span{color:#92989e;font-size:8px}.focus-current-task strong{float:right;color:#eef0ee;font-size:10px}.focus-current-task i{clear:both;margin-top:10px}.focus-incomplete-toggle{min-height:50px;display:flex;align-items:center;gap:9px;margin-top:12px;padding:8px 10px;border:1px solid #3b3e42;border-radius:4px;background:#25272a;cursor:pointer}.focus-incomplete-toggle input{width:17px;height:17px;flex:0 0 auto;accent-color:var(--sage)}.focus-incomplete-toggle small,.focus-incomplete-toggle strong{display:block}.focus-incomplete-toggle strong{color:#eef0ee;font-size:9px}.focus-incomplete-toggle small{margin-top:3px;color:#858b90;font-size:8px}.focus-complete-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;border-radius:4px;background:var(--sage);color:#fff;font-size:10px;font-weight:800}.focus-complete-button:hover:not(:disabled){background:#5d9077}.focus-complete-button:disabled{opacity:.45;cursor:not-allowed}.focus-undo-button{width:100%;min-height:40px;margin-top:8px}.focus-modal>footer{border-top:1px solid #383b3f;background:#1c1e20}.inventory-summary{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:14px 20px 9px}.inventory-summary>div{padding:9px 10px;border-left:2px solid var(--sage);background:#edf5ef}.inventory-summary>div.shortage{border-left-color:var(--accent);background:#fff1ed}.inventory-summary span,.inventory-summary strong{display:block}.inventory-summary span{color:var(--muted);font-size:8px}.inventory-summary strong{margin-top:4px;font-size:10px}.inventory-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:3px;gap:3px;margin:0 20px 9px;padding:3px;border-radius:5px;background:#ece8e1}.inventory-tabs button{height:29px;border-radius:3px;background:transparent;color:var(--muted);font-size:9px;font-weight:700}.inventory-tabs button.active{background:var(--white);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.07)}.inventory-search{display:block;margin:0 20px 9px}.inventory-search input{width:100%;height:33px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:var(--white);font-size:10px}.inventory-list{max-height:430px;margin:0 20px;overflow-y:auto;border-top:1px solid var(--line)}.inventory-row{min-height:62px;display:grid;grid-template-columns:28px minmax(0,1fr) 84px auto;align-items:center;grid-gap:9px;gap:9px;padding:8px 4px;border-bottom:1px solid var(--line)}.inventory-row.compact{min-height:52px;grid-template-columns:28px minmax(0,1fr) 84px}.inventory-row>div small,.inventory-row>div strong{display:block}.inventory-row>div strong{font-size:10px}.inventory-row>div small{margin-top:2px;color:var(--muted);font-size:8px}.inventory-row>div small.substitute{color:#54715a}.inventory-row>label span{display:block;margin-bottom:3px;color:var(--muted);font-size:7px}.inventory-row input{width:100%;height:29px;padding:0 7px;border:1px solid var(--line);border-radius:4px;background:var(--white);font-size:10px}.inventory-row>button{height:29px;padding:0 8px;border:1px solid #bad0bf;border-radius:4px;background:#eef5ef;color:#456b52;font-size:8px;font-weight:700}.inventory-row.shortage{background:#fffaf7}.inventory-note{margin:7px 20px 0;color:var(--muted);font-size:8px}@media (max-width:1100px){.studio-layout{grid-template-columns:230px minmax(400px,1fr) 220px}.left-panel,.right-panel{padding-left:14px;padding-right:14px}.statusbar,.workspace-bar{padding-left:20px;padding-right:20px}}@media (max-width:900px){.studio-shell{height:auto;overflow:visible}.topbar{height:60px;padding:0 14px}.topbar-status{display:none}.studio-layout{height:auto;min-height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:visible}.left-panel,.right-panel{border:0}.left-panel{order:2;padding:18px 16px 20px}.right-panel{order:3;padding:18px 16px 26px}.workspace{order:1;min-height:570px;height:570px}.workspace-bar{padding:0 16px}.canvas-stage{min-height:430px;padding:48px 27px 34px}.board-viewport{width:100%;height:100%}.statusbar{padding:0 16px}.statusbar span:last-child{display:none}.left-panel .section-gap:first-of-type{margin-top:18px}.color-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.compare-grid.bead-source-compare,.compare-grid.three{grid-template-columns:1fr}.bead-candidate-gallery{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:14px;margin-right:14px}.compare-grid.three .empty-preview,.compare-grid.three img{aspect-ratio:4/3}}@media (max-width:480px){.brand-lockup small,.topbar-actions .icon-button{display:none}.primary-button{padding:0 10px}.workspace-bar{min-height:60px}.quality-badge{display:none!important}.canvas-stage{min-height:390px}.compare-grid{gap:7px}.ai-modal footer,.ai-modal header,.compare-grid,.prompt-field{padding-left:14px;padding-right:14px}.ai-modal footer button{flex:1 1 180px;min-height:44px}.ai-duration,.ai-pipeline-note,.ai-quality-banner,.chibi-custom-prompt,.chibi-style-section{margin-left:14px;margin-right:14px}.bead-tier-options,.chibi-options,.chibi-style-presets{grid-template-columns:1fr}.bead-tier-section,.chibi-options{margin-left:14px;margin-right:14px}.focus-progress-grid,.focus-toolbar,.inventory-summary{grid-template-columns:1fr}.focus-modal{overflow-y:auto}.history-detail-modal,.history-modal{max-height:calc(100dvh - 20px)}.history-detail-modal header,.history-modal header{padding-left:14px;padding-right:14px}.history-detail-body,.history-list{padding-left:12px;padding-right:12px}.history-row{padding:7px}.history-row-main img{width:52px;height:52px}.history-detail-image-button{min-height:220px}.focus-workspace{grid-template-columns:1fr}.focus-task-panel{border-top:1px solid #383b3f;border-left:0}.focus-canvas-column .focus-canvas-wrap{max-height:500px}.inventory-row{grid-template-columns:24px minmax(0,1fr) 72px}.inventory-row>button{grid-column:2/-1}.focus-modal footer,.inventory-modal footer{flex-wrap:wrap}}@media (max-width:540px){.focus-header .focus-timer{min-width:44px;width:44px;padding:0}.focus-header .focus-timer span{display:none}.focus-mode-tabs{padding:8px 10px}.focus-mode-tabs button{min-width:0;padding:0 4px;font-size:9px}.focus-progress-overview{grid-template-columns:1fr;gap:9px;padding-left:14px;padding-right:14px}.focus-canvas-column,.focus-modal>footer{padding-left:10px;padding-right:10px}.focus-modal>footer{flex-wrap:wrap}.focus-modal>footer button{flex:1 1;min-height:44px}}.studio-shell{background:var(--stage)}.topbar{height:72px;padding:0 26px;border-bottom:1px solid #34373a;background:var(--chrome)}.brand-lockup{gap:12px}.brand-mark-image{width:38px;height:38px;display:block;flex:0 0 auto}.brand-copy{min-width:0}.brand-name{display:flex;align-items:baseline;gap:8px;line-height:1}.brand-name strong{font-family:Arial Rounded MT Bold,Segoe UI,PingFang SC,sans-serif;font-size:18px;font-weight:800;letter-spacing:.08em}.brand-name span{color:#f4f4f2;font-size:12px;font-weight:800;letter-spacing:.12em}.brand-lockup small{margin-top:6px;color:#a7aaad;font-size:8px;letter-spacing:.18em}.brand-mark{width:36px;height:36px;gap:3px;transform:rotate(-6deg)}.brand-mark span{position:relative;border:0;border-radius:50%;background:var(--bead-color);box-shadow:inset 2px 2px 2px rgba(255,255,255,.3),inset -2px -2px 2px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.25)}.brand-mark span:after{content:"";position:absolute;inset:50% auto auto 50%;width:5px;height:5px;border-radius:50%;background:var(--chrome);box-shadow:inset 0 1px 1px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.16);transform:translate(-50%,-50%)}.brand-mark span:first-child{--bead-color:#ef694c}.brand-mark span:nth-child(2){--bead-color:#f2b84b}.brand-mark span:nth-child(3){--bead-color:#5eb7a0}.brand-mark span:nth-child(4){--bead-color:#6f93c5}.topbar-status{min-height:34px;padding:0 13px;border:1px solid #343c38;border-radius:5px;background:#1d211f;color:#c0d6c8;font-size:11px}.topbar-status svg{color:#83b093}.topbar-actions{gap:8px}.topbar .icon-button{width:40px;height:40px;border-color:#36393c;border-radius:6px;background:#1b1d1f;color:#d6d8da}.topbar .icon-button:hover:not(:disabled){border-color:#65696d;background:#24272a;color:#fff;transform:translateY(-1px)}.topbar .primary-button{min-height:40px;padding:0 18px;border:1px solid #f27a60;border-radius:6px;box-shadow:0 7px 18px rgba(239,105,76,.18)}.topbar .primary-button:hover{background:#dc583c;box-shadow:0 9px 22px rgba(239,105,76,.25);transform:translateY(-1px)}.export-menu{top:calc(100% + 10px);width:min(264px,calc(100vw - 20px));padding:6px;border-color:#3d4043;background:#202225;box-shadow:0 18px 45px rgba(0,0,0,.3)}.export-menu button:hover{background:#2d3033;color:#fff}.studio-layout{grid-template-columns:286px minmax(460px,1fr) 272px;height:calc(100dvh - 72px)}.left-panel,.right-panel{background:var(--panel)}.left-panel{padding:22px 18px 30px;border-right-color:#d2d1cd}.right-panel{padding:22px 18px 30px;border-left-color:#d2d1cd}.panel-scroll{scrollbar-color:#c5c3be transparent;scrollbar-width:thin}.panel-scroll::-webkit-scrollbar{width:8px}.panel-scroll::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:8px;background:#c5c3be}.panel-heading{min-height:22px;color:#292c30;font-size:10px;letter-spacing:.12em}.panel-heading:before{content:"";width:12px;height:12px;margin-right:7px;border:3px solid var(--accent);border-radius:50%;background:var(--panel);box-shadow:0 1px 2px rgba(30,31,33,.1)}.panel-heading>span{margin-right:auto}.panel-heading small{color:#a5a29c}.section-gap{margin-top:24px}.upload-tile{min-height:58px;margin-top:10px;border-color:#d7b6ab;background:#fff8f5}.upload-tile:hover{background:var(--accent-soft);transform:translateY(-1px)}.upload-icon{width:36px;height:36px;border:3px solid #f1a491;border-radius:50%;background:#fff}.chibi-options select,.dimension-row input,.focus-toolbar select,.inventory-row input,.inventory-search input,.processing-options select{border-color:#d5d3ce;background:#fff;box-shadow:inset 0 1px 0 rgba(23,25,28,.02)}.batch-tools button,.edit-history button,.fit-view-button,.grid-presets button,.preset-buttons button,.quality-presets button,.selection-actions button,.selection-tools button{border-color:#d7d5d0;background:#fff}.batch-tools button:hover,.edit-history button:hover:not(:disabled),.fit-view-button:hover,.grid-presets button:hover,.quality-presets button:hover,.selection-actions button:hover:not(:disabled),.selection-tools button.active,.selection-tools button:hover{border-color:#e69a88;background:var(--accent-soft);color:var(--accent-dark)}.grid-presets button.recommended,.quality-presets button.recommended{border-color:#e6a999;background:#fff3ef;color:var(--accent-dark)}.preset-buttons button.active,.preset-buttons button:hover{border-color:#df8f7b;background:var(--accent-soft);color:var(--accent-dark)}.preset-buttons button.active strong,.preset-buttons button:hover strong{color:var(--accent-dark)}.grid-summary{background:#edf3f6}.preset-explanation{background:#f0efec}.ai-mode-tabs,.inventory-tabs,.segmented,.tool-strip,.view-segmented{background:#e7e6e2}.ai-mode-tabs button.active,.inventory-tabs button.active,.segmented button.active,.tool-strip button.active,.view-segmented button.active{color:var(--accent-dark);box-shadow:0 1px 4px rgba(30,31,33,.09)}.toggle-row i{box-shadow:inset 0 0 0 1px rgba(23,25,28,.04)}.source-pattern-button{border-color:#b9d0c1;background:#edf5f0;color:#3d6d57}.source-pattern-button:hover{border-color:var(--sage);background:#e4f0e8}.ai-action{border-color:#edc5b9;background:#fff6f2}.ai-action:hover{background:#ffede7;transform:translateY(-1px)}.ai-action.fidelity{border-color:#bed3c5;background:#edf5f0}.ai-action.fidelity:hover{background:#e4f0e8}.primary-button{box-shadow:0 5px 14px rgba(239,105,76,.15)}.primary-button:hover{transform:translateY(-1px)}.workspace{background:var(--stage)}.workspace-bar{min-height:64px;padding:0 24px;border-bottom-color:#3b3e42;background:var(--chrome-raised);color:#f5f5f3}.workspace-bar strong{font-size:13px;letter-spacing:.01em}.workspace-bar span{color:#9fa4a8}.quality-badge{min-height:28px;padding:0 10px;border:1px solid #3c4c43;border-radius:4px;background:#242b27;color:#9cc0aa!important}.quality-badge i{background:#72a486;box-shadow:0 0 0 3px rgba(114,164,134,.12)}.canvas-stage{padding:48px 42px 38px;background-color:var(--stage);background-image:radial-gradient(circle,rgba(255,255,255,.075) 0 1.25px,transparent 1.5px);background-position:1px 1px;background-size:18px 18px}.workspace-view-switch{top:10px;border-color:#45484c;background:#1d1f21;box-shadow:0 8px 22px rgba(0,0,0,.18)}.workspace-view-switch button{min-height:31px;color:#a9adb1}.workspace-view-switch button:hover{color:#fff}.workspace-view-switch button.active{background:var(--accent);color:#fff;box-shadow:0 3px 10px rgba(239,105,76,.22)}.workspace-empty-view{color:#92979b}.workspace-empty-view svg{color:#d0806c}.ironed-artboard{border:1px solid #46423a;background:#efe2ca;box-shadow:0 18px 48px rgba(0,0,0,.28)}.pattern-board{border-color:#aaa59d;box-shadow:0 20px 54px rgba(0,0,0,.3)}.pattern-board.bead-view{border-color:#a9a39a;box-shadow:0 20px 54px rgba(0,0,0,.32)}.axis-label{color:#aeb2b5}.statusbar{min-height:38px;padding:0 24px;border-top-color:#3b3e42;background:var(--stage-deep);color:#a2a6aa}.statusbar span:first-child{color:#a7c7b2}.workspace-bar>div:first-child strong{display:flex;align-items:center;gap:8px}.workspace-bar>div:first-child strong:before{content:"";width:12px;height:12px;flex:0 0 auto;border:3px solid var(--accent);border-radius:50%;background:var(--chrome-raised)}.active-color{border-color:#d4d2cc;box-shadow:0 4px 14px rgba(30,31,33,.05)}.active-color>span,.swatch{position:relative;border-radius:50%;box-shadow:inset 2px 2px 2px rgba(255,255,255,.28),inset -2px -2px 2px rgba(0,0,0,.14),0 1px 2px rgba(0,0,0,.12)}.active-color>span:after,.swatch:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#f8f8f6;box-shadow:inset 0 1px 1px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.08);transform:translate(-50%,-50%)}.active-color>span{width:34px;height:34px}.mini-bead{position:relative}.mini-bead:after{content:"";position:absolute;inset:50% auto auto 50%;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.25);transform:translate(-50%,-50%)}.color-list button.active,.color-list button:hover{border-color:#e1b4a8;background:#fff3ef}.color-list button.active{box-shadow:inset 3px 0 0 var(--accent)}.production-actions>button{border-color:#d2d5d0;box-shadow:0 3px 10px rgba(25,27,29,.04)}.production-actions>button:hover{border-color:var(--sage);background:#edf5f0;transform:translateY(-1px)}.cell-inspector,.selection-next-step{background:#fff2ed}.modal-backdrop{background:rgba(13,14,15,.76);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ai-modal,.focus-modal,.inventory-modal{border-color:#4a4d50;border-radius:7px;box-shadow:0 28px 100px rgba(0,0,0,.46)}.ai-modal header,.focus-modal header,.inventory-modal header{background:#f2f1ee}.api-key-input,.chibi-custom-prompt textarea,.prompt-field textarea{border-color:#d4d2cd}@media (max-width:1180px){.studio-layout{grid-template-columns:248px minmax(400px,1fr) 234px}.left-panel,.right-panel{padding-left:14px;padding-right:14px}}@media (max-width:900px){.topbar{height:64px}.studio-layout{height:auto;min-height:calc(100vh - 64px);overflow:visible}.workspace{border-bottom:1px solid #34373a}.left-panel,.right-panel{background:#f8f8f6}.panel-scroll{overflow-y:visible}.canvas-stage{padding-left:24px;padding-right:24px}.batch-tools button,.fit-view-button,.grid-presets button,.preset-buttons button,.primary-button,.production-actions>button,.quality-presets button,.secondary-button,.segmented button,.selection-actions button,.selection-tools button,.source-pattern-button,.upload-tile,.view-segmented button,.workspace-view-switch button{min-height:44px}}@media (max-width:480px){.topbar{height:60px;padding:0 12px}.brand-mark-image{width:34px;height:34px}.brand-name strong{font-size:16px}.brand-name span{font-size:9px}.topbar .primary-button{min-height:40px;padding:0 12px}.workspace{height:540px;min-height:540px}.workspace-bar{min-height:58px;padding:0 14px}.workspace-bar strong{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-stage{min-height:410px;padding:48px 14px 34px}.workspace-view-switch{width:calc(100% - 20px)}.workspace-view-switch button{padding:0 3px;font-size:8px}.left-panel,.right-panel{padding-left:14px;padding-right:14px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar{height:64px;padding:0 18px}.studio-layout{height:calc(100dvh - 64px);grid-template-columns:280px minmax(460px,1fr) 268px}.left-panel,.right-panel{border-color:#35383c;background:#1c1e20;padding-top:18px}.panel-scroll{scrollbar-color:#494d52 transparent}.panel-scroll::-webkit-scrollbar-thumb{background:#494d52;background-clip:padding-box}.panel-heading{color:#eef0ee}.panel-heading:before{border-color:var(--accent);background:#1c1e20}.grid-presets-label small,.panel-heading small,.ratio-mode-label small,.setting-label small{color:#777d83}.active-color,.batch-tools button,.chibi-style-presets button,.edit-history button,.fit-view-button,.grid-presets button,.model-choice button,.preset-buttons button,.production-actions>button,.quality-presets button,.secondary-button,.selection-actions button,.selection-tools button,.upload-tile{border-color:#3b3e42;background:#27292c;color:var(--ink-soft);box-shadow:none}.upload-tile{border-color:#684239;background:#282321}.upload-tile:hover{border-color:var(--accent);background:#342825}.upload-icon{border-color:#75483d;background:#332622}.api-key-input,.chibi-custom-prompt textarea,.chibi-options select,.dimension-row input,.focus-toolbar select,.inventory-row input,.inventory-search input,.processing-options select,.prompt-field textarea{border-color:#3b3e42;background:#27292c;color:#f0f1ef;box-shadow:none}.batch-tools button:hover,.edit-history button:hover:not(:disabled),.fit-view-button:hover,.grid-presets button:hover,.preset-buttons button.active,.preset-buttons button:hover,.quality-presets button:hover,.selection-actions button:hover:not(:disabled),.selection-tools button.active,.selection-tools button:hover{border-color:#8f5143;background:#382925;color:#ff9a82}.preset-buttons button strong,.quality-presets button strong{color:#d7d9d7}.preset-buttons button.active strong,.preset-buttons button:hover strong{color:#ffa38d}.grid-presets button.recommended,.quality-presets button.recommended{border-color:#7e493e;background:#332622;color:#ff9a82}.ai-mode-tabs,.inventory-tabs,.segmented,.view-segmented{border:1px solid #33363a;background:#151719}.ai-mode-tabs button.active,.inventory-tabs button.active,.segmented button.active,.view-segmented button.active{background:#2a2d30;color:#ff9a82;box-shadow:none}.grid-summary{border-left-color:var(--blue);background:#202b31}.preset-explanation{background:#242628}.preset-explanation.applied{background:#203029}.cell-inspector,.preset-explanation.processing,.selection-next-step{background:#342622}.color-compression-labels strong{border-color:#74463b;background:#332622;color:#ff9a82}.color-compression-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent) 0 var(--compression-progress),#45484c var(--compression-progress) 100%)}.toggle-row i{background:#4a4d51}.toggle-row i:after{background:#dfe1df}.background-refine-tools{border-color:#373a3e}.background-refine-tools>div:first-child strong{color:#d7d9d7}.background-refine-tools button{border-color:#45494d;background:#27292c;color:#b8bdc1}.background-refine-tools button.active,.background-refine-tools button:hover{border-color:#7c493e;background:#3a2b27;color:#ff987f}.background-safety-result{border-left-color:#55595d;background:#242628;color:#b8bdc1}.background-safety-result.applied{border-left-color:#5d8e73;background:#203029;color:#90c3a5}.background-safety-result.skipped{border-left-color:#4f7891;background:#202d35;color:#8fb7cd}.source-pattern-button{border-color:#385748;background:#203029;color:#90c3a5}.source-pattern-button:hover{border-color:#5d8e73;background:#263b31}.ai-action{border-color:#704337;background:#322420;color:#f0f1ef}.ai-action:hover{background:#3c2924}.ai-action.fidelity{border-color:#385748;background:#203029}.local-entry-shell{margin-bottom:12px}.local-entry-group{margin-top:12px;padding:9px;border:1px solid #34373a;border-radius:6px;background:#181a1c}.local-entry-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #45494e;border-radius:4px;background:#25282b;color:#d8dad8}.entry-divider{display:flex;align-items:center;gap:8px;margin:10px 0 8px;color:#777d83;font-size:8px;font-weight:800}.entry-divider:after,.entry-divider:before{content:"";height:1px;flex:1 1;background:#34373a}.ai-workflow-banner{margin:14px 0 10px;padding:10px 11px;border-left:3px solid #75a2bd;background:#202b31}.ai-workflow-banner strong{display:flex;align-items:center;gap:6px;color:#a8c9da;font-size:10px}.ai-workflow-banner p{margin:5px 0 0;color:#b8bdc1;font-size:8px;line-height:1.55}.ai-color-preservation-note{display:flex;align-items:flex-start;gap:7px;margin:8px 0 10px;padding:8px 9px;border-left:3px solid #5d8e73;background:#203029;color:#9bc5aa;font-size:8px;line-height:1.5}.ai-color-preservation-note svg{flex:0 0 auto;margin-top:1px}.ai-action:focus-visible,.color-compression-range:focus-visible,.local-entry-group button:focus-visible{outline:2px solid #ffa38d;outline-offset:2px}.ai-action.fidelity:hover{background:#263b31}.ai-action.bead{border-color:#36556a;background:#202d35}.ai-action.bead:hover{background:#263945}.ai-action.bead>div{min-width:0;flex:1 1}.ai-action.bead small{max-width:none;white-space:normal;line-height:1.35}.workspace{background:#222427}.workspace-bar{min-height:54px;padding:0 18px;border-color:#36393d}.workspace-bar,.workspace-bar>div:first-child strong:before{background:#1c1e20}.quality-badge{background:#202925}.canvas-stage{padding:48px 34px 82px;background-color:#242629}.workspace-view-switch{top:9px;width:min(400px,calc(100% - 28px));border-color:#42464a;background:rgba(20,21,23,.96)}.workspace-view-switch button{height:30px}.workspace-view-switch button.active{background:#34302f;color:#ff9a82;box-shadow:inset 0 0 0 1px #7c493e}.workspace-view-switch button:disabled{cursor:wait;opacity:.45}.pixel-pattern-preview{border-color:#aaa59d;background:#fff;box-shadow:0 20px 54px rgba(0,0,0,.3)}.canvas-tool-dock{position:absolute;z-index:8;bottom:14px;left:50%;width:auto;display:flex;grid-template-columns:none;gap:3px;margin:0;padding:4px;border:1px solid #45494d;border-radius:7px;background:rgba(20,21,23,.96);box-shadow:0 12px 32px rgba(0,0,0,.34);transform:translateX(-50%)}.canvas-tool-dock button{width:56px;height:45px;flex:0 0 auto;border-radius:5px;color:#a9aeb3}.canvas-tool-dock button:hover{background:#292c2f;color:#fff}.canvas-tool-dock button.active{background:#3a2b27;color:#ff987f;box-shadow:inset 0 0 0 1px #7c493e}.statusbar{min-height:34px;padding:0 18px;background:#1a1c1e}.active-color,.color-list button,.production-actions>button{color:#eef0ee}.active-color:hover{border-color:#8f5143;background:#382925}.color-list button.active,.color-list button:hover{border-color:#704337;background:#322420}.color-list button.focused{border-color:#a75f4d;background:#3b2924;box-shadow:inset 3px 0 0 var(--accent)}.color-focus-status{border-left-color:var(--accent);background:#342622;color:#ff9a82}.color-focus-status small{color:#c6c9c6}.color-focus-status button{color:#a9aeb3}.color-focus-status button:hover{background:rgba(255,154,130,.12);color:#ff9a82}.palette-picker-modal{border-color:#464a4e;background:#1c1e20;color:#eef0ee}.palette-picker-modal header{border-color:#383b3f;background:#222427}.palette-picker-modal header>div>span{background:#3b2924;color:#ff9a82}.palette-picker-selected{border-color:#704337;background:#322420}.palette-picker-search input{border-color:#3b3e42;background:#27292c;color:#f0f1ef}.palette-picker-grid button{color:#eef0ee}.palette-picker-grid button.active,.palette-picker-grid button:hover{border-color:#8f5143;background:#382925}.palette-picker-modal footer{border-color:#383b3f}.active-color>span:after,.swatch:after{background:#1c1e20;border:1px solid rgba(255,255,255,.12)}.total-row{border-color:#383b3f}.modal-backdrop{background:rgba(7,8,9,.82)}.ai-modal,.focus-modal,.inventory-modal{border-color:#464a4e;background:#1c1e20;color:#eef0ee}.ai-modal header,.focus-modal header,.inventory-modal header{border-color:#383b3f;background:#222427}.ai-modal header>div>span{background:#3b2924;color:#ff9a82}.ai-action.bead>span{background:#3f708b;color:#f0f5f7}.ai-modal .icon-button,.focus-modal .icon-button,.inventory-modal .icon-button{border-color:#42464a;color:#b4b8bc}.chibi-history-item img,.compare-grid img,.empty-preview,.pattern-compare-preview{border-color:#3b3e42;background:#151719}.pattern-compare-preview>small{border-color:#3b3e42;background:#25272a}.chibi-history-list{border-color:#3b3e42;background:#17191b}.chibi-history-item{background:#25272a;color:#eef0ee}.api-key-input button:hover:not(:disabled){background:#34373a;color:#fff}.ai-duration,.ai-timing span,.focus-progress-grid>div{border-color:#3b3e42;background:#25272a}.ai-quality-banner,.chibi-likeness-note{background:#203029;color:#9ac3aa}.bead-tier-options button{border-color:#3b4d58;background:#252a2d;color:#d3d8da}.bead-tier-options button.active,.bead-tier-options button:hover{border-color:#4f8eab;background:#20333e;color:#a8d1e3}.bead-candidate-card{border-color:#3b3e42;background:#25272a;color:#d3d8da}.bead-candidate-card.active,.bead-candidate-card:hover:not(:disabled){border-color:#8f5143;background:#342622}.bead-candidate-thumb{border-color:#3b3e42;background:#151719}.bead-candidate-card>em{color:#8fb7cd}.bead-candidate-card.error>em{color:#ff9a82}.ai-quality-banner.rejected,.chibi-likeness-note.warning,.error-banner{background:#342622;color:#ff9a82}.ai-pixel-progress-backdrop{z-index:52}.ai-pixel-progress-modal{width:min(500px,100%);overflow:hidden;border:1px solid #464a4e;border-radius:7px;background:#1c1e20;color:#eef0ee;box-shadow:0 28px 100px rgba(0,0,0,.48)}.ai-pixel-progress-modal header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #383b3f;background:#222427}.ai-pixel-progress-modal header>div{display:flex;align-items:center;gap:10px;min-width:0}.ai-pixel-progress-modal header>div>span{width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;border-radius:5px;background:#20333e;color:#9ac8dd}.ai-pixel-progress-modal header small,.ai-pixel-progress-modal header strong{display:block}.ai-pixel-progress-modal header strong{font-size:13px}.ai-pixel-progress-modal header small{margin-top:3px;color:#9da3a8;font-size:10px}.ai-pixel-progress-modal header .icon-button{flex:0 0 auto;border-color:#464a4e;color:#c9ced1}.ai-pixel-progress-body{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;grid-gap:14px;gap:14px;padding:18px}.ai-pixel-progress-preview{width:112px;height:112px;display:grid;place-items:center;overflow:hidden;border:1px solid #3b3e42;border-radius:5px;background:#151719;color:#8fb7cd}.ai-pixel-progress-preview img{display:block;width:100%;height:100%;object-fit:cover}.ai-pixel-progress-copy small,.ai-pixel-progress-copy strong{display:block}.ai-pixel-progress-copy strong{color:#edf0ee;font-size:12px;line-height:1.55}.ai-pixel-progress-copy small{margin-top:8px;color:#aeb4b9;font-size:10px;line-height:1.55}.ai-pixel-progress-error{margin:0 18px 14px}.ai-pixel-progress-modal footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid #383b3f;background:#202225}.ai-pixel-progress-modal footer button{min-height:40px}@media (max-width:480px){.ai-pixel-progress-body{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:16px}.ai-pixel-progress-preview{width:88px;height:88px}.ai-pixel-progress-modal footer{flex-wrap:wrap}.ai-pixel-progress-modal footer button{flex:1 1 150px}}.focus-timer{border-color:#385748;background:#203029}.focus-progress-grid i{background:#3b3e42}.inventory-summary>div{background:#203029}.inventory-row.shortage,.inventory-summary>div.shortage{background:#342622}.inventory-row>button{border-color:#385748;background:#203029;color:#9ac3aa}.pattern-board,.pattern-board.pattern-view button{background:#fff}.pattern-board button{color:#fff}.pattern-board button.external,.pattern-board.pattern-view button.external{background:#f9f8f5}@media (max-width:1180px){.studio-layout{grid-template-columns:242px minmax(400px,1fr) 228px}}@media (max-width:900px){.studio-layout{height:auto;min-height:calc(100vh - 64px)}.left-panel,.right-panel{background:#1c1e20}.canvas-stage{padding-bottom:78px}}@media (max-width:480px){.canvas-tool-dock{bottom:10px;width:calc(100% - 24px)}.canvas-tool-dock button{width:auto;min-width:0;flex:1 1}}.topbar{gap:16px}.brand-lockup{flex:0 0 auto}.brand-lockup small{letter-spacing:0}.topbar-guide{min-width:0;height:40px;display:flex;flex:0 1 430px;align-items:center;justify-content:center;gap:13px;padding:0 14px;border:1px solid #35393d;border-radius:6px;background:#1b1d1f;color:#aeb3b7;font-size:10px;white-space:nowrap}.topbar-guide:hover{border-color:#54595e;background:#222528;color:#f2f3f1}.topbar-guide>span{display:inline-flex;align-items:center;gap:5px}.topbar-guide b{width:18px;height:18px;display:inline-grid;place-items:center;border:1px solid #6d443b;border-radius:50%;color:#ff9a82;font-size:9px}.topbar-guide-title{color:#f0f1ef;font-weight:700}.topbar-guide-title svg{color:#ff9a82}.owner-contact-wrap{position:relative}.owner-contact-trigger{min-width:151px;height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #41454a;border-radius:6px;background:#1b1d1f;color:#d8dadd;text-align:left}.owner-contact-trigger:hover,.owner-contact-trigger[aria-expanded=true]{border-color:#705044;background:#2c2421;color:#fff}.owner-contact-trigger svg{flex:0 0 auto;color:#ff9a82}.owner-contact-trigger small,.owner-contact-trigger span,.owner-contact-trigger strong{display:block;min-width:0}.owner-contact-trigger small{margin-bottom:2px;color:#8f959b;font-size:8px;font-weight:500}.owner-contact-trigger strong{font-size:10px;white-space:nowrap}.owner-contact-menu{position:absolute;z-index:20;top:calc(100% + 9px);right:0;width:190px;padding:12px;border:1px solid #42464a;border-radius:6px;background:#202225;box-shadow:0 18px 45px rgba(0,0,0,.34)}.owner-contact-menu span,.owner-contact-menu strong{display:block}.owner-contact-menu span{color:#92989e;font-size:9px}.owner-contact-menu strong{margin-top:4px;color:#f1f2f0;font-size:15px}.owner-contact-menu button{width:100%;min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;border:1px solid #704337;border-radius:4px;background:#322420;color:#ff9a82;font-size:10px;font-weight:700}.owner-contact-menu button:hover{background:#3c2924}.help-backdrop{padding:20px}.help-dialog{width:min(620px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #464a4e;border-radius:7px;background:#1c1e20;color:#eef0ee;box-shadow:0 28px 100px rgba(0,0,0,.48)}.help-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #383b3f;background:#222427}.help-dialog>header>div{display:flex;align-items:center;gap:11px;min-width:0}.help-dialog>header>div>span{width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;border-radius:5px;background:#3b2924;color:#ff9a82}.help-dialog>header small,.help-dialog>header strong{display:block}.help-dialog>header strong{font-size:13px}.help-dialog>header small{margin-top:4px;color:#979da2;font-size:10px}.help-dialog>header .icon-button{flex:0 0 auto;border-color:#42464a;color:#b4b8bc}.help-steps{padding:8px 20px 4px}.help-steps>div{min-height:72px;display:grid;grid-template-columns:25px 24px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;border-bottom:1px solid #34373b}.help-steps>div:last-child{border-bottom:0}.help-steps b{width:24px;height:24px;display:grid;place-items:center;border:1px solid #704337;border-radius:50%;color:#ff9a82;font-size:10px}.help-steps svg{color:#aeb3b7}.help-steps small,.help-steps span,.help-steps strong{display:block;min-width:0}.help-steps strong{font-size:12px}.help-steps small{margin-top:5px;color:#9ca1a6;font-size:10px;line-height:1.5}.access-summary{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:8px 20px 20px}.access-summary>div{padding:12px 13px;border-left:2px solid #527b91;background:#202b31}.access-summary>div:last-child{border-left-color:#5d8e73;background:#203029}.access-summary span,.access-summary strong{display:block}.access-summary strong{color:#dfe2df;font-size:10px}.access-summary span{margin-top:5px;color:#aeb3b7;font-size:9px;line-height:1.55}.help-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #383b3f;background:#202225}.help-dialog>footer button{min-height:40px}.help-login-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #45494d;border-radius:5px;background:#27292c;color:#d0d3d5;font-size:11px;font-weight:700}.help-login-button:hover{border-color:#656a6f;color:#fff}.guest-trial-status{display:flex;align-items:center;gap:6px;margin:7px 0 0;color:#8fb7cd;font-size:9px;line-height:1.4}.guest-trial-status svg{flex:0 0 auto}.guest-trial-status.exhausted{color:#d09a8d}.auth-reason{display:flex;align-items:flex-start;gap:8px;margin:16px 20px 0;padding:10px 11px;border-left:2px solid #5d8e73;background:#203029;color:#b8d6c3;font-size:10px;line-height:1.5}.auth-reason svg{flex:0 0 auto;margin-top:1px}.auth-trigger{min-width:108px;max-width:190px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #3b4440;border-radius:6px;background:#1d211f;color:#c8d8ce;font-size:11px;font-weight:700}.auth-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-trigger:hover{border-color:#5d7c69;background:#242c27;color:#eef4f0}.auth-trigger.signed-in{border-color:#385748;color:#9ac3aa}.auth-dialog{width:min(430px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #464a4e;border-radius:7px;background:#1c1e20;color:#eef0ee;box-shadow:0 28px 100px rgba(0,0,0,.48)}.auth-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid #383b3f;background:#222427}.auth-dialog header>div{min-width:0;display:flex;align-items:center;gap:11px}.auth-dialog-icon{width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;border-radius:5px;background:#3b2924;color:#ff9a82}.auth-dialog header small,.auth-dialog header strong{display:block}.auth-dialog header strong{font-size:13px}.auth-dialog header small{margin-top:4px;color:#979da2;font-size:10px}.auth-dialog .icon-button{flex:0 0 auto;border-color:#42464a;color:#b4b8bc}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;grid-gap:3px;gap:3px;margin:18px 20px 0;padding:3px;border:1px solid #33363a;border-radius:5px;background:#151719}.auth-mode-switch button{min-height:35px;border-radius:3px;background:transparent;color:#92989e;font-size:11px;font-weight:700}.auth-mode-switch button.active{background:#322722;color:#ff9a82;box-shadow:inset 0 0 0 1px #704337}.auth-form{display:flex;flex-direction:column;padding:17px 20px 21px}.auth-form>label:not(.auth-check-row){margin:0 0 6px;color:#d5d8d5;font-size:10px;font-weight:700}.auth-code-row input,.auth-form>input,.auth-password-field input{width:100%;min-height:44px;margin:0 0 14px;padding:0 12px;border:1px solid #404449;border-radius:4px;outline:0;background:#27292c;color:#f3f4f2;font-size:13px}.auth-form input::placeholder{color:#777d83}.auth-code-row input:focus,.auth-form>input:focus,.auth-password-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(239,105,76,.12)}.auth-form>input.auth-input-with-help{margin-bottom:6px}.auth-field-help{margin:0 0 14px;color:#aeb4b9;font-size:11px;line-height:1.5}.auth-password-field{position:relative;margin:0 0 14px}.auth-password-field.with-help{margin-bottom:6px}.auth-password-field input{margin:0;padding-right:50px}.auth-password-field button{position:absolute;top:0;right:0;width:44px;height:44px;display:grid;place-items:center;border-radius:0 4px 4px 0;background:transparent;color:#959ba0}.auth-password-field button:focus-visible,.auth-password-field button:hover{color:#fff}.auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-gap:8px;gap:8px}.auth-code-row input{margin-bottom:14px}.auth-code-row button{min-height:44px;border:1px solid #704337;border-radius:4px;background:#322420;color:#ff9a82;font-size:10px;font-weight:700}.auth-code-row button:hover:not(:disabled){background:#3c2924}.auth-check-row{min-height:36px;display:flex;align-items:center;gap:9px;margin:-2px 0 10px;color:#aab0b4;font-size:10px;cursor:pointer}.auth-check-row input{width:17px;height:17px;flex:0 0 auto;margin:0;accent-color:var(--accent)}.auth-login-options{min-height:44px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:-2px 0 8px}.auth-login-options .auth-check-row{min-width:0;margin:0}.auth-back-action,.auth-text-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:#ff9a82;font-size:10px;font-weight:700}.auth-text-action{flex:0 0 auto;padding:0 2px}.auth-back-action{align-self:flex-start;gap:6px;margin:-4px 0 6px;padding:0 5px}.auth-back-action:hover,.auth-text-action:hover{color:#ffc0b0}.auth-error,.auth-notice{display:flex;align-items:flex-start;gap:7px;margin:0 0 12px;padding:9px 10px;border-left:2px solid;font-size:10px;line-height:1.5}.auth-notice{border-color:var(--sage);background:#203029;color:#9ac3aa}.auth-notice svg{flex:0 0 auto;margin-top:1px}.auth-error{border-color:var(--accent);background:#342622;color:#ff9a82}.auth-error:focus{outline:2px solid rgba(255,154,130,.45);outline-offset:2px}.auth-secondary-action,.auth-submit{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;font-size:11px;font-weight:800}.auth-submit{background:var(--accent);color:#fff}.auth-submit:hover:not(:disabled){background:#dc583c}.auth-account-panel{padding:22px 20px}.auth-account-email{display:flex;align-items:center;gap:11px;margin-bottom:18px;padding:13px;border:1px solid #385748;border-radius:5px;background:#203029;color:#90c3a5}.auth-account-email small,.auth-account-email strong{display:block}.auth-account-email small{margin-bottom:4px;color:#739782;font-size:9px}.auth-account-email strong{overflow-wrap:anywhere;color:#dcece2;font-size:12px}.auth-secondary-action{width:100%;border:1px solid #45494d;background:#27292c;color:#c5c9cc}.auth-secondary-action:hover{border-color:#6a6e72;color:#fff}@media (max-width:760px){.topbar{gap:8px}.topbar-guide{min-width:40px;width:40px;flex:0 0 40px;padding:0}.topbar-guide-title,.topbar-guide>span:not(.topbar-guide-title){font-size:0;gap:0}.topbar-guide-title svg{width:18px;height:18px}.owner-contact-trigger{min-width:40px;width:40px;padding:0;justify-content:center}.owner-contact-trigger span{display:none}.auth-trigger{min-width:40px;width:40px;padding:0}.auth-trigger span{display:none}}@media (max-width:480px){.auth-backdrop{padding:10px}.auth-dialog{max-height:calc(100dvh - 20px)}.topbar-actions .auth-dialog .icon-button{display:inline-grid}.auth-account-panel,.auth-dialog header,.auth-form{padding-left:14px;padding-right:14px}.auth-mode-switch,.auth-reason{margin-left:14px;margin-right:14px}.help-backdrop{padding:10px}.help-dialog{max-height:calc(100dvh - 20px)}.help-dialog>footer,.help-dialog>header,.help-steps{padding-left:14px;padding-right:14px}.access-summary{grid-template-columns:1fr;margin-left:14px;margin-right:14px}.help-dialog>footer{flex-direction:column-reverse}.help-dialog>footer button{width:100%;min-height:44px}}@media (max-width:1240px){.topbar-guide{flex-basis:auto}.topbar-guide>span:not(.topbar-guide-title){display:none}}@media (max-width:1040px){.owner-contact-trigger{min-width:40px;width:40px;padding:0;justify-content:center}.owner-contact-trigger span{display:none}}@media (max-width:900px){.topbar-guide{display:none}}@media (max-width:760px){.topbar-guide{display:flex}}@media (max-width:480px){.brand-name span{display:none}}.admin-shell{min-height:100vh;background:#f4f1eb;color:#202124;padding:40px 20px}.admin-panel{width:min(980px,100%);margin:0 auto;background:#fff;border:1px solid #dedbd4;border-radius:8px;padding:28px;box-shadow:0 12px 30px rgba(32,33,36,.08)}.admin-panel h1{margin:0;font-size:26px}.admin-panel p{color:#656762}.admin-panel form{display:grid;grid-gap:14px;gap:14px;max-width:420px;margin-top:24px}.admin-panel label{display:grid;grid-gap:6px;gap:6px;font-weight:700;font-size:14px}.admin-panel input{min-height:42px;border:1px solid #c9c6be;border-radius:6px;padding:0 12px;font:inherit}.admin-panel button{min-height:42px;border:0;border-radius:6px;padding:0 16px;background:#557a63;color:#fff;font-weight:700;cursor:pointer}.admin-panel button:disabled{opacity:.6;cursor:wait}.admin-error{color:#a33d35!important}.admin-dashboard>header{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:1px solid #e5e1da;padding-bottom:18px}.admin-dashboard>header button{background:#edeae4;color:#3f413e}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:24px 0}.admin-days>div,.admin-event-grid>div,.admin-metrics>div{border:1px solid #e5e1da;border-radius:6px;padding:14px}.admin-days small,.admin-metrics small{display:block;color:#777871}.admin-metrics strong{display:block;margin-top:7px;font-size:25px}.admin-event-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:28px}.admin-event-grid div{display:flex;justify-content:space-between;gap:12px}.admin-dashboard h2{font-size:18px}.admin-days{display:grid;grid-gap:8px;gap:8px;margin-bottom:18px}.admin-days>div{display:grid;grid-template-columns:1fr auto auto;grid-gap:14px;gap:14px;align-items:center}.locked-mode-banner{background:linear-gradient(135deg,#3a2925,#2a1f1c);border:1px solid var(--accent);border-radius:8px;padding:16px;margin-bottom:16px}.locked-mode-banner strong{display:block;color:var(--accent);font-size:14px;margin-bottom:8px}.locked-mode-banner p{color:var(--ink);font-size:13px;line-height:1.5;margin:0 0 12px}.exit-mode-button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 14px;background:var(--accent);color:var(--white);border:0;border-radius:5px;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .16s ease}.exit-mode-button:hover{background:var(--accent-dark)}.anime-route:disabled,.photo-direct-route:disabled{opacity:.5;cursor:not-allowed}.chibi-history-wrapper{position:relative}.delete-history-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.3);border-radius:4px;color:var(--white);opacity:0;transition:opacity .2s ease,background-color .2s ease;z-index:10;cursor:pointer}.chibi-history-wrapper:hover .delete-history-btn{opacity:1}.delete-history-btn:hover{background:var(--accent);border-color:var(--accent)}.history-row .delete-history-btn{position:static;opacity:1;background:transparent;color:var(--muted)}.history-row .delete-history-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:900px){.history-row .delete-history-btn{width:44px;height:44px}}@media (max-width:700px){.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-event-grid{grid-template-columns:1fr 1fr}.admin-days>div{grid-template-columns:1fr auto}.admin-days small{grid-column:1/-1}}@media (max-width:900px){.workspace-view-switch button{min-height:44px;height:auto}}@media (max-width:480px){.workspace-view-switch button{padding-left:3px;padding-right:3px;font-size:8px}}