html,body,#root{height:100%;margin:0;padding:0}:root{--bg:#14171c;--panel:#1c2027;--border:#2a2f38;--text:#e8eaee;--muted:#9aa2ad;--accent:#3b6ef5;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{background:var(--bg);height:100vh;color:var(--text);display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:20px;width:340px;padding:20px;display:flex;overflow-y:auto}.sidebar header h1{letter-spacing:.5px;margin:0;font-size:22px}.system{color:var(--muted);font-size:12px}.controls{flex-direction:column;gap:14px;display:flex}.row{display:block}.row-head{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.hint{color:var(--muted);font-size:12px}.row-input{align-items:center;gap:10px;display:flex}.row-input input[type=range]{accent-color:var(--accent);flex:1}.value{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;font-size:13px}.seg{gap:6px;display:flex}.seg button{background:var(--bg);color:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex:1;padding:6px 0;font-size:13px}.seg button.on{background:var(--accent);border-color:var(--accent);color:#fff}.row.check{align-items:center;gap:8px;font-size:13px;display:flex}.row.check input{accent-color:var(--accent)}.btn-shot{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:9px 0;font-size:13px;font-weight:500}.aisle-tip p{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.5}.aisle-tip b{color:var(--text)}.aisle-tip button{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 0;font-size:13px}.warning{color:#f2d27a;background:#f2d27a14;border:1px solid #f2d27a59;border-radius:6px;margin:0;padding:8px 10px;font-size:12px;line-height:1.5}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.stat{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;padding:8px 10px;display:flex}.stat b{font-size:16px}.stat span{color:var(--muted);font-size:11px}.bom table{border-collapse:collapse;width:100%;font-size:13px}.bom th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:4px 6px;font-size:11px;font-weight:500}.bom td{border-bottom:1px solid var(--border);padding:5px 6px}.bom td.detail{color:var(--muted);font-size:12px}.bom td.qty{text-align:right;font-variant-numeric:tabular-nums}.bom th:last-child{text-align:right}.notes p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.viewport{flex:1;min-width:0;position:relative}.views{gap:6px;display:flex;position:absolute;top:14px;left:14px}.views button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#1c2027d9;border-radius:6px;padding:6px 14px;font-size:13px}.views button.on{background:var(--accent);border-color:var(--accent)}.watermark{opacity:.9;pointer-events:none;width:20%;min-width:160px;position:absolute;bottom:2%;right:2%}