:root{--canvas:#000;--surface-soft:#0d0d0d;--surface-card:#1a1a1a;--surface-elevated:#262626;--carbon-gray:#2b2b2b;--ink:#fff;--body:#bbb;--body-strong:#e6e6e6;--muted:#7e7e7e;--hairline:#3c3c3c;--hairline-strong:#262626;--m-blue-light:#0066b1;--m-blue-dark:#1c69d4;--m-red:#e22718;--bmw-blue:#1c69d4;--electric-blue:#0653b6;--warning:#f4b400;--success:#0fa336;--bg:var(--canvas);--panel:var(--surface-soft);--panel-2:var(--surface-card);--border:var(--hairline);--text:var(--ink);--accent:var(--m-blue-dark);--accent-2:var(--m-blue-light);--danger:var(--m-red);--ok:var(--success);--radius:0px;--radius-sm:4px;--radius-full:9999px;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;color:var(--body);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:300}*{box-sizing:border-box}html,body,#root{background:var(--canvas);width:100%;max-width:100vw;height:100%;max-height:100dvh;margin:0;overflow:hidden}.app{background:var(--canvas);width:100%;max-width:100vw;height:100%;min-height:0;max-height:100dvh;color:var(--body);flex-direction:column;display:flex;overflow:hidden}.topbar{padding:0 var(--space-md);background:var(--canvas);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:56px;display:flex;position:relative}.topbar:after{content:"";background:linear-gradient(90deg, var(--m-blue-light) 0%, var(--m-blue-light) 33.33%, var(--m-blue-dark) 33.33%, var(--m-blue-dark) 66.66%, var(--m-red) 66.66%, var(--m-red) 100%);height:4px;position:absolute;bottom:0;left:0;right:0}.brand{gap:var(--space-sm);align-items:center;min-width:0;display:flex}.brand-title{background:0 0;border:none;align-items:center;min-width:0;padding:0;display:inline-flex;position:relative}.brand-title-text{z-index:1;position:relative}.brand h1{letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);text-shadow:none;margin:0;font-size:14px;font-weight:700;line-height:1.3}.tagline{color:var(--muted);letter-spacing:.5px;text-shadow:none;margin:0;font-size:12px;font-weight:400}.logo{background:linear-gradient(90deg, var(--m-blue-light), var(--m-blue-dark), var(--m-red));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;line-height:1}.status-pills{gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end;display:flex}.pill{letter-spacing:.5px;border-radius:var(--radius-sm);background:var(--surface-card);border:1px solid var(--hairline);color:var(--muted);text-transform:uppercase;padding:4px 10px;font-size:11px;font-weight:400}.pill.on{color:var(--success);border-color:var(--hairline)}.pill.accent{color:var(--m-red);border-color:var(--hairline)}.main-grid{grid-template-columns:var(--sidebar-w,320px) 6px minmax(0, 1fr);flex:1 1 0;width:100%;min-width:0;min-height:0;display:grid;overflow:hidden}.sidebar{background:var(--surface-soft);padding:var(--space-sm);gap:var(--space-sm);border-right:none;flex-direction:column;min-width:0;min-height:0;max-height:100%;display:flex;overflow:hidden auto}.sidebar-splitter{cursor:col-resize;background:var(--canvas);border-left:1px solid var(--hairline);border-right:1px solid var(--hairline);-webkit-user-select:none;user-select:none;touch-action:none;z-index:5;justify-content:center;align-items:center;width:6px;display:flex}.sidebar-splitter:hover,.sidebar-splitter:active{background:var(--surface-card)}.sidebar-splitter-grip{background:var(--hairline);width:2px;height:48px;box-shadow:none;border-radius:0}.sidebar-splitter:hover .sidebar-splitter-grip{background:linear-gradient(180deg, var(--m-blue-light), var(--m-blue-dark), var(--m-red))}body.resizing-sidebar{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-sidebar *{cursor:col-resize!important}.panel{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius);padding:var(--space-sm) var(--space-md)}.panel h2{margin:0 0 var(--space-sm);text-transform:uppercase;letter-spacing:1.5px;color:var(--ink);align-items:center;gap:8px;font-size:12px;font-weight:700;line-height:1.3;display:flex}.panel-icon{letter-spacing:0;width:18px;height:18px;color:var(--m-blue-light);border:1px solid var(--hairline);background:var(--surface-soft);text-transform:none;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.panel.tip ol{color:var(--body);margin:0;padding-left:1.1rem;font-size:12px;font-weight:300;line-height:1.5}.btn{appearance:none;border:1px solid var(--ink);color:var(--ink);border-radius:var(--radius);cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;background:0 0;width:100%;padding:10px 16px;font-size:12px;font-weight:700;line-height:1;transition:background .15s,color .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--ink);color:var(--canvas);border-color:var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--canvas);border:1px solid var(--ink);color:var(--ink)}.btn.primary:hover:not(:disabled){background:var(--ink);color:var(--canvas)}.btn.small{width:auto;padding:8px 12px;font-size:11px}.meta{margin:var(--space-xs) 0 0;color:var(--muted);word-break:break-all;font-size:12px;font-weight:300}.hint{margin:var(--space-xxs) 0 0;color:var(--muted);font-size:11px;font-weight:300;line-height:1.45}.warn{margin:var(--space-xs) 0 0;color:var(--warning);font-size:12px;font-weight:400}.toggle-row{color:var(--body);margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;font-size:13px;font-weight:300;display:flex}.row{gap:var(--space-xs);margin-top:var(--space-xs);align-items:flex-end;display:flex}label{gap:var(--space-xxs);letter-spacing:.5px;color:var(--muted);flex-direction:column;flex:1;font-size:11px;font-weight:400;display:flex}label.grow{flex:2}input[type=number],input[type=text],input:not([type]){background:var(--surface-soft);border:1px solid var(--hairline);border-radius:var(--radius);color:var(--ink);width:100%;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:300}input[type=number]:focus,input[type=text]:focus,input:not([type]):focus{border-color:var(--m-blue-dark);outline:none}.workspace{background:var(--canvas);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.image-area{flex-direction:column;flex:1 1 0;min-width:0;min-height:120px;display:flex;position:relative;overflow:hidden}.image-area .canvas-wrap{flex:1 1 0;height:100%;min-height:0}.workspace-splitter{cursor:row-resize;justify-content:center;align-items:center;gap:var(--space-xs);background:var(--canvas);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);-webkit-user-select:none;user-select:none;touch-action:none;z-index:5;flex:0 0 10px;height:10px;display:flex}.workspace-splitter:hover,.workspace-splitter:active{background:var(--surface-card)}.workspace-splitter .splitter-grip{background:var(--hairline);width:48px;height:3px;box-shadow:none;border-radius:0}.workspace-splitter:hover .splitter-grip{background:linear-gradient(90deg, var(--m-blue-light), var(--m-blue-dark), var(--m-red))}.workspace-splitter .splitter-hint{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);pointer-events:none;white-space:nowrap;font-size:10px;font-weight:400}body.resizing-image{cursor:row-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-image *{cursor:row-resize!important}.canvas-wrap{border-bottom:1px solid var(--hairline);background:radial-gradient(#111 0%,#000 70%),repeating-linear-gradient(0deg,#0000,#0000 19px,#3c3c3c33 20px),repeating-linear-gradient(90deg,#0000,#0000 19px,#3c3c3c33 20px);flex-direction:column;flex:1 1 0;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-stage-host{flex:auto;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-stage-host .konvajs-content,.canvas-stage-host canvas{max-width:100%!important;max-height:100%!important}.canvas-toolbar{align-items:center;gap:var(--space-sm);padding:6px var(--space-sm);border-bottom:1px solid var(--hairline);z-index:2;background:#000000eb;flex-shrink:0;display:flex}.btn-row{gap:var(--space-xs);flex-wrap:wrap;display:flex}.btn.active{border-color:var(--m-blue-dark);color:var(--ink);background:var(--surface-elevated);box-shadow:none}.btn.tiny{letter-spacing:.5px;width:auto;padding:4px 8px;font-size:12px;line-height:1}.line-list{gap:var(--space-xxs);margin-top:var(--space-xs);flex-direction:column;max-height:140px;display:flex;overflow-y:auto}.line-item{align-items:center;gap:var(--space-xs);border-radius:var(--radius);cursor:pointer;color:var(--muted);border:1px solid #0000;padding:6px 8px;font-size:12px;font-weight:300;display:flex}.line-item .line-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.line-item .line-ids{align-items:center;gap:var(--space-xs);color:var(--body-strong);flex-wrap:wrap;font-weight:400;display:flex}.line-item .group-field{color:var(--muted);cursor:default;align-items:center;gap:2px;font-size:11px;display:inline-flex}.line-item .group-input{border-radius:var(--radius);border:1px solid var(--hairline);background:var(--canvas);width:2.4rem;color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;padding:2px 4px;font-size:11px}.line-item .group-input:focus{border-color:var(--m-blue-dark);outline:none}.line-item .line-len{color:var(--m-blue-light);font-variant-numeric:tabular-nums;font-size:11px}.line-item:hover{background:#ffffff0a}.line-item.active{border-color:var(--hairline);background:var(--surface-elevated);color:var(--ink)}.line-item .swatch-wrap{cursor:pointer;flex-shrink:0;width:14px;height:14px;position:relative}.line-item .swatch-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.line-item .swatch{width:14px;height:14px;box-shadow:none;pointer-events:none;border:1px solid #ffffff59;border-radius:0;display:block}.line-item .swatch-wrap:hover .swatch{border-color:#ffffffbf}.line-item .btn.tiny{margin-left:auto}.slider-label{gap:var(--space-xxs);letter-spacing:.5px;color:var(--muted);margin-bottom:var(--space-xs);text-transform:uppercase;flex-direction:column;font-size:11px;font-weight:400;display:flex}.slider-label input[type=range]{width:100%;accent-color:var(--m-blue-dark)}.filter-tag{color:var(--muted);font-size:11px;font-weight:400}.canvas-placeholder{text-align:center;color:var(--muted);pointer-events:none;padding:var(--space-md);flex-direction:column;justify-content:center;align-items:center;font-weight:300;display:flex;position:absolute;inset:0}.canvas-placeholder .hint{margin-top:var(--space-xs)}.bottom-panels{background:var(--canvas);flex-shrink:0;grid-template-columns:1.1fr 1fr;gap:0;width:100%;min-height:100px;max-height:70vh;display:grid;overflow:hidden}.tables-panel,.charts-panel{min-height:0;max-height:100%;padding:var(--space-sm) var(--space-md);background:var(--surface-soft);border-right:1px solid var(--hairline);overflow:auto}.charts-panel{border-right:none}.tables-panel h3,.charts-panel h3{margin:0 0 var(--space-xs);letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);font-size:12px;font-weight:700;line-height:1.3}.tables-panel section+section{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--hairline)}.stats-row{gap:var(--space-sm);color:var(--m-blue-light);margin-bottom:var(--space-xs);flex-wrap:wrap;font-size:11px;font-weight:300;display:flex}.table-scroll{border:1px solid var(--hairline);border-radius:var(--radius);max-height:180px;overflow:auto}.table-scroll.short{max-height:120px}table{border-collapse:collapse;width:100%;font-size:11px;font-weight:300}th,td{border-bottom:1px solid var(--hairline);text-align:right;white-space:nowrap;padding:6px 8px}th{background:var(--surface-card);color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;position:sticky;top:0}td.empty,p.empty{text-align:center;color:var(--muted);font-size:12px;font-weight:300}.chart-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius);padding:var(--space-sm) var(--space-sm) 4px;margin-bottom:var(--space-sm)}.sidebar::-webkit-scrollbar{width:6px;height:6px}.tables-panel::-webkit-scrollbar{width:6px;height:6px}.charts-panel::-webkit-scrollbar{width:6px;height:6px}.table-scroll::-webkit-scrollbar{width:6px;height:6px}.line-list::-webkit-scrollbar{width:6px;height:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--hairline)}.tables-panel::-webkit-scrollbar-thumb{background:var(--hairline)}.charts-panel::-webkit-scrollbar-thumb{background:var(--hairline)}.table-scroll::-webkit-scrollbar-thumb{background:var(--hairline)}.line-list::-webkit-scrollbar-thumb{background:var(--hairline)}.sidebar::-webkit-scrollbar-track{background:0 0}.tables-panel::-webkit-scrollbar-track{background:0 0}.charts-panel::-webkit-scrollbar-track{background:0 0}.table-scroll::-webkit-scrollbar-track{background:0 0}.line-list::-webkit-scrollbar-track{background:0 0}@media (width<=1100px){.main-grid{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.sidebar-splitter{display:none}.sidebar{border-top:1px solid var(--hairline);order:2;max-height:220px}.workspace{order:1;min-height:0}.bottom-panels{grid-template-columns:1fr 1fr}.workspace-splitter .splitter-hint{display:none}}