:root{--bg:#f3f6f9;--surface:#fff;--surface-2:#eef2f6;--ink:#1b2331;--muted:#5b687c;--line:#dce2ea;--accent:#e0466a;--accent-ink:#fff;--accent-soft:#fce6ec;--teal:#0c8f9c;--warn:#b4480e;--warn-soft:#fdeee3;--s-new:#3a66cf;--s-proofed:#7c4ddb;--s-printed:#0c8f9c;--s-packed:#b87410;--s-shipped:#2b8a50;--cut:#e5007e;--f-display:"Fredoka", "Figtree", system-ui, sans-serif;--f-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--f-label:"Quicksand", "Figtree", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10151d;--surface:#18202b;--surface-2:#1f2935;--ink:#e7ecf3;--muted:#95a2b5;--line:#2b3646;--accent:#f2698b;--accent-ink:#1a0e12;--accent-soft:#3a1c25;--teal:#34bac6;--warn:#f0955a;--warn-soft:#3a2417;--s-new:#7e9df0;--s-proofed:#a98af0;--s-printed:#34bac6;--s-packed:#e3a548;--s-shipped:#5cc285;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#10151d;--surface:#18202b;--surface-2:#1f2935;--ink:#e7ecf3;--muted:#95a2b5;--line:#2b3646;--accent:#f2698b;--accent-ink:#1a0e12;--accent-soft:#3a1c25;--teal:#34bac6;--warn:#f0955a;--warn-soft:#3a2417;--s-new:#7e9df0;--s-proofed:#a98af0;--s-printed:#34bac6;--s-packed:#e3a548;--s-shipped:#5cc285;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);margin:0;font-size:14px;line-height:1.45}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--surface);position:fixed;inset:0 0 auto}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:1180px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}header.top{top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);border-bottom:1px solid var(--line);position:sticky}.top-row{flex-wrap:wrap;align-items:center;gap:12px;padding-block:12px;display:flex}.brand{align-items:center;gap:10px;margin-right:auto;display:flex}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);font-family:var(--f-display);border-radius:9px;place-items:center;font-size:16px;font-weight:600;display:grid}.brand h1{font-family:var(--f-display);letter-spacing:.1px;margin:0;font-size:19px;font-weight:600}.brand small{color:var(--muted);margin-top:-2px;font-size:12px;display:block}.btn{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.05)}.btn.small{border-radius:7px;padding:4px 9px;font-size:12px}.btn[disabled]{opacity:.5;cursor:not-allowed}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite sp}@keyframes sp{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2s}}.views{background:var(--surface-2);scrollbar-width:none;border-radius:9px;gap:4px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.views button{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:5px 12px;font-size:13px;font-weight:600}.views button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}.tabs{scrollbar-width:none;gap:6px;padding-bottom:12px;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;min-width:92px;padding:6px 12px;display:flex}.tab .n{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:1.1}.tab .l{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.tab .dot{border-radius:50%;width:8px;height:8px}.tab[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.filters{flex-wrap:wrap;align-items:center;gap:8px;padding-block:16px 8px;display:flex}.filters input,.filters select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 10px;font-size:13px}.filters input{flex:220px;min-width:0}.filters select{flex:0 auto;max-width:100%}.result-note{color:var(--muted);padding-bottom:8px;font-size:12px}.list{gap:12px;padding-bottom:48px;display:grid}.order{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.order-head{border-bottom:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;display:flex}.ono{font-family:var(--f-mono);font-size:14px;font-weight:500}.pill{border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.chip{background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:12px}.chip.unclear{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.order-head .spacer{margin-left:auto}.order-note{border-bottom:1px solid var(--line);background:var(--warn-soft);white-space:pre-wrap;overflow-wrap:anywhere;padding:8px 14px;font-size:13px}.order-note b{color:var(--warn);margin-right:6px}.linkish{color:var(--muted);text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.kids{display:grid}.kid{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1.2fr) minmax(150px,1fr) minmax(0,2fr) auto;align-items:center;gap:8px 14px;padding:10px 14px;display:grid}.kid:first-child{border-top:0}.kid>*{min-width:0}.name-in{background:0 0;border:1px solid #0000;border-radius:7px;width:100%;margin-left:-7px;padding:4px 6px;font-size:15px;font-weight:600}.name-in:hover{border-color:var(--line)}.name-in:focus{border-color:var(--accent);background:var(--surface);outline:none}.name-in::placeholder{color:var(--warn);font-weight:600}.edited{color:var(--muted);font-size:11px}.edited s{color:var(--muted)}.meta{font-size:13px}.meta b{font-weight:600}.design-in{max-width:100%;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:7px;margin-left:-5px;padding:2px 4px;font-weight:600}.design-in:hover{border-color:var(--line)}.design-in:focus{border-color:var(--accent);background:var(--surface);outline:none}.meta span{color:var(--muted);font-size:12px;display:block}.items{flex-wrap:wrap;gap:4px;display:flex}.item{background:var(--surface-2);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:12px}.item.key{background:var(--accent-soft);color:var(--accent);font-weight:600}a.item.key{text-overflow:ellipsis;max-width:100%;overflow:hidden}.item.unicorn{color:var(--warn);background:var(--warn-soft)}.flag{color:var(--warn);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.kid-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.done-mark{color:var(--s-shipped);white-space:nowrap;font-size:12px;font-weight:600}.order-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:8px 14px 12px;display:flex}@media (max-width:860px){.kid{grid-template-columns:1fr auto}.kid .meta,.kid .items{grid-column:1/-1}.kid .kid-actions{grid-column:1/-1;justify-content:flex-start}.kid .namecell{grid-column:1/-1}}.empty{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:12px;padding:48px 16px}.name-fixed{padding:4px 0;font-size:15px;font-weight:600}.kid.cancelled{opacity:.55}.pick{color:var(--muted);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.notice{background:var(--accent-soft);color:var(--ink);border-radius:8px;margin:0 0 12px;padding:8px 12px}a.item.key{text-decoration:none}.sheets{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:12px 14px}.sheets h2{font-family:var(--f-display);margin:0 0 8px;font-size:16px;font-weight:600}.sheet-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.sheet{background:var(--surface-2);color:inherit;border-radius:8px;gap:2px;padding:8px 10px;text-decoration:none;display:grid}.sheet b{font-family:var(--f-mono);overflow-wrap:anywhere;font-size:12px;font-weight:500}.sheet span{color:var(--muted);font-size:12px}.selbar{z-index:6;padding:10px max(16px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 16px #0000000f}.selbar span{margin-right:auto}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:20px;width:min(380px,100%);padding:24px;display:grid}.login-form{gap:12px;display:grid}.login-form label{gap:4px;font-size:13px;font-weight:600;display:grid}.login-form input{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 10px;font-size:15px}.login-form .btn{justify-content:center;padding:9px 12px}.nav{background:var(--surface-2);border-radius:9px;gap:4px;padding:3px;display:flex}.nav a{color:var(--muted);border-radius:7px;padding:5px 12px;font-size:13px;font-weight:600;text-decoration:none}.nav a[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}.lead{color:var(--muted);max-width:70ch;margin:16px 0 0;font-size:14px}.lead b{color:var(--ink)}.add-design{flex:260px;gap:6px;display:flex}.add-design input{flex:auto}.uses{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.uses select{border:1px solid var(--line);background:var(--surface);font:inherit;color:var(--ink);border-radius:7px;max-width:200px;padding:3px 6px}.dname{font-family:var(--f-display);font-size:16px;font-weight:600}.tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:12px 14px 14px;display:grid}.tile{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:9px 10px 8px 11px;display:flex}.tile b{font-size:13px;font-weight:600}.tile.unicorn{background:var(--surface-2);border-style:dashed}.tile.unicorn b{color:var(--muted)}.tile.unicorn.needed{background:var(--warn-soft);border-color:var(--warn)}.tile.unicorn.needed b{color:var(--ink)}.tile.unicorn.needed .meta-line{color:var(--warn);font-weight:600}.tile.linked .meta-line,.tile.built .meta-line{color:var(--teal)}.meta-line{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.tile-note{overflow-wrap:anywhere;font-size:12px}.tile-note.ok{color:var(--teal)}.tile-note.bad{color:var(--warn);font-weight:600}.tile-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.tile-actions .btn{margin-left:auto}.views .count{font-variant-numeric:tabular-nums;opacity:.7;margin-left:2px}.wrap.wide{max-width:1640px}.pack-wrap{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:48px;overflow-x:auto}.pack{border-collapse:collapse;width:100%;font-size:13px}.pack th{background:var(--surface-2);border-bottom:2px solid var(--line);text-align:center;vertical-align:bottom;padding:8px 5px;font-size:12px;line-height:1.2;position:sticky;top:0}.pack td{border-top:1px solid var(--line);text-align:center;white-space:nowrap;padding:6px 5px}.pack tr.first td{border-top:2px solid var(--line)}.pack tbody tr:first-child td{border-top:0}.pack .c-name,.pack .c-design,.pack .c-combo,.pack .c-other{text-align:left}.pack td.c-order{font-variant-numeric:tabular-nums;font-weight:700}.pack td.c-name{font-weight:600}.pack .tick{width:34px}.pack .tick input{width:17px;height:17px;accent-color:var(--accent)}.pack tr.picked td{background:var(--accent-soft)}.pack td.empty{border:0;border-radius:0}.st{color:var(--muted);background:var(--surface-2);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.st-new{color:var(--s-new)}.st-proofed{color:var(--s-proofed)}.st-printed{color:var(--s-printed)}.st-packed{color:var(--s-packed)}.st-done{color:var(--s-shipped)}@media print{body{color:#000;background:#fff}.top,.filters,.lead,.notice,.selbar,.pack .tick,.pack .c-status,.late-dot{display:none!important}.wrap{max-width:none;padding:0}.pack-wrap{border:0;margin:0;overflow:visible}.pack{font-size:10pt}.pack th,.pack td{color:#000;position:static;background:#fff!important;border:1px solid #000!important}.pack tr.first td{border-top:2px solid #000!important}.pack tr.unpicked{display:none}@page{size:A4 landscape;margin:10mm}}.top-actions{align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.theme-toggle:hover{background:var(--surface-2)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.theme-toggle svg circle{fill:currentColor;stroke:none}.theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .sun{display:block}:root[data-theme=dark] .theme-toggle .moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .sun{display:block}:root:not([data-theme=light]) .theme-toggle .moon{display:none}}.login{position:relative}@media (max-width:760px){.top-row>.theme-toggle{order:1}.top-row>.nav{order:2}.top-row>.top-actions{order:3}}.login-theme{top:max(16px, env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px));position:absolute}@media (pointer:coarse){.btn{min-height:40px;padding-inline:14px}.btn.small{min-height:36px;padding-inline:12px}.nav a,.views button{padding-block:9px}.theme-toggle{width:40px;height:40px}.pack .tick input,.pick input{width:22px;height:22px}.linkish{padding:8px 2px}}.chip.late{color:var(--warn);border-color:var(--warn);background:var(--warn-soft);font-weight:600}.late-filter .count{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}.late-filter.on{border-color:var(--warn);background:var(--warn-soft);color:var(--warn)}.late-filter.on .count{color:var(--warn)}.late-dot{color:var(--warn);background:var(--warn-soft);vertical-align:1px;border-radius:5px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.muted{color:var(--muted);font-size:12px}.btn.tidy{border-style:dashed;margin-top:4px}.namecell .flag{margin-top:4px}.preview{background:var(--surface-2);border-radius:10px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px 16px;padding:10px;display:flex}.preview img{border:1px solid var(--line);background:#fff;border-radius:8px;width:auto;max-width:min(380px,100%);height:auto;max-height:220px;display:block}.preview-note{gap:4px;max-width:46ch;font-size:13px;display:grid}.preview-note .flag,.preview-note .linkish{justify-self:start}.gang{font-weight:500}
