:root{--bg: #0f172a;--card: #1e293b;--card2: #273449;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--border: #334155}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:1600px;margin:0 auto;padding:16px 24px 48px}.app-header{margin-bottom:16px}.app-header h1{margin:0;font-size:24px}.app-header p{margin:4px 0 0;color:var(--muted)}.layout{display:grid;grid-template-columns:340px 1fr 380px;gap:16px;align-items:start}@media(max-width:1200px){.layout{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:14px}.card h2{margin:0 0 12px;font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.card h3{margin:18px 0 8px;font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:4px;font-size:13px}.field>span{color:var(--muted)}.input-wrap{display:flex;align-items:center;gap:6px}.input-wrap em{color:var(--muted);font-style:normal;font-size:12px}input,select{width:100%;background:var(--card2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 9px;font-size:14px}input:focus,select:focus{outline:2px solid var(--accent);border-color:transparent}.methods{display:flex;flex-direction:column;gap:8px}.method{text-align:left;background:var(--card2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;cursor:pointer;color:var(--text);display:flex;flex-direction:column}.method small{color:var(--muted);margin-top:2px}.method.active{border-color:var(--accent);background:#0c4a6e33}.spec-table{width:100%;border-collapse:collapse;font-size:13px}.spec-table th{text-align:left;color:var(--muted);font-weight:500;padding:4px}.spec-table td{padding:3px}.icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px}.icon-btn:disabled{opacity:.3;cursor:default}.add-btn{margin-top:8px;background:var(--card2);color:var(--accent);border:1px dashed var(--accent);border-radius:8px;padding:7px 12px;cursor:pointer;width:100%}.hint{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.4}.seg-row{display:flex;align-items:center;gap:10px;margin-top:12px}.seg-label{font-size:13px;color:var(--muted)}.seg{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{background:var(--card2);color:var(--text);border:none;padding:7px 12px;cursor:pointer;font-size:13px;border-right:1px solid var(--border)}.seg button:last-child{border-right:none}.seg button.active{background:#0c4a6e;color:var(--accent)}.check-row{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--muted);cursor:pointer}.check-row input{width:auto}.cutmap{margin-bottom:14px}.cutmap-frame{position:relative;aspect-ratio:1;background:radial-gradient(circle,#142033,#0b1220);border-radius:12px;border:1px solid var(--border);overflow:hidden}.cutmap-svg{display:block;width:100%;aspect-ratio:1;background:transparent}.circle-top{fill:#d9a36625;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.circle-butt{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:6 6;vector-effect:non-scaling-stroke}.kerf-rect{fill:#ef4444;opacity:.6}.saw-line{stroke:#f43f5e;stroke-linecap:round;opacity:.95;filter:drop-shadow(0 0 2px #f43f5e)}.saw-height{position:absolute;right:6px;transform:translateY(-50%);background:#f43f5ecc;color:#fff;font-size:12px;font-weight:700;padding:2px 7px;border-radius:6px;pointer-events:none;white-space:nowrap;box-shadow:0 1px 4px #000a}.saw-speed{position:absolute;left:6px;transform:translateY(-50%);color:#fff;font-size:12px;font-weight:700;padding:2px 7px;border-radius:6px;pointer-events:none;white-space:nowrap;box-shadow:0 1px 4px #000a}.saw-speed.speed-slow{background:#ef4444cc}.saw-speed.speed-mid{background:#f59e0bcc}.saw-speed.speed-fast{background:#22c55ecc}.axis{stroke:#fff2;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:2 4}.pith{fill:#fca5a5;stroke:#7f1d1d;stroke-width:1;vector-effect:non-scaling-stroke}.board-num{fill:#f8fafc;text-anchor:middle;dominant-baseline:central;font-weight:600;paint-order:stroke;stroke:#0f172a;stroke-width:.5;pointer-events:none}.board-tip{position:absolute;top:10px;left:10px;background:#0b1220ee;border:1px solid var(--accent);border-radius:8px;padding:8px 11px;display:flex;flex-direction:column;gap:2px;font-size:12px;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.board-tip strong{font-size:13px}.board-tip span{color:var(--muted)}.step-overlay{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:10px;background:#0b1220ee;border:1px solid var(--accent);border-radius:8px;padding:8px 12px;font-size:13px;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.step-overlay-num{color:var(--accent);font-weight:600;white-space:nowrap}.step-overlay-rot{font-size:18px;font-weight:700;color:#fde047}.steps-head{display:flex;align-items:center;justify-content:space-between}.steps-head h2,.steps-head .check-row{margin:0}.steps-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0}.steps-nav button{background:var(--card2);color:var(--text);border:1px solid var(--border);border-radius:8px;width:40px;height:32px;cursor:pointer;font-size:14px}.steps-nav button:disabled{opacity:.35;cursor:default}.steps-counter{font-variant-numeric:tabular-nums;min-width:90px;text-align:center;color:var(--muted)}.steps-list{list-style:none;margin:8px 0 0;padding:0}.step-item{display:flex;gap:10px;align-items:flex-start;padding:6px 8px;border-radius:7px;border-left:3px solid transparent;font-size:13px}.step-item.cut:hover{background:var(--card2);cursor:pointer}.step-item.rotate{color:#fcd34d}.step-item.setup{color:var(--accent)}.step-item.done{opacity:.5}.step-item.active{background:#0c4a6e66;border-left-color:var(--accent)}.step-icon{width:16px;text-align:center;opacity:.8}.step-text{display:flex;flex-direction:column}.step-title{line-height:1.25}.step-detail{font-size:11px;color:var(--muted)}.legend{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;padding:7px 10px;font-size:12px;background:linear-gradient(to top,#0b1220ee,#0b122000);pointer-events:none}.legend-item{display:flex;align-items:center;gap:6px;color:var(--text)}.swatch{width:14px;height:14px;border-radius:3px;display:inline-block}.kerf-swatch{background:#ef4444}.placeholder,.error{padding:40px;text-align:center;color:var(--muted)}.error{color:#fca5a5}.field.invalid input,input.invalid,input[aria-invalid=true]{border-color:#f87171;outline-color:#f87171}.field-error{font-size:11px;color:#fca5a5;margin-top:2px}.input-banner{background:#7f1d1d;color:#fecaca;border:1px solid #f87171;border-radius:8px;padding:8px 12px;margin-bottom:10px;font-size:13px;font-weight:600}.summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{background:var(--card2);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column}.metric-label{font-size:11px;color:var(--muted)}.metric-value{font-size:16px;font-weight:600}.metric-big{grid-column:span 2}.metric-big .metric-value{font-size:22px;color:var(--accent)}.metric.pos .metric-value{color:#4ade80}.metric.neg .metric-value{color:#f87171}.kind-table,.board-table{width:100%;border-collapse:collapse;font-size:13px}.kind-table th,.board-table th{text-align:left;color:var(--muted);font-weight:500;border-bottom:1px solid var(--border);padding:5px}.kind-table td,.board-table td{padding:4px 5px;border-bottom:1px solid #2a3850}.row-hover{background:#0c4a6e55}