*,:before,:after{box-sizing:border-box}.sheet-canvas{flex-direction:column;gap:8px;display:flex}.canvas-toolbar{align-items:center;gap:8px;display:flex}.canvas-toolbar .ct-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.zoom-wrap{align-items:center;gap:4px;display:flex}.btn-ico{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);width:28px;height:28px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-family:monospace;font-size:15px;display:flex}.btn-ico:hover{border-color:var(--accent);color:var(--text)}.zoom-val{text-align:center;font-variant-numeric:tabular-nums;min-width:58px;color:var(--text-muted);font-size:11px}.canvas-wrap{background:var(--sheet-wrap-bg);border:1px solid var(--border);border-radius:var(--radius);touch-action:none;cursor:grab;height:70vh;min-height:360px;position:relative;overflow:hidden}.canvas-wrap:active{cursor:grabbing}.canvas-svg{display:block;position:absolute}.ruler{background:var(--ruler-bg);color:var(--ruler-text);z-index:2;font:9px monospace;position:absolute;overflow:hidden}.ruler-h{top:0;right:0}.ruler-v{bottom:0;left:0}.ruler-corner{background:var(--ruler-bg);border-right:1px solid var(--border);border-bottom:1px solid var(--border);z-index:3;position:absolute;top:0;left:0}.tick{color:var(--ruler-text);position:absolute}.tick-h{border-left:1px solid var(--ruler-tick);top:0;bottom:0}.tick-h span{white-space:nowrap;position:absolute;top:4px;left:3px}.tick-v{border-top:1px solid var(--ruler-tick);left:0;right:0}.tick-v span{transform-origin:0 0;white-space:nowrap;position:absolute;top:2px;left:2px;transform:rotate(-90deg)}.sc-sheet-bg{fill:var(--sheet-bg);stroke:none}.sc-sheet-border{fill:none;stroke:var(--sheet-border);stroke-width:2px}.sc-grid{stroke:var(--sheet-grid);stroke-width:1px}.sc-margin{fill:none;stroke:var(--margin-line);stroke-width:1.5px;stroke-dasharray:6 4}.sc-free{fill:var(--free-fill);stroke:#0000;stroke-width:1.5px;transition:fill 80ms}.sc-free.is-hover{fill:var(--free-hover-fill);stroke:var(--brand);stroke-dasharray:4 3}.sc-piece{opacity:.9;stroke:var(--piece-stroke);stroke-width:1.5px}.sc-piece-label{fill:var(--piece-label);text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-family:monospace;font-weight:700}.sc-tooltip{z-index:10;pointer-events:none;background:var(--surface);border:1px solid var(--brand);border-radius:var(--radius);color:var(--text);white-space:nowrap;padding:6px 10px;font-family:monospace;position:absolute;box-shadow:0 4px 18px #0006}.sc-tooltip .tt-title{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-family:Segoe UI,system-ui,sans-serif;font-size:9px}.sc-tooltip .tt-dim{color:var(--brand);font-size:13px;font-weight:700}.sc-tooltip .tt-area{color:var(--text-muted);margin-top:1px;font-size:11px}@media (width<=760px){.canvas-wrap{height:56vh}}:root{--bg:#101010;--surface:#151514;--surface2:#1b1b1a;--border:#292927;--border2:#3a3a37;--accent:#ebebe8;--accent-text:#101010;--brand:#c9ad4e;--text:#e9e9e6;--text-muted:#8a8a84;--danger:#d96b6b;--alert-bg:#d96b6b14;--alert-border:#d96b6b59;--alert-text:#d99c9c;--sheet-bg:#1a1a19;--sheet-border:#e9e9e638;--piece-stroke:#10101080;--piece-label:#101010c7;--margin-line:#e9e9e62e;--sheet-wrap-bg:#0c0c0c;--sheet-grid:#e9e9e60b;--ruler-bg:#131312;--ruler-text:#6f6f69;--ruler-tick:#353532;--free-fill:#e9e9e608;--free-hover-fill:#c9ad4e1f;--radius:4px}[data-theme=light]{--bg:#fafaf8;--surface:#fff;--surface2:#fff;--border:#e6e6e2;--border2:#cfcfc9;--accent:#161614;--accent-text:#fafaf8;--brand:#9a7f2a;--text:#1c1c1a;--text-muted:#80807a;--danger:#b54a4a;--alert-bg:#b54a4a0f;--alert-border:#b54a4a4d;--alert-text:#9c3d3d;--sheet-bg:#f0f0ec;--sheet-border:#1c1c1a4d;--piece-stroke:#1c1c1a66;--piece-label:#141412cc;--margin-line:#1c1c1a40;--sheet-wrap-bg:#ecece6;--sheet-grid:#1c1c1a0d;--ruler-bg:#f4f4f0;--ruler-text:#80807a;--ruler-tick:#cfcfc9;--free-fill:#1c1c1a08;--free-hover-fill:#9a7f2a24}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;transition:background .25s,color .25s}.app{max-width:1200px;margin:0 auto;padding:20px 16px}header{align-items:baseline;gap:10px;margin-bottom:18px;display:flex}header h1{letter-spacing:.5px;margin:0;font-size:20px;font-weight:600}header h1:after{content:".";color:var(--brand)}header .sub{letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);font-size:11px}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.theme-toggle{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:12px}.theme-toggle:hover{border-color:var(--accent)}.layout{grid-template-columns:340px 1fr;align-items:start;gap:20px;display:grid}@media (width<=760px){.layout{grid-template-columns:1fr}}aside section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:14px}aside h2{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;font-size:10px;font-weight:700}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:10px;font-weight:600;display:flex}input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);box-sizing:border-box;outline:none;padding:7px 9px;font-family:inherit;font-size:13px}input:focus{border-color:var(--accent)}.pieces{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.piece-row{grid-template-columns:10px 1fr 1fr 56px 30px 30px;align-items:end;gap:6px;display:grid}.piece-row .dot{opacity:.85;border-radius:3px;width:8px;height:28px}.piece-row button{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);height:31px;color:var(--text-muted);cursor:pointer;font-size:13px}.piece-row button:hover{border-color:var(--border2)}.piece-row .grain.on{color:var(--accent);border-color:var(--accent);background:0 0;font-weight:700}.piece-row .del:hover{color:var(--danger);border-color:var(--danger)}.add{border:1px dashed var(--border2);border-radius:var(--radius);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;padding:8px;font-family:inherit;font-size:12px}.add:hover{color:var(--text);border-color:var(--border2)}.cta{background:var(--accent);border-radius:var(--radius);width:100%;color:var(--accent-text);cursor:pointer;border:none;padding:11px;font-family:inherit;font-size:14px;font-weight:700}.cta:hover{opacity:.88}.alert{background:var(--alert-bg);border:1px solid var(--alert-border);border-radius:var(--radius);color:var(--alert-text);margin-top:10px;padding:9px 11px;font-size:12px}.empty{border:1px dashed var(--border2);border-radius:var(--radius);color:var(--text-muted);text-align:center;padding:60px 20px}.empty b{color:var(--text)}.stats{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.stats>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);padding:8px 14px}.stats b{color:var(--text);margin-right:4px;font-size:15px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tabs button{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:12px}.tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:700}figure{margin:0}figcaption{color:var(--text-muted);margin-bottom:6px;font-size:12px}.stats>div.cost{border-color:var(--brand)}.stats>div.cost b{color:var(--brand)}.export-bar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.export-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600}.export-btn:hover{border-color:var(--brand);color:var(--brand)}@media print{.export-bar{display:none}}.grid2-wide{grid-column:1/-1}.price-input{grid-template-columns:1fr auto;gap:6px;display:grid}.price-input select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;outline:none;padding:0 8px;font-family:inherit;font-size:12px}.price-input select:focus{border-color:var(--accent)}.save-row{grid-template-columns:1fr auto;gap:6px;margin-bottom:10px;display:grid}.save-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;padding:0 14px;font-family:inherit;font-size:12px}.save-btn:hover:not(:disabled){border-color:var(--accent)}.save-btn:disabled{opacity:.45;cursor:not-allowed}.projects{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.projects li{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr auto 30px;align-items:center;gap:6px;padding:7px 9px;display:grid}.p-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.p-meta b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.p-meta em{color:var(--text-muted);font-size:10px;font-style:normal}.p-load,.p-del{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;padding:5px 8px;font-family:inherit;font-size:11px}.p-load:hover{color:var(--text);border-color:var(--brand)}.p-del:hover{color:var(--danger);border-color:var(--danger)}.projects-empty{color:var(--text-muted);margin:0;font-size:11px}