:root{color-scheme:light;--surface-soft:#f1efe7;--surface-green:#eceee2;--surface-coral:#f4e6d7;--header-height:94px}
:root[data-theme=dark]{color-scheme:dark;--bg:#191e1c;--paper:#242b27;--ink:#ede8dd;--muted:#a8b0a3;--line:#3c443d;--coral:#ed9375;--sage:#a6bd92;--yellow:#e9c67b;--surface-soft:#30372f;--surface-green:#2a352d;--surface-coral:#3c3028}
[data-theme=dark] .hero-art img{mix-blend-mode:normal;filter:brightness(.82)}
[data-theme=dark] :is(.floating-tag,.tab,.step-icon){background:var(--paper);border-color:var(--line)}
[data-theme=dark] :is(.process-section,.help-card,.notice,.plan.featured,.tracking-box,.order-summary){background:var(--surface-green);border-color:var(--line);color:var(--muted)}
[data-theme=dark] :is(.little-banner,.pattern-image){background:var(--surface-coral)}
[data-theme=dark] .theme-sage .pattern-image{background:#2c382c}
[data-theme=dark] .theme-blue .pattern-image{background:#29363b}
[data-theme=dark] .theme-sand .pattern-image{background:#38342b}
[data-theme=dark] .theme-pink .pattern-image{background:#3b2e32}
[data-theme=dark] .pattern-image:before{background:#ffffff07}
[data-theme=dark] .pattern-image .badge{background:#252a27dc;color:var(--muted)}
[data-theme=dark] :is(.account-button,.button.secondary:hover,.preview-canvas,.work-card canvas,.editor-board,th){background:var(--surface-soft)}
[data-theme=dark] :is(.form-field input,.form-field textarea,.form-field select){background:var(--bg);border-color:var(--line)}
[data-theme=dark] :is(nav a,.hero-copy>p,.hero-note,.intro-strip,.text-link,.process-grid p,.little-banner p,.form-field,.form-hint,.order-id,.tab){color:var(--muted)}
[data-theme=dark] .tab.selected{background:var(--coral);color:#211e19;border-color:var(--coral)}
[data-theme=dark] .button.dark{background:#596a50;color:#fff}
[data-theme=dark] .status{background:#2d3b2e;color:#b8cba2;border-color:#4b6244}
[data-theme=dark] .status.pending{background:#473d28;color:#e9cf8e;border-color:#655634}
[data-theme=dark] .icon-button.on{background:#573b2f;border-color:#ad7056}
dialog{overscroll-behavior:contain}input[type=range]{accent-color:var(--coral)}
.header-actions{gap:9px}.header-tools{display:flex;gap:6px}.header-tools .icon-button{width:32px;height:32px;font-size:18px}#sound-toggle{display:none}
.admin-patterns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-pattern-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;gap:15px;align-items:center}.admin-pattern-card canvas{width:72px;height:72px;background:var(--surface-soft);border-radius:12px}.admin-pattern-card h3{font-size:14px;margin:0 0 6px}.admin-pattern-card p{font-size:11px;color:var(--muted);margin:0 0 7px}.quota-note{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0}.admin-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-title-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;margin:20px 0}.pattern-editor{max-width:1440px}.designer-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0}.designer-top h1{font-size:25px;margin:0}.designer-top p{font-size:11px;color:var(--muted);margin:6px 0 0}.designer-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px}.designer-board-wrap{background:var(--surface-soft);border:1px solid var(--line);border-radius:20px;padding:20px;position:sticky;top:20px;align-self:start}.designer-board-wrap canvas{display:block;max-width:100%;width:100%;max-height:68vh;object-fit:contain;touch-action:none;image-rendering:pixelated}.designer-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.designer-palette{display:flex;flex-wrap:wrap;gap:11px;margin:14px 0}.designer-panel{padding:18px}.designer-panel h3{font-size:14px;margin:0 0 12px}.designer-meta{font-size:11px;color:var(--muted);margin-top:12px}.designer-section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.ironing-config-card{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:12px}.ironing-config-card img{width:100%;aspect-ratio:1.8;object-fit:cover;border-radius:8px}.ironing-config-card .form-field{margin:10px 0}.ironing-config-card .form-field input{padding:8px;font-size:12px}.ironing-config-card .form-row.triple{grid-template-columns:repeat(3,1fr);gap:5px}.ironing-config-card .form-row label{font-size:10px}.designer-savebar{position:sticky;bottom:10px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:flex;gap:8px;margin-top:16px;z-index:2}.designer-savebar .button{flex:1}.designer-palette-edit{display:grid;grid-template-columns:30px 1fr 45px;gap:6px;align-items:center;margin:7px 0}.designer-palette-edit input{min-width:0;width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:6px}.designer-palette-edit input[type=color]{height:32px;padding:3px}
@media(max-width:1050px){.header-tools{gap:4px}.header-actions{gap:8px}.site-header{gap:16px}.admin-patterns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--header-height:120px}.site-header{padding:12px 16px 0;gap:12px}.brand{gap:8px}.brand-mark{grid-template-columns:repeat(2,11px);gap:3px}.brand-mark i{width:11px;height:11px;border-width:4px}.brand b{font-size:21px}.brand small{font-size:7px}.header-tools .icon-button{width:29px;height:29px;font-size:16px}.header-actions{gap:7px}.header-actions .button.small{font-size:10px;padding:8px}.admin-patterns{grid-template-columns:1fr}.designer-grid{grid-template-columns:1fr}.designer-board-wrap{position:relative;top:0;padding:14px}.designer-board-wrap canvas{max-height:52vh}.designer-top{align-items:flex-start}.designer-top h1{font-size:21px}.designer-savebar{bottom:6px}.designer-panel .form-row.triple{grid-template-columns:repeat(3,1fr)}}
@media(max-width:380px){.brand small{display:none}.brand b{font-size:18px}.header-tools .icon-button{width:26px;height:26px}.header-actions{gap:5px}.header-tools{gap:3px}}
.brand,.brand small,nav a{white-space:nowrap}.account-button{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
@media(max-width:900px){:root{--header-height:108px}.site-header{height:108px;min-height:108px;flex-wrap:wrap;padding:12px 20px 0;gap:8px 16px}.site-header nav{width:100%;order:3;height:42px;justify-content:space-between;gap:10px;font-size:12px}.site-header nav a{padding:7px 0 16px}.site-header nav a.active:after{bottom:7px}.header-actions{margin-left:auto}.account-button{max-width:190px}}
@media(max-width:540px){.site-header{padding-left:16px;padding-right:16px;gap:8px 10px}.account-button{max-width:108px}.brand small{font-size:7px}}
@media(max-height:560px) and (orientation:landscape){:root:has(body.workshop-mode){--header-height:56px}.workshop-mode .site-header{height:56px;min-height:56px;padding:0 16px;flex-wrap:nowrap}.workshop-mode .site-header nav{display:none}.workshop-mode .brand b{font-size:21px}.workshop-mode .brand small{font-size:7px}.workshop-mode .header-actions{margin-left:auto}}
@media(max-height:440px) and (orientation:landscape){.bead-workshop .stage-action .next-stage-button{height:28px;min-height:28px;padding:4px 9px;font-size:9px!important;line-height:1.2}}