@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";:root{--ff-sans:"IBM Plex Sans",sans-serif;--ff-mono:"IBM Plex Mono",monospace;--c-accent:#ffc800;--c-accent-dim:#ffc80080;--c-accent-bg:#ffc8001a;--c-accent-border:#ffc80059;--c-text:#e0e0e0;--c-text-bright:#f0f0f0;--c-text-mid:#ccc;--c-text-muted:#ffffff9e;--c-text-dim:#ffffff94;--c-bg-body:#1a1a1a;--c-bg-bar:#0d0e0f;--c-bg-panel:#0a0b0c;--c-bg-sidebar:#0e0f10;--c-bg-io:#111314;--c-bg-card:#1a1c1e;--c-bg-hover:#ffffff14;--c-bg-subtle:#ffffff0a;--c-bg-input:#ffffff0f;--c-border:#ffffff1a;--c-border-light:#ffffff12;--c-border-heavy:#ffffff26;--c-danger:#e07070;--c-danger-bg:#dc3c3c1a;--c-danger-border:#dc3c3c4d;--c-blue:#8ab4f8;--c-blue-border:#3a6aaa66;--shadow-drop:0 4px 16px #00000080;--shadow-chrome-soft:0 2px 8px #00000014;--shadow-rail-inset:inset -6px 0 14px #00000038;--shadow-frame-inset:inset 0 0 0 1px #ffffff09,0 2px 8px #00000029;--radius-panel:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--c-bg-body);font-family:var(--ff-sans);color:var(--c-text)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}::-webkit-scrollbar-track{background:0 0}.btn{background:var(--c-bg-hover);border:1px solid var(--c-border);cursor:pointer;color:var(--c-text-mid);font-family:var(--ff-sans);white-space:nowrap;letter-spacing:.3px;border-radius:4px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.btn:hover{color:#fff;background:#ffffff21}.btn.accent{background:var(--c-accent-bg);border-color:var(--c-accent-border);color:var(--c-accent)}.btn.accent:hover{background:#ffc8002e}.btn.primary{background:var(--c-accent);border-color:var(--c-accent);color:#111;font-weight:600}.btn.primary:hover{background:#ffda4d}.btn.danger{background:var(--c-danger-bg);border-color:var(--c-danger-border);color:var(--c-danger)}.btn.danger:hover{background:#dc3c3c33}.btn.on{color:#10b981;background:#10b98126;border-color:#10b98166}.btn.on:hover{background:#10b98140}.btn[aria-pressed=true]{color:#10b981;background:#10b98126;border-color:#10b98166}.btn[aria-pressed=true]:hover{background:#10b98140}.btn.accent[aria-pressed=true]{background:var(--c-accent-bg);border-color:var(--c-accent-border);color:var(--c-accent)}.btn.accent[aria-pressed=true]:hover{background:#ffc8002e}.inp{background:var(--c-bg-input);border:1px solid var(--c-border);color:var(--c-text);font-family:var(--ff-sans);border-radius:4px;outline:none;width:100%;padding:5px 9px;font-size:12px}.inp:focus{border-color:var(--c-accent-dim)}.sel{background:var(--c-bg-input);border:1px solid var(--c-border);color:var(--c-text);font-family:var(--ff-sans);cursor:pointer;border-radius:4px;outline:none;width:100%;padding:4px 7px;font-size:12px}.lbl{letter-spacing:2px;color:var(--c-text-muted);font-size:9px;font-family:var(--ff-mono);text-transform:uppercase;margin-bottom:5px;display:block}.asset-row{background:var(--c-bg-subtle);border:1px solid var(--c-bg-input);cursor:grab;color:var(--c-text-mid);-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:all .12s;display:flex}.asset-row:hover{color:#fff;background:#ffc80014;border-color:#ffc80033}.notif{z-index:2000;color:#80d080;font-size:12px;font-family:var(--ff-mono);background:#1a2a1a;border:1px solid #50c85066;border-radius:6px;padding:9px 16px;animation:.2s slideup;position:fixed;bottom:20px;right:20px}@keyframes slideup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tag-chip{color:#fff;width:22px;height:22px;font-size:10px;font-weight:600;font-family:var(--ff-mono);cursor:grab;-webkit-user-select:none;user-select:none;background:#222;border:1px solid #555;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .1s;display:inline-flex}.tag-chip:hover{border-color:var(--c-accent);color:var(--c-accent);background:#444}.tag-chip[draggable]:active{cursor:grabbing}.modal-bg{z-index:200;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:10px;min-width:360px;padding:24px}.modal h3{letter-spacing:2px;color:var(--c-accent);font-size:14px;font-family:var(--ff-mono);text-transform:uppercase;margin-bottom:18px}.canvas-svg{touch-action:none;-webkit-tap-highlight-color:transparent}.canvas-work-area>div:first-child{border-radius:var(--radius-panel);box-shadow:var(--shadow-frame-inset);border:1px solid #ffc8008c;padding:8px!important}.object-drawer{background:var(--c-bg-card);border-left:1px solid var(--c-border);flex-direction:column;flex-shrink:0;width:440px;max-height:100%;display:flex}.drawer-docked{z-index:300;border-left:none;border-top:2px solid var(--c-accent);border-radius:12px 12px 0 0;width:auto;max-height:42%;position:absolute;inset:auto 0 0;box-shadow:0 -8px 20px #00000080}.drawer-floating{border:1px solid var(--c-accent);z-index:300;border-radius:8px;max-height:calc(100% - 84px);position:absolute;top:64px;right:20px;box-shadow:0 8px 30px #0009}.drawer-sheet{border-left:none;border-top:2px solid var(--c-accent);z-index:300;border-radius:12px 12px 0 0;width:auto;max-height:70vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.drawer-head{border-bottom:1px solid var(--c-border);align-items:center;gap:8px;padding:10px 12px;display:flex}.drawer-name{font-family:var(--ff-mono);flex:1}.drawer-icon{color:var(--c-text-dim);cursor:pointer;background:0 0;border:none;font-size:13px}.drawer-body{padding:0;overflow-y:auto}.drawer-sec{border-bottom:1px solid var(--c-border-light);padding:9px 12px}.drawer-lbl{letter-spacing:1.5px;color:var(--c-text-dim);font-size:8px;font-family:var(--ff-mono);text-transform:uppercase;margin-bottom:6px}button,.btn,.asset-row{-webkit-tap-highlight-color:transparent}.section-label{font-family:var(--ff-mono);letter-spacing:2px;color:#ffffffb3;text-transform:uppercase;padding:16px 16px 8px;font-size:11px;font-weight:600}.nav-item{cursor:pointer;color:var(--c-text-bright);border-radius:4px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:400;transition:background .1s;display:flex}.nav-item:hover{background:var(--c-bg-hover)}.nav-item.accent-text{color:var(--c-accent)}.nav-item.danger-text{color:var(--c-danger)}.collapse-toggle{border:none;border-bottom:1px solid var(--c-border-light);cursor:pointer;width:100%;color:var(--c-text-bright);font-size:13px;font-family:var(--ff-sans);background:0 0;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:500;display:flex}.collapse-toggle.active{color:var(--c-accent)}.collapse-toggle:hover{background:var(--c-bg-hover)}.dropdown{background:var(--c-bg-card);border:1px solid var(--c-border-heavy);z-index:400;min-width:150px;box-shadow:var(--shadow-drop);border-radius:6px;margin-top:4px;position:absolute;overflow:hidden}.dropdown-item{cursor:pointer;color:var(--c-text-bright);padding:8px 14px;font-size:13px;transition:background .1s}.dropdown-item:hover{background:var(--c-bg-hover)}.dropdown-item.accent-text{color:var(--c-accent)}.dropdown-item.danger-text{color:var(--c-danger)}.dropdown-divider{border-top:1px solid var(--c-border-light)}.sep-v{background:var(--c-border);flex-shrink:0;width:1px;height:16px}.nav-divider{border-top:1px solid #ffffff1f;margin:8px 0}.contact-role{font-family:var(--ff-mono);letter-spacing:1px;color:var(--c-accent-dim);margin-bottom:4px;font-size:9px}.settings-label{font-family:var(--ff-mono);color:#ffffffb3;flex-shrink:0;font-size:11px}.io-compact-row{border-bottom:1px solid var(--c-border-light);background:0 0;border-left:3px solid #0000;align-items:center;gap:6px;padding:4px 10px;font-size:11px;transition:background .12s;display:flex}.io-compact-row:hover{background:var(--c-bg-hover)}.io-compact-row.selected{background:#64b4ff1f;border-left-color:#4a9eff}.io-compact-row.selected:hover{background:#64b4ff2e}.rail-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;outline:1px solid #0000;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .12s;display:flex}.rail-btn svg{color:#e6e6e6}.rail-btn:hover{background:var(--c-bg-hover)}.rail-btn.active{background:var(--c-accent-bg);outline:1px solid var(--c-accent-border)}@media (width<=767px){.btn{min-height:44px;padding:8px 14px;font-size:13px}.inp,.sel{min-height:44px;padding:8px 10px!important;font-size:16px!important}.modal{width:calc(100vw - 32px);max-height:85vh;overflow-y:auto;min-width:auto!important}.asset-row{min-height:44px;padding:10px 12px}.nav-item{min-height:44px;padding:14px 16px;font-size:15px}.io-compact-row{min-height:44px;padding:6px 10px}.rail-btn{width:44px;height:44px}.tag-chip{width:28px;height:28px}}@media (width>=768px) and (width<=1199px){.btn{min-height:40px}.nav-item{padding:12px 16px;font-size:14px}}@media (width<=1199px){.canvas-svg{touch-action:none}}.row-insert-btn,.backline-insert-btn{color:#ffd24a;cursor:pointer;background:#ffc8001f;border:1px solid #ffc80073;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:700;line-height:1;transition:color .12s,background .12s,border-color .12s;display:inline-flex}tr:hover .row-insert-btn{color:#ffd24a}@media (hover:none){.row-insert-btn{opacity:0}tr.row-selected .row-insert-btn{opacity:1;color:#ffc800}}@keyframes rowInsertPulse{0%{background-color:#ffc80040}to{background-color:#0000}}.row-just-inserted{animation:.8s ease-out rowInsertPulse}.backline-panel{background:var(--c-bg-sidebar);width:100%;min-height:0;color:var(--c-text);flex-direction:column;flex:1;display:flex;overflow:hidden}.backline-panel-body{flex:1;min-height:0;overflow-y:auto}.panel-toolbar{border-top:1px solid var(--c-border-light);flex-shrink:0;order:9;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:grid}.panel-toolbar-tabs,.panel-toolbar-actions,.panel-toolbar-modes{align-items:center;gap:4px;min-width:0;display:flex}.panel-toolbar-tabs{min-width:126px}.panel-toolbar-tabs:empty{min-width:0}.panel-toolbar-actions{gap:6px;overflow:visible}.panel-toolbar-action-group{align-items:center;gap:6px;display:flex}.panel-toolbar-modes{justify-content:flex-end}.panel-toolbar-count{text-align:right;min-width:48px;font-family:var(--ff-mono);color:#ffffff6b;white-space:nowrap;font-size:10px}.panel-toolbar .btn{padding:3px 8px;font-size:11px}.backline-menu{position:relative}.backline-menu-trigger{white-space:nowrap}.backline-menu-dropdown{margin-bottom:4px;top:auto;bottom:100%;right:0}.backline-menu-dropdown button{background:var(--c-bg-card);width:150px;color:var(--c-text);text-align:left;cursor:pointer;border:0;padding:8px 10px;display:block}.backline-menu-dropdown button+button{border-top:1px solid var(--c-border-light)}.backline-menu-dropdown button:hover{background:var(--c-bg-hover)}.backline-suggestion-tray{border:1px solid var(--c-accent-border);background:var(--c-accent-bg);border-radius:5px;margin:8px 10px;overflow:hidden}.backline-suggestion-toggle{width:100%;min-height:32px;color:var(--c-accent);font-family:var(--ff-mono);letter-spacing:1px;text-align:left;cursor:pointer;background:#ffc8001f;border:0;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.backline-suggestion{border-top:1px solid var(--c-border-light);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:8px 10px;display:grid}.backline-suggestion>div{grid-template-columns:auto minmax(90px,1fr) minmax(80px,1fr) minmax(100px,1fr) 80px 54px;align-items:center;gap:6px;display:grid}.backline-suggestion strong{color:var(--c-text-bright);font-size:12px;display:block}.backline-suggestion span{font-family:var(--ff-mono);color:var(--c-text-muted);font-size:9px;display:block}.backline-category-header{font-family:var(--ff-mono);letter-spacing:1px;color:#ffd24a;text-transform:uppercase;background:#ffc8001f;font-size:9px;font-weight:600}.backline-category-header td{background:#ffc8001f;border-top:1px solid #ffc8003d;border-bottom:1px solid #ffffff1a;padding:6px 8px}.backline-category-header-inner{align-items:center;gap:8px;min-height:30px;display:flex}.backline-table-wrap{overflow-x:auto}.backline-table{table-layout:fixed;border-collapse:collapse;color:#f0f0f0;width:100%;font-size:12.5px}.backline-col-header th{color:#ffffffa6;font-family:var(--ff-mono);text-align:left;border-bottom:1px solid #ffffff1a;padding:4px 6px;font-size:9px;font-weight:500}.backline-row td{vertical-align:middle;border-bottom:1px solid #ffffff1a;height:30px;padding:4px 5px}.backline-row:nth-child(2n) td{background:#ffffff06}.backline-row:hover{background:var(--c-bg-hover)}.backline-row.is-dragging td,.backline-kit-host.is-dragging td{opacity:.4;transition:opacity .12s}.backline-row.is-drop-target td,.backline-kit-host.is-drop-target td{box-shadow:inset 0 2px 0 var(--c-accent)}.backline-child-row td:nth-child(4){padding-left:18px}.backline-row-controls{align-items:center;gap:3px;display:flex}.backline-row .inp,.backline-table textarea.inp{color:#f3f3f3;width:100%;min-width:0}.backline-table textarea.inp{resize:vertical;min-height:28px;font-size:11px}.backline-insert-cell,.backline-grip-cell{text-align:center}.backline-grip-cell{color:#ffffff8c;cursor:grab}.backline-section-add-btn,.backline-section-caret{color:#ffd24a;background:#ffc8001f;border:1px solid #ffc80073;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.backline-section-add-btn{border-radius:999px;width:22px;height:22px}.backline-section-caret{border-radius:5px;width:22px;height:22px;margin-right:0}.backline-section-count{color:#ffffffa6;margin-left:0}.backline-section-note-btn{color:#ffffffb3;font-family:var(--ff-mono);background:0 0;border:0;margin-left:10px;font-size:9px}.backline-section-add-btn{margin-left:8px}.backline-note-chip{color:#ffffffb8;font-family:var(--ff-mono);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;font-size:9px}.backline-note-chip.is-open{color:#ffd24a;background:#ffc8001a;border-color:#ffc80059}.backline-note-row td,.backline-section-note-row td{background:#ffffff06;border-bottom:1px solid #ffffff1a;padding:6px 10px 8px 72px}.backline-note-row textarea,.backline-section-note-row textarea{resize:vertical;width:100%}.backline-section-note-preview{color:#ffffffc7;border-left:3px solid #ffc80059;margin-bottom:5px;padding-left:8px;font-style:italic}.backline-kit-host>td{border-bottom:1px solid #ffffff1a;padding:8px 10px 10px 34px}.backline-kit-inset{display:block}.backline-kit-strip{background:linear-gradient(#9678e642,#9678e633);border:1px solid #aa8cf073;border-radius:7px;grid-template-columns:24px 24px minmax(120px,1fr) minmax(100px,.8fr) minmax(120px,1fr) auto auto auto;align-items:center;gap:6px;padding:7px 8px;display:grid}.backline-kit-strip.has-note{border-radius:7px 7px 0 0}.backline-kit-caret{color:#e6d9ff;background:#9678e638;border:1px solid #aa8cf08c;border-radius:5px;width:20px;height:20px;font-weight:700}.backline-kit-grip{color:#ffffffa6;cursor:grab;text-align:center}.backline-kit-name{color:#e6d9ff;font-size:13px}.backline-kit-make,.backline-kit-model{width:100%}.backline-kit-note-btn{color:#ffffffb8;font-family:var(--ff-mono);white-space:nowrap;background:0 0;border:0;font-size:9px}.backline-kit-note{color:#ffffffd1;background:#9678e61f;border:1px solid #aa8cf059;border-top:0;border-radius:0 0 7px 7px;padding:7px 10px;font-style:italic}.backline-subgroup{border-left:3px solid #78a0ff8c;margin:8px 0 5px 20px}.backline-subgroup-header{color:#d2e1fff2;font-family:var(--ff-mono);letter-spacing:1px;background:#78a0ff33;border-top:1px solid #78a0ff59;padding:6px 8px;font-size:9px;font-weight:700}.backline-subgroup-caret{color:#dce8fff5;background:#8ab4f829;border:1px solid #8ab4f873;border-radius:5px;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;min-height:20px;margin-right:7px;font-weight:700;display:inline-flex}.backline-inner{border-collapse:collapse;width:100%}.backline-add-section-footer{flex-wrap:wrap;gap:6px;padding:9px 0 0;display:flex}.backline-add-section-chip{color:#ffd24a;font-family:var(--ff-mono);background:#ffc8001a;border:1px solid #ffc80059;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700}.backline-badge{border:1px solid var(--c-border);color:var(--c-text-muted);font-family:var(--ff-mono);text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:2px 5px;font-size:8px}.backline-suggestion .backline-badge{color:var(--c-text-muted);display:inline-flex}.backline-qty{text-align:center}.backline-empty{color:var(--c-text-muted);font-family:var(--ff-mono);padding:12px;font-size:11px;line-height:1.45}.backline-library-card{max-height:90vh!important;overflow-y:auto!important}@media (width<=600px){.panel-toolbar{flex-wrap:wrap;grid-template-columns:1fr auto;align-items:stretch}.panel-toolbar .btn,.backline-suggestion-toggle,.backline-suggestion .btn,.backline-row .btn{min-height:40px}.panel-toolbar-tabs,.panel-toolbar-actions{grid-column:1/-1}.panel-toolbar-tabs{min-width:0}.panel-toolbar-tabs .btn{justify-content:center;min-width:58px}.backline-row{background:var(--c-bg-subtle)}.backline-row:hover{background:var(--c-bg-hover)}.backline-notes-input{min-height:72px}.backline-row-control{justify-content:center;min-width:40px;padding:8px 10px}.backline-row-controls{justify-content:flex-end;gap:6px}.backline-suggestion{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.backline-suggestion>div{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"badge badge""item item""make model""size qty";gap:8px;display:grid}.backline-suggestion .backline-badge{grid-area:badge;justify-self:start}.backline-suggestion-item{grid-area:item}.backline-suggestion-make{grid-area:make}.backline-suggestion-model{grid-area:model}.backline-suggestion-size{grid-area:size}.backline-suggestion .backline-qty{grid-area:qty}.backline-suggestion .btn{justify-content:center}.backline-library-backdrop{overflow-y:auto;align-items:flex-start!important;padding:12px!important}.backline-library-card{width:100%!important;max-width:100%!important;max-height:90vh!important;overflow-y:auto!important}}.spv-tooltip{z-index:4000;pointer-events:none;color:#e8e8e8;max-width:260px;font-size:11px;line-height:1.35;font-family:var(--ff-mono);white-space:normal;opacity:0;background:#0f1113;border:1px solid #ffffff24;border-radius:6px;padding:4px 8px;transition:opacity .12s ease-out;position:fixed;box-shadow:0 4px 14px #00000080}.spv-tooltip.is-in{opacity:1}@media (prefers-reduced-motion:reduce){.spv-tooltip{transition:none}}