:root{--bg0:#0a1220;--bg1:#101b2e;--bg2:#16243b;--bg3:#1d2e4a;--line:#263a57;--line-soft:#1e3049;--text:#eef1f6;--muted:#93a3b8;--gold:#c9a24e;--gold-bright:#e2c072;--gold-dim:#8f7332;--navy:#13233d;--cream:#f7f4ef;--ok:#3dd68c;--warn:#e6b84d;--fail:#f07178;--info:#7fb4ff;--radius:10px;--font:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"EB Garamond", Georgia, "Times New Roman", serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(1100px 560px at 8% -12%, #c9a24e21, transparent 55%), radial-gradient(900px 520px at 100% 0%, #7fb4ff17, transparent 50%), linear-gradient(180deg, var(--bg0), #0c1526 40%, var(--bg0));-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:15.5px}button,input,select,textarea{font:inherit;color:inherit}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.85rem}.spacer{flex:1}.app{max-width:1280px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.topbar{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.brand{align-items:center;gap:.85rem;display:flex}.brand-mark{background:linear-gradient(160deg, var(--navy), #0d1a2e);width:46px;height:46px;color:var(--gold);border:1px solid #c9a24e73;border-radius:12px;place-items:center;display:grid;box-shadow:0 0 0 4px #c9a24e0f}.brand h1{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(1.9rem,4vw,2.4rem);font-weight:600;line-height:1}.brand h1 span{color:var(--gold)}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 .2rem;font-size:.7rem;font-weight:600}.tabs{border:1px solid var(--line-soft);background:#101b2ebf;border-radius:999px;flex-wrap:wrap;gap:.25rem;padding:.25rem;display:flex}.tabs a{color:var(--muted);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .14s,color .14s;display:inline-flex}.tabs a:hover{color:var(--text)}.tabs a.on{background:var(--gold);color:#1a1406}.tabs .count{font-family:var(--mono);background:#ffffff1f;border-radius:999px;padding:.05rem .4rem;font-size:.7rem}.tabs a.on .count{background:#00000026}.tagline{color:var(--muted);max-width:52rem;margin:0 0 1.25rem;font-size:1.02rem;line-height:1.5}.panel{background:color-mix(in srgb, var(--bg1) 90%, transparent);border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;margin-bottom:1rem;animation:.26s both rise}.panel-head{justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 1.15rem .2rem;display:flex}.panel-head h2{font-family:var(--serif);letter-spacing:-.005em;margin:0;font-size:1.45rem;font-weight:600}.panel-actions{align-items:center;gap:.5rem;display:flex}.panel-body{padding:.85rem 1.15rem 1.15rem}.intro{max-width:56rem;margin:0 0 .9rem;line-height:1.5}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.grid{gap:.85rem 1rem;margin-bottom:.85rem;display:grid}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=980px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.field.wide{grid-column:1/-1}.field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:600}.field-hint{color:var(--muted);opacity:.85;font-size:.78rem}input:not([type=checkbox]):not([type=color]),select,textarea{background:var(--bg0);border:1px solid var(--line);border-radius:8px;outline:none;width:100%;padding:.55rem .7rem;transition:border-color .12s,box-shadow .12s}textarea{resize:vertical;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:var(--gold-dim);box-shadow:0 0 0 3px #c9a24e29}input:disabled{opacity:.55}select{cursor:pointer}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px}.num-input{background:var(--bg0);border:1px solid var(--line);border-radius:8px;align-items:stretch;min-width:0;transition:border-color .12s,box-shadow .12s;display:flex;overflow:hidden}.num-input:focus-within{border-color:var(--gold-dim);box-shadow:0 0 0 3px #c9a24e29}.num-input input{font-family:var(--mono);appearance:textfield;min-width:0;font-size:.9rem;box-shadow:none!important;background:0 0!important;border:none!important}.num-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-input .affix{color:var(--muted);background:var(--bg2);white-space:nowrap;place-items:center;padding:0 .6rem;font-size:.82rem;display:grid}.num-input.disabled{opacity:.55}.segmented{background:var(--bg0);border:1px solid var(--line);border-radius:9px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.38rem .7rem;font-size:.86rem;font-weight:600;transition:background .12s,color .12s}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--bg3);color:var(--gold-bright);box-shadow:inset 0 0 0 1px #c9a24e66}.primary,.secondary,.ghost,.pill{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;font-weight:600;transition:transform .12s,filter .12s,background .12s,border-color .12s,color .12s;display:inline-flex}.primary{background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:#1a1406;border:none;padding:.7rem 1.1rem}.primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.primary:active:not(:disabled){transform:scale(.98)}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{color:var(--text);border:1px solid var(--gold-dim);background:0 0;padding:.65rem 1rem}.secondary:hover{background:#c9a24e1a}.ghost{border:1px solid var(--line);color:var(--muted);background:0 0;padding:.42rem .8rem;font-size:.86rem}.ghost:hover{color:var(--text);border-color:var(--gold-dim)}.ghost.danger:hover{color:var(--fail);border-color:#f0717880}.pill{border:1px dashed var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:500}.pill:hover{color:var(--gold-bright);border-color:var(--gold-dim)}.pill.on{border-style:solid;border-color:var(--gold-dim);color:var(--gold-bright);background:#c9a24e14}.linkish{color:var(--gold-bright);cursor:pointer;text-underline-offset:3px;font-size:inherit;background:0 0;border:none;padding:0;-webkit-text-decoration:underline #e2c07266;text-decoration:underline #e2c07266}.linkish:hover{text-decoration-color:currentColor}.icon-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;place-items:center;display:inline-grid}.icon-btn:hover{border-color:var(--line);color:var(--text);background:var(--bg2)}.icon-btn.danger:hover{color:var(--fail);border-color:#f0717859}.chip-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.chip{border:1px solid var(--line);background:var(--bg0);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.32rem .7rem;font-size:.84rem;font-weight:500;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.chip:hover{color:var(--text);border-color:var(--gold-dim)}.chip.on{color:var(--text);background:var(--bg3);border-color:var(--gold-dim)}.chip .swatch{border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 1px #ffffff40}.chip:not(.on) .swatch{opacity:.45}.inline-check{color:var(--muted);cursor:pointer;align-items:center;gap:.4rem;margin-top:.3rem;font-size:.8rem;display:inline-flex}.inline-check.big{color:var(--text);margin:0 0 .9rem;font-size:.95rem}.row-add{flex-wrap:wrap;gap:.45rem;margin-top:.75rem;display:flex}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{border-top:1px solid var(--line-soft);text-align:left;vertical-align:middle;padding:.45rem .5rem}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-top:none;font-size:.72rem;font-weight:600}.table .num{text-align:right;white-space:nowrap}.table td.row-actions{text-align:right;width:40px}.table.compact td{padding:.35rem .45rem}.table input:not([type=checkbox]):not([type=color]),.table select{padding:.4rem .55rem}@media (width<=860px){:is(.panel-body:has(>.table),.item-card:has(>.table)){overflow-x:auto}.table{min-width:680px}}.swatch-input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:34px;height:30px;padding:0}.swatch-input::-webkit-color-swatch-wrapper{padding:3px}.swatch-input::-webkit-color-swatch{border:none;border-radius:5px}.calc-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:1rem;display:grid}@media (width<=1040px){.calc-layout{grid-template-columns:1fr}}.calc-side{position:sticky;top:1rem}.items{gap:.75rem;display:grid}.item-card{border:1px solid var(--line);background:linear-gradient(#16243bbf,#101b2e99);border-radius:12px;padding:.75rem .9rem .9rem;animation:.22s both rise}.item-head{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.item-title{flex:1;font-weight:600;font-family:var(--serif)!important;background:0 0!important;border-color:#0000!important;padding:.2rem .4rem!important;font-size:1.2rem!important}.item-title:hover{border-color:var(--line)!important}.item-title:focus{border-color:var(--gold-dim)!important;background:var(--bg0)!important}.item-meta{color:var(--gold-bright);padding:0 .4rem;font-size:.92rem}.item-qty{align-items:start}.item-qty .inline-check{margin-top:.15rem}.qty-summary{border:1px dashed var(--line);background:#0a122099;border-radius:8px;flex-direction:column;grid-column:span 2;align-self:center;gap:.15rem;padding:.55rem .8rem;display:flex}.qty-summary .mono{color:var(--gold-bright);margin-right:.35rem;font-size:1.05rem}@media (width<=980px){.qty-summary{grid-column:1/-1}}.item-colour{border-top:1px dashed var(--line-soft);gap:.6rem;padding-top:.75rem;display:grid}.colour-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.quick-add{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.9rem;display:flex}.empty{color:var(--muted);text-align:center;padding:1.5rem 1rem}.extras{gap:.5rem;margin-bottom:.9rem;display:grid}.extra-row{grid-template-columns:minmax(0,1fr) 160px 36px;align-items:center;gap:.5rem;display:grid}.finishing-list{gap:.75rem;display:grid}.preset-select{font-size:.86rem;width:auto!important}.summary{border-color:#c9a24e59;padding:1.15rem 1.2rem 1.1rem;box-shadow:0 0 0 1px #c9a24e14,0 24px 50px #00000047}.total{letter-spacing:-.03em;color:var(--gold-bright);margin:.15rem 0 .25rem;font-size:2.6rem;font-weight:600;line-height:1.05}.per-copy{color:var(--muted);margin:0 0 1rem}.per-copy .mono{color:var(--text)}.stack-bar{background:var(--bg0);border:1px solid var(--line);border-radius:999px;height:12px;margin-bottom:.75rem;display:flex;overflow:hidden}.stack-bar.small{height:8px}.stack-bar span{height:100%;transition:width .42s cubic-bezier(.22,1,.36,1);display:block}.cat-list{gap:.3rem;margin:0 0 1rem;padding:0;font-size:.92rem;list-style:none;display:grid}.cat-list li{justify-content:space-between;align-items:center;display:flex}.cat-list li.zero{opacity:.45}.cat-list i,.working-top i{vertical-align:1px;border-radius:3px;width:9px;height:9px;margin-right:.5rem;display:inline-block}.stats{grid-template-columns:repeat(3,1fr);gap:.4rem;margin:0 0 1rem;display:grid}.stats div{background:var(--bg0);border:1px solid var(--line-soft);border-radius:8px;padding:.45rem .55rem}.stats dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.66rem}.stats dd{margin:.15rem 0 0;font-size:.95rem}.warnings{color:var(--warn);background:#e6b84d14;border:1px solid #e6b84d4d;border-radius:8px;margin:0 0 1rem;padding:.6rem .8rem .6rem 1.6rem;font-size:.84rem}.summary-actions{gap:.5rem;display:grid}.pdf-opts{color:var(--muted);flex-wrap:wrap;gap:.3rem 1rem;margin:.6rem 0 .4rem;font-size:.84rem;display:flex}.pdf-opts label{cursor:pointer;align-items:center;gap:.35rem;display:inline-flex}.working-toggle{margin-top:.5rem;font-size:.88rem}.working{gap:.5rem;max-height:50vh;margin-top:.75rem;padding-right:.25rem;display:grid;overflow:auto}.working-line{border-left:2px solid var(--line);padding:.15rem 0 .15rem .6rem}.working-top{justify-content:space-between;gap:.5rem;font-size:.84rem;font-weight:600;display:flex}.working-line p{color:var(--muted);margin:.2rem 0 0;font-size:.74rem;line-height:1.45}.history{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.history>li{border:1px solid var(--line-soft);background:#16243b80;border-radius:10px;overflow:hidden}.history>li.open{border-color:var(--gold-dim)}.history-row{text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;padding:.75rem .9rem;display:grid}.history-row:hover{background:#c9a24e0d}.h-date{color:var(--muted);font-size:.82rem}.h-title{flex-direction:column;gap:.1rem;min-width:0;display:flex}.h-title strong{font-family:var(--serif);font-size:1.12rem;font-weight:600}.h-total{color:var(--gold-bright);font-size:1.05rem}.history-detail{border-top:1px solid var(--line-soft);padding:.8rem .9rem .9rem}.history-cols{grid-template-columns:260px minmax(0,1fr);gap:1.25rem;display:grid}@media (width<=720px){.history-cols{grid-template-columns:1fr}.history-row{grid-template-columns:1fr auto}.h-date{display:none}}.plain{gap:.25rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.history-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.history-actions .primary,.history-actions .secondary{padding:.5rem .85rem;font-size:.88rem}.data-view{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}@media (width<=860px){.data-view{grid-template-columns:1fr}}.dropzone{border:1.5px dashed var(--line);background:var(--bg0);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;padding:2rem 1rem;transition:border-color .14s,background .14s;display:flex}.dropzone:hover,.dropzone.over,.dropzone:focus-visible{border-color:var(--gold);background:#c9a24e0f;outline:none}.import-confirm{border:1px solid var(--gold-dim);background:#c9a24e0f;border-radius:10px;margin-top:1rem;padding:.85rem 1rem}.import-confirm p{margin:0;line-height:1.5}.error{color:var(--fail);margin:.75rem 0 0}.success{color:var(--ok);margin:.75rem 0 0}.help-link{border:1px solid var(--line);width:17px;height:17px;color:var(--muted);font-family:var(--font);letter-spacing:0;text-transform:none;vertical-align:2px;border-radius:50%;place-items:center;margin-left:.4rem;font-size:.68rem;font-weight:700;text-decoration:none;transition:color .12s,border-color .12s,background .12s;display:inline-grid}.help-link:hover,.help-link:focus-visible{color:#1a1406;background:var(--gold);border-color:var(--gold);outline:none}.panel-head h2 .help-link{vertical-align:4px}.pdf-help{margin:.2rem 0 0}.pdf-help a,.tagline a,.help-body a:not(.help-link){color:var(--gold-bright);text-underline-offset:3px;text-decoration-color:#e2c07266}.help-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width<=860px){.help-layout{grid-template-columns:1fr}}.help-toc{padding:1rem .85rem;position:sticky;top:1rem}.help-toc ol{counter-reset:toc;gap:.1rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.help-toc li{counter-increment:toc}.help-toc a{color:var(--muted);border-radius:7px;gap:.55rem;padding:.35rem .5rem;font-size:.92rem;text-decoration:none;display:flex}.help-toc a:before{content:counter(toc, decimal-leading-zero);font-family:var(--mono);color:var(--gold-dim);padding-top:.15rem;font-size:.72rem}.help-toc a:hover{color:var(--text);background:var(--bg2)}@media (width<=860px){.help-toc{position:static}.help-toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}}.help-body{padding:.5rem 1.6rem 1.5rem;line-height:1.6}.help-section{border-bottom:1px solid var(--line-soft);max-width:50rem;padding:1.1rem 0 .6rem;scroll-margin-top:1rem}.help-section:last-child{border-bottom:none}.help-section h2{font-family:var(--serif);margin:0 0 .5rem;font-size:1.6rem;font-weight:600}.help-section h3{font-family:var(--serif);margin:1.25rem 0 .25rem;font-size:1.2rem;font-weight:600}.help-section p,.help-section ul,.help-section ol{margin:0 0 .8rem}.help-section li{margin-bottom:.35rem}.help-section .steps{padding-left:1.3rem}.help-section .steps li::marker{color:var(--gold);font-weight:700}.defs{grid-template-columns:200px minmax(0,1fr);gap:.55rem 1.1rem;margin:0 0 .8rem;display:grid}.defs dt{color:var(--gold-bright);font-weight:600}.defs dd{color:var(--text);margin:0}@media (width<=720px){.defs{grid-template-columns:1fr;gap:.15rem}.defs dd{margin-bottom:.6rem}}.callout{border-left:3px solid var(--gold);background:#c9a24e12;border-radius:0 8px 8px 0;padding:.7rem .9rem}.table.formula{min-width:0;margin-bottom:.6rem}.table.formula td:first-child{white-space:nowrap;width:120px;font-weight:600}.table.formula td:last-child{font-family:var(--mono);color:var(--muted);font-size:.82rem}.help-example{border:1px solid var(--line-soft);background:var(--bg0);border-radius:10px;max-height:none;margin-bottom:.8rem;padding:.85rem 1rem}.help-example-total{border-top:1px solid var(--line);color:var(--gold-bright);padding-top:.5rem;font-size:.95rem}.faq{border:1px solid var(--line-soft);background:#16243b73;border-radius:10px;margin-bottom:.5rem}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:.65rem .9rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--gold);font-family:var(--mono)}.faq[open] summary:after{content:"–"}.faq[open]{border-color:var(--gold-dim)}.faq>div{color:var(--muted);padding:0 .9rem .2rem}.footer{border-top:1px solid var(--line-soft);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-top:2rem;padding-top:1rem;font-size:.85rem;display:flex}.toast{background:var(--bg3);border:1px solid var(--gold-dim);color:var(--text);z-index:50;border-radius:10px;padding:.65rem 1.1rem;animation:.22s cubic-bezier(.22,1,.36,1) both toast-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}