:root{--bg:#f4f5f7;--panel:#fff;--line:#e2e5ea;--text:#1c2230;--muted:#6b7384;--accent:#2563eb;--accent-soft:#e8efff;--danger:#dc2626;--warn-bg:#fff4e5;--warn:#b45309;--canvas:#d9dde3;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}h1,h2,h3,h4{margin:0 0 10px}h2{font-size:16px}h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:18px;font-size:13px}h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 6px;font-size:12px}hr{border:0;border-top:1px solid var(--line);margin:14px 0}.muted{color:var(--muted)}.small{font-size:12px}.right{text-align:right}.spacer{flex:1}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:7px;padding:6px 11px}button:hover:not(:disabled){background:#f8f9fb;border-color:#c5cad3}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:#1d4ed8}button.danger{color:var(--danger)}button.ghost{background:0 0;border-color:#0000}button.link{color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}button.icon{color:var(--muted);background:0 0;border:0;padding:4px 8px;font-size:18px;line-height:1}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;padding:6px 8px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}input[type=range]{accent-color:var(--accent);border:0;padding:0}input[type=checkbox]{width:auto;accent-color:var(--accent)}input[type=color]{width:30px;height:26px;padding:1px}input.narrow{width:72px}kbd{border:1px solid var(--line);color:var(--muted);background:#fafbfc;border-bottom-width:2px;border-radius:4px;padding:0 4px;font:11px ui-monospace,Menlo,monospace}.home{height:100%;overflow:auto}.home-inner{max-width:880px;margin:0 auto;padding:48px 20px}.home h1{margin-bottom:26px;font-size:26px}.home h1 .muted{margin-left:8px;font-size:16px;font-weight:400}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.new-proj{margin-bottom:28px}.new-proj .row{gap:8px;display:flex}.proj-list{gap:8px;margin-bottom:16px;display:grid}.proj{cursor:pointer;align-items:center;gap:16px;padding:12px 14px;display:flex}.proj>div:first-child{flex:1}.proj:hover{border-color:#b9c3d3}.editor{flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.brand{letter-spacing:-.01em;color:var(--accent);margin-right:8px;font-weight:800}.proj-name{border-color:#0000;width:240px;font-weight:600}.proj-meta{width:170px;color:var(--muted);border-color:#0000}.proj-name:hover,.proj-meta:hover{border-color:var(--line)}.workspace{flex:1;min-height:0;display:flex}.center{flex-direction:column;flex:1;min-width:0;display:flex}.panel{background:var(--panel);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.palette{border-right:1px solid var(--line);width:262px}.inspector{border-left:1px solid var(--line);width:280px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:50px;padding:12px 14px;font-weight:700;display:flex}.panel-body{padding:14px;overflow:auto}.palette-list{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex;overflow:auto}.sym-btn{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:8px;padding:6px 8px;display:flex;position:relative}.sym-btn:hover:not(:disabled){border-color:var(--line);background:#f5f7fa}.sym-btn.armed{background:color-mix(in srgb, var(--sym) 12%, white);border-color:var(--sym);box-shadow:inset 3px 0 0 var(--sym)}.sym-name{white-space:normal;flex-direction:column;flex:1;font-weight:500;line-height:1.2;display:flex}.sym-code{color:var(--muted);font-size:11px;font-weight:400}.sym-count{font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;display:flex}.sym-count b{color:var(--sym);text-align:right;min-width:14px;font-size:15px}.sym-count span{color:var(--muted);font-size:11px}.sym-btn kbd{opacity:.6;padding:0 2px;font-size:9px;position:absolute;top:3px;left:3px}.tally{border-top:1px solid var(--line);gap:4px;padding:10px 14px;display:grid}.tally div{justify-content:space-between;display:flex}.tally b{font-variant-numeric:tabular-nums;font-size:16px}.hint{color:var(--muted);border-top:1px solid var(--line);background:#fafbfc;margin:0;padding:10px 14px 14px;font-size:12px}.canvas-wrap{background:var(--canvas);flex:1;min-height:0;position:relative;overflow:hidden}.canvas-empty{color:var(--muted);pointer-events:none;z-index:1;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}.canvas-empty.error{color:var(--danger)}.zoom-badge{color:var(--muted);pointer-events:none;background:#ffffffd9;border-radius:6px;padding:2px 8px;font-size:12px;position:absolute;bottom:10px;right:10px}.sheet-tabs{background:var(--panel);border-top:1px solid var(--line);flex-shrink:0;align-items:center;gap:4px;padding:6px 8px;display:flex;overflow-x:auto}.sheet-tab{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:flex}.sheet-tab:hover{background:#f3f5f8}.sheet-tab.active{background:var(--accent-soft);border-color:#c4d4fb;font-weight:600}.sheet-tab input{width:160px;padding:2px 6px}.sheet-name{text-overflow:ellipsis;max-width:220px;overflow:hidden}.pill{color:var(--muted);background:#e7eaef;border-radius:10px;padding:0 7px;font-size:11px;font-weight:600}.sheet-actions{gap:1px;display:flex}.sheet-actions button{color:var(--muted);background:0 0;border:0;padding:0 5px}.sheet-add{border-style:dashed;margin-left:6px}.insp-title{align-items:center;gap:8px;font-size:16px;display:flex}.field{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.field>span{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.field>span b{color:var(--text)}.btn-row{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.btn-row button{flex:none}.field .btn-row button{flex:1;padding:4px 0}.check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.warn{background:var(--warn-bg);color:var(--warn);border-radius:6px;margin:4px 0;padding:7px 10px;font-size:12px}.part-mini{gap:3px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.shortcuts{color:var(--muted);margin:0;padding-left:16px;font-size:12px;line-height:1.9}.modal-back{z-index:50;background:#0f141e59;justify-content:center;align-items:flex-start;padding:5vh 16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;flex-direction:column;width:560px;max-width:100%;max-height:90vh;display:flex;box-shadow:0 20px 60px #00000040}.modal.wide{width:1080px}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h2{margin:0}.modal-body{padding:16px 18px;overflow:auto}.tabs{align-items:center;gap:4px;margin-bottom:12px;display:flex}.tabs>button:not(.link){color:var(--muted);background:0 0;border-color:#0000;font-weight:600}.tabs>button.active{background:var(--accent-soft);color:var(--accent)}table.grid{border-collapse:collapse;width:100%;margin:8px 0 12px}table.grid th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line);padding:6px;font-size:11px}table.grid td{vertical-align:middle;border-bottom:1px solid #f0f2f5;padding:4px 6px}table.grid.compact td{padding:6px}table.grid .num{text-align:right;font-variant-numeric:tabular-nums}table.grid tr.total td{border-top:2px solid var(--line);font-weight:700}table.grid td input,table.grid td select{padding:4px 6px}.row-actions{white-space:nowrap;text-align:right}.row-actions button{padding:2px 7px}.swatches{align-items:center;gap:3px;display:flex}.swatch{border:1px solid #0000001a;border-radius:50%;width:16px;height:16px;padding:0}.sym-select{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.finalize{grid-template-columns:340px 1fr;gap:28px;display:grid}.finalize section>h3:first-child{margin-top:0}.export-opts{gap:6px;margin-bottom:6px;display:grid}.parts-table td:nth-child(2){width:34%}.parts-table td:first-child{width:17%}.coverage-box{gap:10px;display:grid}.coverage-box .field,.coverage-box p{margin:0}.segmented{border:1px solid var(--line);border-radius:7px;display:flex;overflow:hidden}.segmented button{background:#fff;border:0;border-radius:0;flex:1;padding:6px 0}.segmented button+button{border-left:1px solid var(--line)}.segmented button.on{background:var(--accent);color:#fff;font-weight:600}.segmented button.on:hover{background:#1d4ed8}.when-select{margin-top:3px;font-size:12px}.export-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0;display:grid}.export-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;display:flex}.export-card.featured{background:var(--accent-soft);border-color:#c4d4fb}.export-card .card-actions{margin-top:auto;padding-top:8px}.export-card b{font-size:14px}.export-card span{color:var(--muted);font-size:11.5px;font-weight:400;line-height:1.3}.pv-back{z-index:80;background:#3b4252;flex-direction:column;display:flex;position:fixed;inset:0}.pv-bar{background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.pv-title{flex-direction:column;line-height:1.25;display:flex}.pv-zoom{align-items:center;gap:4px;display:flex}.pv-zoom span{text-align:center;font-variant-numeric:tabular-nums;min-width:46px;color:var(--muted);font-size:13px}.pv-zoom button{padding:5px 10px}.pv-zoom button.on{background:var(--accent-soft);color:var(--accent);border-color:#c4d4fb;font-weight:600}.pv-scroll{flex-direction:column;flex:1;align-items:center;gap:22px;padding:24px 32px 48px;display:flex;overflow:auto}.pv-page{background:#fff;flex-shrink:0;position:relative;box-shadow:0 4px 24px #00000059}.pv-page canvas{display:block}.pv-num{color:#c9d0dc;font-size:11px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.pv-msg{color:#dfe4ec;margin-top:30vh;font-size:15px}.pv-msg.error{color:#fca5a5}.export-card .card-actions{gap:6px;width:100%;margin-top:8px;display:flex}.export-card .card-actions button{flex:1;padding:5px 0;font-size:13px}.accessory-list{gap:4px;display:grid}.accessory{border:1px solid var(--line);cursor:pointer;color:var(--text);border-radius:7px;align-items:flex-start;gap:8px;padding:6px 8px;font-size:12px;display:flex}.accessory:hover{background:#f8f9fb}.accessory.on{background:var(--accent-soft);border-color:#c4d4fb}.accessory input{margin-top:2px}.accessory span{flex-direction:column;gap:1px;display:flex}.accessory small{color:var(--muted);font-size:11px;line-height:1.3}.part-rules{align-items:center;gap:8px;margin-top:3px;display:flex}.part-rules .when-select{flex:1;width:auto;margin-top:0}.part-rules .check{white-space:nowrap;color:var(--muted);font-size:12px}.bom-edit .qty-cell{white-space:nowrap}.bom-edit .qty-cell input{text-align:right;width:58px;padding:3px 6px;font-weight:700}.bom-edit .qty-cell .link{margin-top:2px;margin-left:auto;font-size:11px;display:block}.bom-edit tr.edited td{background:#fffbeb}.bom-edit tr.removed td{opacity:.45;text-decoration:line-through}.bom-edit tr.removed td.row-actions{opacity:1;text-decoration:none}.custom-line{gap:6px;margin:4px 0 8px;display:flex}.custom-line input:first-child{flex:none;width:140px}.custom-line input:nth-child(2){flex:1}.sym-code{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.sym-code b{color:var(--sym);font-weight:700}.sym-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.sym-chip{white-space:nowrap;background:#fff;border:1px solid;border-radius:12px;align-items:center;gap:4px;padding:1px 2px 1px 7px;font-size:12px;display:inline-flex}.sym-chip button{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:13px;line-height:1}.sym-chip button:hover{color:var(--danger);background:0 0}.chip-add{width:auto;color:var(--accent);border-style:dashed;padding:2px 4px;font-size:12px}.existing-toggle{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:7px 9px;font-size:13px;display:flex}.existing-toggle input{accent-color:#22c55e;margin-top:2px}.existing-toggle span{flex-direction:column;gap:1px;display:flex}.existing-toggle small{color:var(--muted);font-size:11px}.existing-toggle.on{background:#f0fff0;border-color:#39ff14;box-shadow:inset 3px 0 #39ff14}.existing-row{color:var(--muted);font-size:12px}.existing-row span{align-items:center;gap:6px;display:flex}.existing-swatch{background:#39ff14;border:1px solid #1f9d0a;border-radius:50%;width:10px;height:10px;display:inline-block}.default-tag{color:var(--muted);background:#eef0f3;border-radius:4px;margin-left:6px;padding:0 5px;font-size:10px;font-style:normal;font-weight:600}.panel-wrap{flex-shrink:0;min-width:0;display:flex}.panel-wrap>.panel{border-left:0;border-right:0;width:100%}.resizer{cursor:col-resize;background:var(--line);touch-action:none;flex-shrink:0;width:5px;transition:background .15s}.resizer:hover,.resizer:active{background:var(--accent)}.rail{background:var(--panel);border:0;border-right:1px solid var(--line);border-left:1px solid var(--line);width:26px;color:var(--muted);border-radius:0;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:10px 0;font-weight:700;display:flex}.rail span{writing-mode:vertical-rl;letter-spacing:.03em;font-size:12px;font-weight:600}.rail:hover{color:var(--accent);background:#f6f8fc}.panel-head .collapse{padding:0 6px;font-size:18px}.mode-tabs{background:#eef0f3;border-radius:8px;gap:2px;padding:2px;display:flex}.mode-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.mode-tabs button span{opacity:.8;margin-left:3px;font-size:11px;font-weight:500}.mode-tabs button.on{color:var(--text);background:#fff;box-shadow:0 1px 2px #00000014}.mode-tabs button.on.existing{color:#0f3d06;background:#39ff14}.palette-sub{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:6px 14px;display:flex}.palette.existing-mode .palette-list{background:#f6fff4}.sys-filter{align-items:center;gap:4px;margin-right:6px;display:flex}.sys-chip{border:1px solid var(--line);cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:5px;padding:3px 10px;font-size:13px;display:flex}.sys-chip input{margin:0}.sys-chip.on{color:var(--text);font-weight:600}.sys-chip.alarm.on{background:#fef2f2;border-color:#fca5a5}.sys-chip.video.on{background:#eff6ff;border-color:#93c5fd}.sys-chip.other.on{background:#f8fafc;border-color:#cbd5e1}.keys-wrap{position:relative}.keys-wrap>button.on{background:var(--accent-soft)}.keys-pop{z-index:30;border:1px solid var(--line);background:#fff;border-radius:10px;width:290px;padding:12px 14px;font-size:12px;position:absolute;top:36px;right:0;box-shadow:0 10px 30px #0000001f}.keys-pop ul{color:var(--muted);margin:6px 0 0;padding-left:16px;line-height:1.9}.bom-edit tr.group-row td{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#f6f7f9;padding:5px 6px;font-size:11px;font-weight:700}.auth{background:var(--bg);justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.auth-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:380px;max-width:100%;padding:28px 28px 22px;box-shadow:0 10px 40px #0f141e0f}.auth-brand{color:var(--accent);margin-bottom:18px;font-size:18px;font-weight:800}.auth-brand .muted{color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}.auth-card h1{margin-bottom:14px;font-size:20px}.auth-form{gap:12px;margin-bottom:4px;display:grid}.auth-form label{color:var(--muted);gap:5px;font-size:12px;display:grid}.auth-form button{padding:9px}.auth-error{color:#b91c1c;background:#fef2f2;border-radius:7px;margin:0 0 8px;padding:8px 10px;font-size:13px}.auth-or{color:var(--muted);align-items:center;gap:10px;margin:14px 0;font-size:12px;display:flex}.auth-or:before,.auth-or:after{content:"";border-top:1px solid var(--line);flex:1}.google-btn{justify-content:center;align-items:center;gap:10px;width:100%;padding:9px;font-weight:600;display:flex}.auth-foot{text-align:center;margin:16px 0 0;font-size:12px}.auth-help{color:var(--muted);background:#f8f9fb;border-radius:7px;margin:8px 0 0;padding:8px 10px;font-size:12px}.loading{height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.home-bar{background:var(--panel);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:10px;padding:10px 20px;display:flex;position:sticky;top:0}.home-bar .brand{margin-right:4px}.org-select{width:auto;font-weight:600}.org-name{font-weight:600}.home-bar .me{margin-left:6px}.import-banner{background:var(--accent-soft);border-color:#c4d4fb;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.invite-form{gap:6px;margin-bottom:6px;display:flex}.invite-form input{flex:1}.invite-form select{width:auto}.invite-link{background:var(--accent-soft);border:1px solid #c4d4fb;border-radius:9px;gap:4px;margin:10px 0;padding:10px 12px;display:grid}.invite-link .link-row{gap:6px;margin-top:6px;display:flex}.invite-link input{font-family:ui-monospace,Menlo,monospace;font-size:12px}.members td{vertical-align:top}.badge{color:#9a5b00;background:#fff7e6;border-radius:10px;margin:3px 6px 0 0;padding:1px 7px;font-size:10.5px;font-weight:600;display:inline-block}.badge.you{color:var(--muted);background:#eef0f3}.save-badge{white-space:nowrap;border-radius:10px;padding:2px 9px;font-size:11.5px;font-weight:600}.save-badge.saved{color:#15803d;background:#f0fdf4}.save-badge.saving{color:var(--muted);background:#f3f4f6}.save-badge.error,.badge.off{color:#b91c1c;background:#fef2f2}.members tr.disabled-row td{opacity:.6}.members tr.disabled-row td.row-actions{opacity:1}.new-proj .lib-choice{width:auto;max-width:200px}.confirm-back{z-index:100;background:#0f141e66;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm{background:#fff;border-radius:12px;width:420px;max-width:100%;padding:20px 22px 16px;box-shadow:0 20px 60px #0000004d}.confirm h3{color:var(--text);text-transform:none;letter-spacing:0;margin:0 0 8px;font-size:16px}.confirm-msg{color:var(--muted);font-size:13.5px;line-height:1.45}.confirm-msg p{margin:0 0 6px}.confirm-input{color:var(--muted);gap:5px;margin-top:10px;font-size:12px;display:grid}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}button.danger-solid{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}button.danger-solid:hover:not(:disabled){background:#b91c1c}.lib-source{border:1px solid var(--line);background:#f8f9fb;border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.lib-actions{align-items:center;gap:6px;display:flex}.lib-actions select{width:auto}.trash{margin-top:26px}.trash>.link{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none}.proj.trashed{cursor:default;background:#fafafa}.proj.trashed b{color:var(--muted)}