:root{--bg: #14161a;--panel: #1c1f26;--panel-2: #20242c;--border: #2a2e38;--text: #e8e6e1;--muted: #8b8f99;--cyan: #22b8cf;--magenta: #d6408f;--yellow: #d9b429;--white-ink: #cfd3da;--gloss: #6c7a8a;--cl: #7ec850;--ml: #55606b;--black-ink: #3a3a3a;--cleaning-cost: #3a5f6b;--maple: #d52b1e;--cat-printing: #22b8cf;--cat-pricing: #d9b429;--font-head: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 10px;--radius-sm: 6px;--radius-pill: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--sidebar-w: 268px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#333844}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.card+.card{margin-top:18px}.card__title{font-family:var(--font-head);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.card__title--mt{margin-top:18px}.field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.field__label{font-size:13px;color:var(--text);flex:1}.sub{color:var(--muted);font-size:11px;display:block;margin-top:1px}.inputgroup{display:flex;align-items:center;gap:6px}.num-input{width:88px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:13px;padding:6px 8px;border-radius:var(--radius-sm);text-align:right}.num-input:focus{outline:none;border-color:var(--cyan)}.unit{font-family:var(--font-mono);font-size:11px;color:var(--muted);min-width:38px}.stepper{display:flex;gap:3px}.stepper button{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);font-size:11px;padding:4px 7px;border-radius:5px;cursor:pointer}.stepper button:hover{color:var(--text);border-color:var(--cyan)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.switch{position:relative;width:34px;height:18px;flex-shrink:0;background:var(--panel-2);border:1px solid var(--border);border-radius:20px;cursor:pointer;padding:0}.switch.on{background:#22b8cf40;border-color:var(--cyan)}.switch .knob{position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:left .15s ease,background .15s ease}.switch.on .knob{left:16px;background:var(--cyan)}.pillrow{display:flex;gap:6px;flex-wrap:wrap}.pill{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);font-size:11px;padding:5px 10px;border-radius:var(--radius-pill);cursor:pointer}.pill:hover{color:var(--text);border-color:var(--cyan)}.pill.active{color:var(--bg);background:var(--cyan);border-color:var(--cyan);font-weight:600}.statline{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:2px}.statline__amt{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.statline__amt--strong{color:var(--text)}table.calc{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:13px}table.calc td{padding:7px 2px;border-bottom:1px solid var(--border)}table.calc td.label{color:var(--muted);font-family:var(--font-body);font-size:13px;text-align:left}table.calc td.num{text-align:right}table.calc tr.total td{color:var(--text);font-weight:700;border-bottom:none;padding-top:10px}table.calc tr.grand td{color:var(--text);font-weight:700;font-size:15px}table.calc tr.spacer td{border-bottom:none;padding:2px 0}table.calc thead td{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding-bottom:8px}table.calc thead td:first-child{color:var(--muted);font-family:var(--font-body)}table.calc tr.current-row td{background:#22b8cf1a;font-weight:600}table.calc tr.current-row td:first-child{box-shadow:inset 2px 0 0 0 var(--cyan)}.segbar{display:flex;height:22px;border-radius:5px;overflow:hidden;margin:14px 0 4px;border:1px solid var(--border)}.segbar.thin{height:8px;border-radius:4px;border:none;background:var(--panel-2);margin:12px 0 4px}.segbar div{height:100%}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.legend span{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px;font-family:var(--font-mono)}.legend .chip,.chip{width:8px;height:8px;border-radius:2px;display:inline-block;flex-shrink:0}.note{font-size:11px;color:var(--muted);line-height:1.6}.note--boxed{border-top:1px solid var(--border);padding-top:14px;margin-top:24px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);font-size:11px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer}.btn-ghost:hover{color:var(--maple);border-color:var(--maple)}.btn-primary{background:var(--cyan);border:1px solid var(--cyan);color:var(--bg);font-family:var(--font-mono);font-size:12px;font-weight:600;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer}.btn-primary:hover{filter:brightness(1.08)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}@media (max-width: 760px){.app{grid-template-columns:1fr}}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto}@media (max-width: 760px){.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}}.brand{display:flex;align-items:center;gap:10px}.brand__mark{width:30px;height:30px;flex-shrink:0}.brand__name{font-family:var(--font-head);font-size:16px;font-weight:700;letter-spacing:-.01em}.brand__sub{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.search{position:relative}.search input{width:100%;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:13px;padding:8px 10px 8px 30px;border-radius:var(--radius-sm)}.search input:focus{outline:none;border-color:var(--cyan)}.search__icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;pointer-events:none}.nav-cat{margin-bottom:14px}.nav-cat__label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:3px 8px;border-radius:var(--radius-pill);border:1px solid var(--border);margin-bottom:8px}.nav-cat__chip{width:8px;height:8px;border-radius:2px}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:var(--radius-sm);font-size:13px;color:var(--text);cursor:pointer}.nav-item:hover{background:var(--panel-2)}.nav-item.active{background:var(--panel-2);color:var(--cyan)}.nav-item__badge{font-family:var(--font-mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.nav-empty{color:var(--muted);font-size:12px;font-style:italic}.sidebar__foot{margin-top:auto;font-family:var(--font-mono);font-size:10px;color:var(--muted);line-height:1.5}.main{padding:26px 28px 60px;max-width:1120px;width:100%}@media (max-width: 520px){.main{padding:18px 14px 48px}}.breadcrumb{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:6px}.breadcrumb a:hover{color:var(--cyan)}.breadcrumb .sep{opacity:.5}.breadcrumb .current{color:var(--text)}.page-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:22px}.page-head h1{font-family:var(--font-head);font-size:22px;font-weight:700;margin:0;letter-spacing:-.01em}.page-head .tag{font-family:var(--font-mono);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.home-cat{margin-bottom:30px}.home-cat__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.home-cat__head h2{font-family:var(--font-head);font-size:15px;margin:0}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.tool-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:border-color .12s ease,transform .12s ease}.tool-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.tool-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tool-card__name{font-family:var(--font-head);font-size:14px;font-weight:600}.tool-card__desc{font-size:12px;color:var(--muted);line-height:1.55}.badge{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.05em;padding:3px 7px;border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0}.badge--live{color:var(--cl);border:1px solid var(--cl)}.badge--soon{color:var(--muted);border:1px solid var(--border)}.select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:11px;padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer}.select:focus{outline:none;border-color:var(--cyan)}.uv-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}@media (max-width: 900px){.uv-grid{grid-template-columns:1fr}}.uv-span{grid-column:1 / -1}.swatch-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:2px}@media (max-width: 460px){.swatch-row{grid-template-columns:repeat(2,1fr)}}.swatch{display:flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 8px}.swatch .chip{width:9px;height:9px;border-radius:50%;flex-shrink:0}.swatch label{font-size:11.5px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swatch input{width:52px;flex-shrink:0;text-align:right;background:var(--panel);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:12px;padding:4px 5px;border-radius:5px}.swatch input:focus{outline:none;border-color:var(--cyan)}.maint-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}@media (max-width: 560px){.maint-grid{grid-template-columns:repeat(2,1fr)}}.maint-cell{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px}.maint-cell__label{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text);margin-bottom:6px}.maint-cell__label .chip{width:9px;height:9px;border-radius:50%;flex-shrink:0}.maint-cell__months{display:flex;gap:4px;margin-bottom:6px}.maint-cell__months input{width:100%;min-width:0;background:var(--panel);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:11px;padding:4px 3px;border-radius:4px;text-align:center}.maint-cell__months input:focus{outline:none;border-color:var(--cyan)}.maint-cell__avg{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);text-align:right}.maint-cell__avg b{color:var(--text)}.config-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}@media (max-width: 520px){.config-cols{grid-template-columns:1fr}}.uv-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}