/* Shared surface tokens. Note colors stay consistent across all four looks. */
:root,[data-theme="paper"]{
 --ink:#203c35;--muted:#63705f;--forest:#173e36;--paper:#f4f3e9;--line:#dddfd2;--white:#fdfdf7;
 --font:'DM Sans',system-ui,sans-serif;--display:'Space Grotesk',var(--font);
 --bench:#ebece0;--dot:#b8c2aa;--tile:#fffef5;--slot:#dce4ca;--slot-alt:#e4e9d5;--slot-line:#8ba075;--slot-complete:#52785c;
 --on-accent:#fcfff5;--row-mark:#f2e7cc;--col-mark:#e2ebd1;--mark-head:#bccc98;--table-head:#f0f2e6;
 --note-ink:#6f7864;--note-empty:#929c85;--success:#467a58;--danger:#a24c32;--focus:#2b8c91;
 --panel-radius:11px;--tile-radius:9px;--tile-depth:3px;--tile-weight:500;--button-radius:7px;--texture:none;
}
[data-theme="blueprint"]{
 --ink:#e5f3ff;--muted:#a2c2dc;--forest:#93d9ff;--paper:#0c2340;--line:#355978;--white:#102e4d;
 --font:'Consolas','Courier New',monospace;--display:'Consolas','Courier New',monospace;
 --bench:#12375c;--dot:#42749c;--tile:#153d64;--slot:#1b4d78;--slot-alt:#16466f;--slot-line:#79b6df;--slot-complete:#b1e4ff;
 --on-accent:#0b2943;--row-mark:#554535;--col-mark:#20567a;--mark-head:#3c749b;--table-head:#193f62;
 --note-ink:#d0e3f0;--note-empty:#90acc2;--success:#a5dbbc;--danger:#ffb5a5;--focus:#f8d883;
 --panel-radius:2px;--tile-radius:2px;--tile-depth:0px;--tile-weight:400;--button-radius:2px;--texture:none;
}
[data-theme="night"]{
 --ink:#efe8d9;--muted:#b9b0a0;--forest:#efb66c;--paper:#171a1b;--line:#44484a;--white:#222628;
 --font:'DM Sans',system-ui,sans-serif;--display:'Space Grotesk',var(--font);
 --bench:#1c2021;--dot:#454a47;--tile:#303537;--slot:#3b372e;--slot-alt:#33342d;--slot-line:#a98d60;--slot-complete:#f3c986;
 --on-accent:#282319;--row-mark:#55412d;--col-mark:#334b43;--mark-head:#53614c;--table-head:#303638;
 --note-ink:#d6cebf;--note-empty:#a1a092;--success:#a8c290;--danger:#f5ac93;--focus:#f3c986;
 --panel-radius:5px;--tile-radius:5px;--tile-depth:4px;--tile-weight:600;--button-radius:4px;--texture:none;
}
[data-theme="club"]{
 --ink:#503652;--muted:#826680;--forest:#85539e;--paper:#fff2f6;--line:#ead0df;--white:#fffaff;
 --font:'DM Sans',system-ui,sans-serif;--display:'Trebuchet MS','DM Sans',sans-serif;
 --bench:#f4e2f0;--dot:#cfa8c6;--tile:#fff0f4;--slot:#d5e9df;--slot-alt:#f6ddce;--slot-line:#b28ac2;--slot-complete:#85539e;
 --on-accent:#fffaff;--row-mark:#f9dccc;--col-mark:#e4d7f3;--mark-head:#d7bce9;--table-head:#f3e3f0;
 --note-ink:#7e587f;--note-empty:#a985a6;--success:#527e65;--danger:#ad405d;--focus:#85539e;
 --panel-radius:18px;--tile-radius:16px;--tile-depth:5px;--tile-weight:700;--button-radius:20px;--texture:none;
}
/* Derived colors inherit inside the chooser, too. */
:root,[data-theme]{
 --soft:color-mix(in srgb,var(--forest) 10%,var(--white));--selected:color-mix(in srgb,var(--forest) 14%,var(--tile));
 --tile-line:color-mix(in srgb,var(--ink) 27%,var(--tile));--tile-edge:color-mix(in srgb,var(--ink) 25%,var(--tile));
 --shadow:color-mix(in srgb,var(--ink) 9%,transparent);--drag-shadow:color-mix(in srgb,#080f13 34%,transparent);
 --select-line:var(--forest);--select-halo:color-mix(in srgb,var(--forest) 23%,transparent);
 --diagonal:color-mix(in srgb,var(--white) 60%,var(--paper));--row-swatch:color-mix(in srgb,var(--row-mark) 80%,var(--ink));
 --col-swatch:color-mix(in srgb,var(--col-mark) 80%,var(--ink));--backdrop:#08142199;
}
html{color-scheme:light}[data-theme="blueprint"],[data-theme="night"]{color-scheme:dark}
body{background-image:var(--texture)}.panel,dialog{border-radius:var(--panel-radius)}.button{border-radius:var(--button-radius)}
.tile{border-radius:var(--tile-radius);box-shadow:0 var(--tile-depth) 0 var(--tile-edge),0 5px 8px var(--shadow)}
.tile.selected{box-shadow:0 0 0 3px var(--select-halo),0 var(--tile-depth) 0 var(--tile-edge)}.tile-number{font-weight:var(--tile-weight)}
.prototype{border-color:var(--line)}.table-key{color:var(--muted)}.appearance-button{display:flex;align-items:center;gap:6px;white-space:nowrap}
.appearance-button>span:first-child{font-size:17px;line-height:1}.top-actions{gap:20px}.theme-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--forest)}
[data-theme="blueprint"] .stage{background-image:linear-gradient(color-mix(in srgb,var(--dot) 40%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--dot) 40%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--dot) 75%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--dot) 75%,transparent) 1px,transparent 1px);background-size:26px 26px,26px 26px,104px 104px,104px 104px}
[data-theme="blueprint"] h1{font-size:clamp(23px,2.15vw,33px);letter-spacing:-1.7px}
[data-theme="blueprint"] .topbar{border-bottom:2px solid var(--line)}
[data-theme="blueprint"] .board-map polygon{fill-opacity:.7;stroke-dasharray:6 3;stroke-width:2}
[data-theme="blueprint"] .tile{border:1px solid var(--slot-line);background-image:linear-gradient(135deg,transparent 91%,color-mix(in srgb,var(--slot-line) 45%,transparent) 91%)}
[data-theme="blueprint"] .tile.selected{border:2px solid var(--forest)}
[data-theme="blueprint"] .tile-number{letter-spacing:-2px}[data-theme="blueprint"] .section-number{border-radius:0}
[data-theme="night"] .topbar{background:#202426;border-bottom:3px solid var(--forest)}
[data-theme="night"] .stage{background-image:radial-gradient(var(--dot) 1px,transparent 1px),linear-gradient(115deg,#ffffff03,transparent 65%);background-size:26px 26px,100% 100%}
[data-theme="night"] .panel-heading{border-bottom:1px solid var(--line);margin-bottom:11px}
[data-theme="night"] .tile{border-top:2px solid #a1a28c;box-shadow:0 var(--tile-depth) 0 #111517,0 6px 12px #0005}
[data-theme="night"] .tile.selected{border-color:var(--forest);box-shadow:0 0 0 3px var(--select-halo),0 4px 0 #111517}
[data-theme="night"] .tile-number{color:#f2d19a}[data-theme="night"] .board-map polygon{stroke-dasharray:9 4;fill-opacity:.7}
[data-theme="club"]{--texture:radial-gradient(ellipse at 5% 0%,#e7d9f477,transparent 46%),radial-gradient(ellipse at 100% 45%,#fae1cb66,transparent 40%)}
[data-theme="club"] .brand{letter-spacing:-1.4px}[data-theme="club"] h1{font-weight:700;letter-spacing:-1.7px}
[data-theme="club"] .panel{box-shadow:0 4px 0 #e6d7ed}.tile-number{color:var(--ink)}
[data-theme="club"] .section-number{background:#eadcf7;color:#6f4cc3;border:0;font-weight:700}
[data-theme="club"] .board-map polygon{fill-opacity:.8;stroke-width:3;stroke-dasharray:none;stroke-linejoin:round}
[data-theme="club"] .board-map polygon:nth-child(3n+2){fill:#e9d4dd}[data-theme="club"] .board-map polygon:nth-child(3n){fill:#e8dfae}
[data-theme="club"] .tile{border:2px solid var(--tile-line);padding:4px}[data-theme="club"] .tile.selected{border-color:var(--forest);background:#f4edff}
[data-theme="club"] .tile-number{font-size:34px}[data-theme="club"] .button{box-shadow:0 3px 0 #47317d}
/* A live, reversible style picker with miniature workbenches. */
.appearance-dialog{width:min(840px,calc(100vw - 30px));padding:28px}.appearance-dialog h2{font:500 29px var(--display);letter-spacing:-1px}
.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.theme-card{padding:0;border:2px solid var(--line);border-radius:12px;overflow:hidden;text-align:left;position:relative;background:var(--white);color:var(--ink);font:13px var(--font);box-shadow:0 3px 0 var(--shadow)}
.theme-card:hover{filter:none!important;border-color:var(--forest)}.theme-card[aria-pressed=true]{outline:3px solid var(--forest);outline-offset:3px}.theme-card[aria-pressed=true] .theme-check{opacity:1}
.theme-check{position:absolute;right:10px;top:10px;background:var(--forest);color:var(--on-accent);width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font:700 12px system-ui;opacity:0;z-index:2}
.theme-mini{height:160px;background:var(--bench);position:relative;padding:15px;overflow:hidden;background-image:radial-gradient(var(--dot) .8px,transparent .8px);background-size:13px 13px}
.mini-label{font:600 8px var(--display);letter-spacing:1.5px;color:var(--muted)}.mini-rule{position:absolute;left:15px;bottom:15px;font:500 8px var(--font);color:var(--muted);display:flex;gap:4px;align-items:center}.mini-rule i{display:block;height:6px;width:6px;border-radius:50%;background:#5f9673}.mini-rule i:nth-child(2){background:#d9ae43}.mini-rule i:nth-child(3){background:#c97965}
.mini-board{position:absolute;width:108px;height:108px;right:31px;top:33px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;outline:1px dashed var(--slot-line);background:var(--slot)}
.mini-piece{background:var(--tile);border:1px solid var(--tile-line);border-radius:calc(var(--tile-radius)*.4);box-shadow:0 calc(var(--tile-depth)*.6) 0 var(--tile-edge);display:grid;place-items:center;font:var(--tile-weight) 17px var(--display);position:relative}
.mini-piece:before{content:'2 3';position:absolute;font:500 4px var(--font);color:var(--note-ink);top:3px;left:4px;letter-spacing:3px}.mini-piece.empty{background:transparent;border:0;box-shadow:none}.mini-piece.empty:before{content:none}
.mini-loose{position:absolute;left:22px;top:54px;width:38px;height:38px;transform:rotate(-8deg)}.mini-loose.second{left:68px;top:83px;transform:rotate(6deg)}
.theme-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:5px;min-height:82px}.theme-info strong{font:600 16px var(--display);letter-spacing:-.3px}.theme-info small{color:var(--muted);font-size:11px;line-height:1.5}
.theme-card[data-theme="blueprint"]{border-radius:3px}.theme-card[data-theme="blueprint"] .theme-mini{background-image:linear-gradient(#69a1d333 1px,transparent 1px),linear-gradient(90deg,#69a1d333 1px,transparent 1px);background-size:13px 13px}.theme-card[data-theme="night"] .theme-mini{border-bottom:2px solid var(--forest)}.theme-card[data-theme="club"] .mini-board{border-radius:5px;outline-style:solid}.theme-card[data-theme="club"] .mini-piece:nth-child(3n){background:#e9d4dd}
.appearance-footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.appearance-footer p{font-size:11px;max-width:370px;margin:0}.appearance-footer button{white-space:nowrap}.appearance-dialog::backdrop{backdrop-filter:blur(4px)}
@media(max-width:640px){.appearance-dialog{padding:22px}.theme-choices{gap:12px}.theme-mini{height:140px;padding:11px}.mini-board{right:14px;top:31px;width:88px;height:88px}.mini-loose{left:13px;top:42px;width:30px;height:30px}.mini-loose.second{left:27px;top:83px}.mini-label{font-size:6px;letter-spacing:1px}.mini-piece{font-size:14px}.mini-piece:before{font-size:3px;letter-spacing:2px;left:3px;top:2px}.mini-rule{left:10px;bottom:9px;font-size:6px}.theme-info{padding:12px;min-height:106px}.theme-info strong{font-size:14px}.theme-info small{font-size:10px}.appearance-footer{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:570px){.topbar{gap:10px}.top-actions{gap:12px}.top-actions #helpBtn{font-size:0}.top-actions #helpBtn:after{content:'?';font:600 13px var(--font);border:1px solid var(--line);width:22px;height:22px;display:grid;place-items:center;border-radius:50%}.top-actions #helpBtn>span{display:none}.appearance-label{font-size:0}.appearance-label:after{content:'Looks';font-size:10px}.brand{font-size:22px}.brand-mark{font-size:29px}.appearance-dialog h2{font-size:25px}.appearance-dialog>p{font-size:11px}[data-theme="blueprint"] .brand{font-size:19px;letter-spacing:-1.5px}}
@media(max-width:355px){.theme-choices{grid-template-columns:1fr}.theme-info{min-height:0}.theme-mini{height:150px}.mini-board{right:35px;width:104px;height:104px}.mini-loose.second{left:65px}.topbar{padding-inline:10px}.top-actions{gap:8px}}
.best-return{padding:10px 20px 0}.best-return .tool{border:1px solid var(--line);width:100%;font-size:10px}.check-footer{gap:12px}.comparison-dialog{width:min(820px,calc(100vw - 30px))}.comparison-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.comparison-columns section{min-width:0;border:1px solid var(--line);border-radius:7px;padding:15px}.comparison-columns h3{font-size:13px}.comparison-columns p{font-size:11px}.comparison-columns .solution-map{width:100%;max-height:300px;min-height:100px}.solution-map .comparison-different{fill:color-mix(in srgb,var(--row-mark) 80%,var(--danger));stroke:var(--danger);stroke-width:3}.appearance-experiments{border-top:1px solid var(--line);padding:16px 0;margin-bottom:8px;display:grid;gap:12px}.appearance-experiments label{font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.appearance-experiments small{font-size:10px;color:var(--muted)}
html[data-tile-shape="round"] .tile{border-radius:50%}html[data-tile-shape="round"] .tile .note{width:22px;height:22px;justify-self:center;align-self:center;border-radius:50%}html[data-tile-shape="round"] .tile .note:nth-child(2){transform:translate(2px,2px)}html[data-tile-shape="round"] .tile .note:nth-child(4){transform:translate(-2px,2px)}html[data-tile-shape="round"] .tile .note:nth-child(7){transform:translate(2px,-2px)}html[data-tile-shape="round"] .tile .note:nth-child(9){transform:translate(-2px,-2px)}
@media(max-width:550px){.comparison-columns{gap:10px}.comparison-columns section{padding:9px}.comparison-columns h3{font-size:11px}.comparison-dialog{padding:20px}.comparison-dialog h2{font-size:22px}.comparison-columns .solution-map{min-height:70px}}
.comparison-columns .solution-map{max-width:250px;max-height:none;min-height:0;margin:12px auto}.comparison-columns .solution-map svg{display:block;width:100%;height:auto}

/* The longer settled name needs room alongside the mobile controls. */
.brand{white-space:nowrap;font-size:25px}
@media(max-width:570px){.brand{font-size:19px;gap:6px;letter-spacing:-1px}.brand-mark{font-size:26px}.topbar{height:auto;min-height:65px;flex-wrap:wrap;gap:8px;padding-block:10px}.top-actions{margin-left:auto;gap:10px}[data-theme="blueprint"] .brand{font-size:17px}}
@media(max-width:390px){.topbar{align-items:flex-start}.top-actions{width:100%;justify-content:flex-end}.brand{font-size:21px}}

/* Selected finishing wave: real materials, with the same semantic note colors and rules. */
[data-theme="wip-cart"]{
 --ink:#263d44;--muted:#596d70;--forest:#b53c34;--paper:#f3edda;--line:#c4c8ba;--white:#fff9e7;
 --font:'DM Sans',system-ui,sans-serif;--display:'Space Grotesk',var(--font);
 --bench:#505d60;--dot:#7b898a;--tile:#f5edd7;--slot:#718486;--slot-alt:#6a7d7f;--slot-line:#ead9a8;--slot-complete:#e4c768;
 --on-accent:#fffdf0;--row-mark:#f0d9ac;--col-mark:#d2e3df;--mark-head:#b9ceca;--table-head:#d9e2db;
 --note-ink:#4d6468;--note-empty:#93a09b;--success:#347461;--danger:#a93631;--focus:#b53c34;
 --panel-radius:8px;--tile-radius:13px;--tile-depth:3px;--tile-weight:700;--button-radius:5px;--texture:none;
}
[data-theme="lunch-break"]{
 --ink:#62442f;--muted:#86694e;--forest:#a74736;--paper:#fff0d9;--line:#e5c5a0;--white:#fff9e8;
 --font:'DM Sans',system-ui,sans-serif;--display:'Trebuchet MS','DM Sans',sans-serif;
 --bench:#f5debf;--dot:#c9a97f;--tile:#fff0c5;--slot:#d7dfaa;--slot-alt:#e5e8bc;--slot-line:#8d9c60;--slot-complete:#648344;
 --on-accent:#fffdf0;--row-mark:#f7d8a6;--col-mark:#dbe8bd;--mark-head:#c3d29e;--table-head:#e8e6bd;
 --note-ink:#806246;--note-empty:#b39c77;--success:#537b3d;--danger:#a43c37;--focus:#a74736;
 --panel-radius:17px;--tile-radius:17px;--tile-depth:3px;--tile-weight:600;--button-radius:12px;--texture:none;
}