:root{--bg-deepest: #06080c;--bg-base: #0a0e14;--bg-surface: #0d1117;--bg-elevated: #131820;--bg-overlay: #161d27;--bg-hover: #1a2332;--bg-active: #1e2a3a;--bg-card: #0f1520;--border-subtle: #151c28;--border-default: #1c2536;--border-strong: #263040;--border-focus: #2d6ae0;--text-primary: #d2d8e0;--text-secondary: #8a95a5;--text-muted: #5a6577;--text-dim: #3a4555;--text-inverse: #0a0e14;--accent: #d98a3d;--accent-dim: #b06d28;--accent-bg: rgba(217, 138, 61, .08);--accent-border: rgba(217, 138, 61, .22);--accent-glow: 0 0 12px rgba(217, 138, 61, .14);--green: #3ecf8e;--green-dim: #2ba873;--green-bg: rgba(62, 207, 142, .08);--green-border: rgba(62, 207, 142, .2);--warning: #f0a742;--warning-bg: rgba(240, 167, 66, .08);--error: #ef4444;--error-bg: rgba(239, 68, 68, .08);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .08);--cat-injection: #f97316;--cat-boost: #06b6d4;--cat-torque: #8b5cf6;--cat-ignition: #ef4444;--cat-timing: #22c55e;--cat-limiters: #eab308;--cat-dpf: #64748b;--cat-egr: #6366f1;--cat-adblue: #0ea5e9;--cat-other: #78716c;--hex-bg: #080c12;--hex-addr: #3a4a5a;--hex-null: #1e2a3a;--hex-ff: #c8d0da;--hex-ctrl: #f97316;--hex-printable: #34d399;--hex-other: #8a95a5;--hex-cursor: rgba(217, 138, 61, .25);--hex-selection: rgba(45, 106, 224, .3);--hex-modified: rgba(245, 158, 11, .2);--heat-0: #0044cc;--heat-25: #00cc88;--heat-50: #cccc00;--heat-75: #cc4400;--heat-100: #cc0000;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "DejaVu Sans", "Liberation Sans", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", "DejaVu Sans Mono", "Liberation Mono", "Consolas", monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-lg: 13px;--font-size-xl: 14px;--font-size-2xl: 16px;--font-size-3xl: 20px;--font-size-4xl: 28px;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 10px;--sp-6: 12px;--sp-8: 16px;--sp-10: 20px;--sp-12: 24px;--sp-16: 32px;--sp-20: 40px;--sp-24: 48px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--r-2xl: 16px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 2px 8px rgba(0,0,0,.4);--shadow-lg: 0 4px 16px rgba(0,0,0,.5);--shadow-xl: 0 8px 32px rgba(0,0,0,.6);--shadow-glow: 0 0 20px rgba(217, 138, 61, .07);--shadow-glow-accent: 0 0 18px rgba(217, 138, 61, .16);--t-fast: 80ms ease;--t-normal: .15s ease;--t-slow: .25s ease;--t-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--toolbar-h: 40px;--menubar-h: 28px;--statusbar-h: 28px;--sidebar-w: 290px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #d98a3d1a}50%{box-shadow:0 0 16px #d98a3d40}}@keyframes toastIn{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-deepest);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-corner{background:transparent}::selection{background:#d98a3d33;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);overflow:hidden}.panel-header{display:flex;align-items:center;height:32px;padding:0 var(--sp-4);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;flex-shrink:0}.panel-body{flex:1;overflow:auto;min-height:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:28px;padding:0 var(--sp-5);border:1px solid var(--border-default);border-radius:var(--r-md);background:var(--bg-elevated);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--t-normal),color var(--t-normal),border-color var(--t-normal),box-shadow var(--t-normal),transform var(--t-spring);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.08) 0%,transparent 70%);opacity:0;transition:opacity var(--t-fast)}.btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:hover:after{opacity:1}.btn:active{background:var(--bg-active);transform:translateY(0) scale(.97);box-shadow:none;transition-duration:60ms}.btn.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dim) 100%);color:var(--text-inverse);border-color:var(--accent);font-weight:600;box-shadow:0 2px 8px #d98a3d33}.btn.btn-primary:hover{background:linear-gradient(135deg,#3df,#00b8d4);border-color:#3df;box-shadow:0 4px 16px #d98a3d4d;transform:translateY(-1px)}.btn.btn-danger{color:var(--error);border-color:#ef44444d}.btn.btn-danger:hover{background:var(--error-bg);border-color:var(--error);box-shadow:0 2px 8px #ef444426}.btn.btn-success{color:var(--green);border-color:var(--green-border)}.btn.btn-success:hover{background:var(--green-bg);border-color:var(--green);box-shadow:0 2px 8px #3ecf8e1a}.btn.btn-warning{color:var(--warning);border-color:#f59e0b4d}.btn.btn-warning:hover{background:var(--warning-bg);border-color:var(--warning)}.btn.btn-ghost{background:transparent;border-color:transparent}.btn.btn-ghost:hover{background:var(--bg-hover);border-color:transparent;box-shadow:none;transform:none}.btn.btn-lg{height:36px;padding:0 var(--sp-8);font-size:var(--font-size-md);border-radius:var(--r-lg)}.btn.btn-sm{height:22px;padding:0 var(--sp-3);font-size:var(--font-size-xs)}.btn.btn-icon{width:28px;padding:0}.btn.btn-icon.btn-sm{width:22px;height:22px}.btn:disabled{opacity:.35;cursor:default;pointer-events:none;transform:none!important;box-shadow:none!important}.input{height:30px;padding:0 var(--sp-3);border:1px solid var(--border-default);border-radius:var(--r-md);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);outline:none;transition:all var(--t-normal)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d98a3d1a}.input::placeholder{color:var(--text-dim)}.input-mono{font-family:var(--font-mono);font-size:var(--font-size-xs)}.select{height:30px;padding:0 var(--sp-8) 0 var(--sp-3);border:1px solid var(--border-default);border-radius:var(--r-md);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235a6577' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all var(--t-normal)}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d98a3d1a}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);height:20px;padding:0 var(--sp-3);border-radius:var(--r-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.3px;transition:all var(--t-fast)}.badge-cyan{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.2)}.badge-error{background:var(--error-bg);color:var(--error);border:1px solid rgba(239,68,68,.2)}.badge-muted{background:#5a65771a;color:var(--text-muted);border:1px solid var(--border-subtle)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid rgba(59,130,246,.2)}.separator{width:1px;height:18px;background:var(--border-default);flex-shrink:0}.separator-h{width:100%;height:1px;background:var(--border-subtle);flex-shrink:0}[data-tooltip]{position:relative}.js-tooltip{position:fixed;padding:5px 9px;background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:var(--font-size-xs);font-weight:500;line-height:1.4;color:var(--text-primary);white-space:normal;max-width:220px;width:max-content;text-align:center;pointer-events:none;z-index:100000;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:tooltipIn .12s ease}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%,-100%) scale(.96)}}.js-tooltip-bottom{animation-name:tooltipInBottom}@keyframes tooltipInBottom{0%{opacity:0;transform:translate(-50%) scale(.96)}}.js-tooltip-arrow{position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border:5px solid transparent}.js-tooltip-arrow-top{top:100%;border-top-color:var(--border-strong)}.js-tooltip-arrow-bottom{bottom:100%;border-bottom-color:var(--border-strong)}.spinner{width:16px;height:16px;border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.spinner-lg{width:28px;height:28px;border-width:3px}.spin{animation:spin .9s linear infinite}.context-menu{position:fixed;min-width:200px;padding:var(--sp-1) 0;background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);z-index:10000;animation:fadeInScale .1s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.context-menu-item{display:flex;align-items:center;gap:var(--sp-3);height:30px;padding:0 var(--sp-8) 0 var(--sp-6);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);-webkit-user-select:none;user-select:none}.context-menu-item:hover{background:var(--accent-bg);color:var(--text-primary)}.context-menu-item.danger:hover{background:var(--error-bg);color:var(--error)}.context-menu-shortcut{margin-left:auto;font-size:var(--font-size-xs);color:var(--text-dim);font-family:var(--font-mono)}.context-menu-sep{height:1px;margin:var(--sp-1) var(--sp-4);background:var(--border-subtle)}.tab-bar{display:flex;align-items:stretch;height:30px;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);overflow-x:auto;overflow-y:hidden}.tab-bar::-webkit-scrollbar{height:0}.tab{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-5);font-size:var(--font-size-sm);color:var(--text-muted);border-right:1px solid var(--border-subtle);cursor:pointer;transition:all var(--t-normal);white-space:nowrap;-webkit-user-select:none;user-select:none}.tab:hover{color:var(--text-secondary);background:var(--bg-surface)}.tab.active{color:var(--text-primary);background:var(--bg-surface);border-bottom:2px solid var(--accent)}.tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--r-sm);opacity:0;transition:all var(--t-fast)}.tab:hover .tab-close{opacity:.5}.tab-close:hover{opacity:1!important;background:var(--error-bg);color:var(--error)}.progress{height:4px;background:var(--bg-base);border-radius:var(--r-full);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#3ecf8e 100%);border-radius:var(--r-full);transition:width var(--t-slow)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);height:100%;color:var(--text-muted);text-align:center;padding:var(--sp-16)}.empty-state-icon{width:48px;height:48px;color:var(--text-dim);opacity:.5}.empty-state-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-secondary)}.empty-state-desc{font-size:var(--font-size-sm);max-width:300px;line-height:1.6}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--r-md)}.skeleton-text{height:12px;margin-bottom:var(--sp-2)}.skeleton-text:last-child{width:60%}.skeleton-circle{border-radius:50%}.toast-container{position:fixed;top:var(--sp-8);right:var(--sp-8);z-index:20000;display:flex;flex-direction:column;gap:var(--sp-3);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);font-size:var(--font-size-sm);color:var(--text-primary);animation:toastIn .2s ease;pointer-events:all;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:360px}.toast.toast-exit{animation:toastOut .2s ease forwards}.toast-success{border-color:var(--green-border)}.toast-success .toast-icon{color:var(--green)}.toast-error{border-color:#ef44444d}.toast-error .toast-icon{color:var(--error)}.toast-warning{border-color:#f59e0b4d}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-color:#3b82f64d}.toast-info .toast-icon{color:var(--info)}.toast-icon{flex-shrink:0;width:16px;height:16px}.toast-message{flex:1;line-height:1.4}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;transition:all var(--t-fast);background:none;border:none}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.card{background:linear-gradient(160deg,var(--bg-elevated) 0%,var(--bg-card) 100%);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);transition:border-color var(--t-normal),box-shadow var(--t-normal),transform var(--t-spring)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--accent-border);box-shadow:var(--shadow-glow),var(--shadow-lg);transform:translateY(-2px)}.hp-project-delete{position:absolute;top:var(--sp-3);right:var(--sp-3);opacity:0;color:var(--text-dim);transition:opacity var(--t-fast),color var(--t-fast);z-index:1}.hp-project-card:hover .hp-project-delete{opacity:1}.hp-project-delete:hover{color:var(--error)!important}.menubar{display:flex;align-items:center;height:var(--menubar-h);padding:0 var(--sp-3);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none}.menubar-item{display:flex;align-items:center;height:100%;padding:0 var(--sp-4);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);border-radius:var(--r-sm)}.menubar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.menubar-item.active{background:var(--accent-bg);color:var(--accent)}.menubar-logo{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);font-size:var(--font-size-sm);font-weight:700;color:var(--accent);letter-spacing:.5px}.menubar-spacer{flex:1}.dropdown{position:absolute;top:100%;left:0;min-width:200px;padding:var(--sp-1) 0;background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);z-index:5000;animation:fadeInScale .1s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dropdown-item{display:flex;align-items:center;gap:var(--sp-3);height:30px;padding:0 var(--sp-5);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast)}.dropdown-item:hover{background:var(--accent-bg);color:var(--text-primary)}.dropdown-item.danger:hover{background:var(--error-bg);color:var(--error)}.dropdown-sep{height:1px;margin:var(--sp-1) var(--sp-4);background:var(--border-subtle)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th{text-align:left;padding:var(--sp-2) var(--sp-3);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:var(--font-size-xs);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);position:sticky;top:0;z-index:1}.data-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--t-fast)}.data-table tr:hover td{background:var(--bg-hover);color:var(--text-primary)}.data-table tr.selected td{background:var(--accent-bg)}.resize-handle{position:relative;flex-shrink:0}.resize-handle:after{content:"";position:absolute;z-index:10}.resize-handle-h{width:4px;cursor:col-resize}.resize-handle-h:after{top:0;bottom:0;left:0;right:0}.resize-handle-h:hover:after{background:var(--accent);opacity:.3}.resize-handle-v{height:4px;cursor:row-resize}.resize-handle-v:after{left:0;right:0;top:0;bottom:0}.resize-handle-v:hover:after{background:var(--accent);opacity:.3}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--sp-8);animation:fadeIn .4s ease}.welcome-logo{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.welcome-logo-icon{width:64px;height:64px;color:var(--accent);filter:drop-shadow(0 0 20px rgba(217,138,61,.3))}.welcome-logo-text{font-size:var(--font-size-4xl);font-weight:800;background:linear-gradient(135deg,var(--accent) 0%,#3ecf8e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.welcome-logo-sub{font-size:var(--font-size-lg);color:var(--text-muted);font-weight:400}.welcome-actions{display:flex;flex-direction:column;gap:var(--sp-3);width:280px}.welcome-recent{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4);max-width:800px;width:100%}.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.form-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.checkbox{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);color:var(--text-secondary)}.checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-base);cursor:pointer;position:relative;transition:all var(--t-fast);flex-shrink:0}.checkbox input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid var(--text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:var(--r-full);background:var(--border-default);outline:none;transition:all var(--t-fast)}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-surface);box-shadow:0 0 4px #d98a3d4d;transition:all var(--t-fast)}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px #d98a3d80}.tag{display:inline-flex;align-items:center;gap:var(--sp-1);height:22px;padding:0 var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-full);font-size:var(--font-size-xs);color:var(--text-secondary);transition:all var(--t-fast)}.tag:hover{border-color:var(--border-strong);color:var(--text-primary)}.icon-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);flex-shrink:0}.icon-container-sm{width:24px;height:24px;border-radius:var(--r-md)}.icon-container-lg{width:40px;height:40px;border-radius:var(--r-xl)}.icon-container-accent{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.app-root{display:flex;flex-direction:column;height:100vh;background:radial-gradient(ellipse 1400px 900px at 50% -10%,rgba(217,138,61,.035),transparent 60%),var(--bg-deepest)}.app-main{display:flex;flex:1;overflow:hidden}.app-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-content-inner{flex:1;overflow:hidden;position:relative}.app-map-stats{position:absolute;bottom:0;left:0;right:0;z-index:5}.bottom-panel{height:320px;border-top:1px solid var(--border-subtle);background:var(--bg-surface);overflow:hidden;display:flex;flex-direction:column}.output-log{padding:var(--sp-3) var(--sp-4);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.output-log-line{display:block;padding:1px 0}.toolbar{display:flex;align-items:center;height:var(--toolbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:0 var(--sp-3);gap:var(--sp-3);flex-shrink:0;-webkit-user-select:none;user-select:none}.toolbar-group{display:flex;align-items:center;gap:2px;padding:3px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);flex-shrink:0}.toolbar-brand{display:flex;align-items:center;gap:var(--sp-2);color:var(--accent)}.toolbar-brand-text{font-family:var(--font-mono);font-weight:800;font-size:var(--font-size-lg);letter-spacing:-.5px}.toolbar-brand-sub{font-size:var(--font-size-xs);font-weight:500;color:var(--text-dim)}.toolbar-info{display:flex;align-items:center;gap:var(--sp-3)}.toolbar-info-name{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.toolbar-file-info{display:flex;align-items:center;gap:var(--sp-3)}.toolbar-file-name{font-size:var(--font-size-sm);color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-file-size{font-size:var(--font-size-xs);color:var(--text-dim);font-family:var(--font-mono)}.toolbar-spacer{flex:1}.toolbar-view-modes{display:flex;gap:var(--sp-1);padding:var(--sp-1);background:var(--bg-base);border-radius:var(--r-md);border:1px solid var(--border-subtle)}.toolbar-view-btn{display:flex;align-items:center;gap:var(--sp-1);height:26px;padding:0 var(--sp-3);border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--t-normal);white-space:nowrap}.toolbar-view-btn:hover{color:var(--text-secondary);background:var(--bg-surface)}.toolbar-view-btn.active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent);box-shadow:0 1px 4px #d98a3d33}.statusbar{display:flex;align-items:center;height:var(--statusbar-h);background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:0 var(--sp-4);gap:var(--sp-4);font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-sans);flex-shrink:0;-webkit-user-select:none;user-select:none}.statusbar-section{display:flex;align-items:center;gap:var(--sp-3)}.statusbar-center{flex:1;justify-content:center}.statusbar-right{margin-left:auto;gap:var(--sp-4)}.statusbar-icon{color:var(--text-dim);flex-shrink:0}.statusbar-mono{font-family:var(--font-mono);color:var(--text-secondary);font-weight:500}.statusbar-dim{font-family:var(--font-mono);color:var(--text-dim);font-size:var(--font-size-xs)}.statusbar-edits{display:flex;align-items:center;gap:var(--sp-1);color:var(--warning);font-weight:500}.statusbar-view-badge{display:inline-flex;align-items:center;height:18px;padding:0 var(--sp-3);border-radius:var(--r-full);font-size:var(--font-size-xs);font-weight:700;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);letter-spacing:.5px}.statusbar-view-badge.modified{background:var(--warning-bg);color:var(--warning);border-color:#f59e0b33}.statusbar-tag{display:flex;align-items:center;gap:var(--sp-1);padding:0 var(--sp-2);background:#5a65771a;border-radius:var(--r-sm);color:var(--text-muted);font-weight:600}.statusbar-size{display:flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);color:var(--text-dim)}.statusbar-ecu{display:flex;align-items:center;gap:var(--sp-1);color:var(--text-muted)}.statusbar-dot{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--r-full);color:var(--text-dim);transition:all var(--t-normal)}.statusbar-dot.connected{color:var(--green);filter:drop-shadow(0 0 4px rgba(62,207,142,.4))}.welcome-logo-icon-wrap{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-2xl);background:linear-gradient(135deg,var(--accent-bg) 0%,rgba(62,207,142,.05) 100%);border:1px solid var(--accent-border);color:var(--accent);box-shadow:0 0 40px #d98a3d1a;animation:glowPulse 3s ease-in-out infinite}.welcome-create{display:flex;flex-direction:column;gap:var(--sp-3);width:320px}.welcome-recent-section{display:flex;flex-direction:column;gap:var(--sp-4);max-width:800px;width:100%}.welcome-recent-header{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.welcome-project-card{padding:var(--sp-5);cursor:pointer;animation:fadeInUp .3s ease both}.welcome-project-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.welcome-project-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-2)}.welcome-project-meta{display:flex;gap:var(--sp-4);font-size:var(--font-size-xs);color:var(--text-muted)}.welcome-project-meta span{display:flex;align-items:center;gap:var(--sp-1)}.empty-state-icon-wrap{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-2xl);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-dim);animation:fadeInScale .4s ease}.homepage{overflow-y:auto;height:100%;scroll-behavior:smooth}.hp-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-24) var(--sp-8) var(--sp-16);text-align:center;overflow:hidden;min-height:60vh}.hp-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(217,138,61,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(217,138,61,.04) 0%,transparent 50%);pointer-events:none}.hp-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);max-width:720px}.hp-hero-icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-2xl);background:linear-gradient(135deg,var(--accent-bg) 0%,rgba(217,138,61,.03) 100%);border:1px solid var(--accent-border);color:var(--accent);box-shadow:0 0 60px #d98a3d2e;animation:glowPulse 4s ease-in-out infinite}.hp-hero-title{font-size:36px;font-weight:800;background:linear-gradient(135deg,var(--accent) 0%,#3ecf8e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;line-height:1.2}.hp-hero-sub{font-size:var(--font-size-xl);color:var(--text-muted);max-width:500px;line-height:1.6}.hp-hero-actions{display:flex;gap:var(--sp-4);margin-top:var(--sp-4)}.hp-hero-stats{display:flex;gap:var(--sp-8);margin-top:var(--sp-16);position:relative;z-index:1;flex-wrap:wrap;justify-content:center}.hp-hero-stat{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-4) var(--sp-6);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-lg);min-width:120px}.hp-hero-stat-icon{color:var(--accent);opacity:.6}.hp-hero-stat-value{font-size:var(--font-size-3xl);font-weight:800;color:var(--text-primary)}.hp-hero-stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.hp-section{padding:var(--sp-16) var(--sp-8);max-width:1100px;margin:0 auto}.hp-section-alt{background:var(--bg-surface);border-radius:var(--r-xl);margin:0 var(--sp-8) var(--sp-8);max-width:none}.hp-section-title{text-align:center;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-10)}.hp-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}.hp-feature-card{position:relative;padding:var(--sp-6);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-xl);cursor:pointer;transition:all var(--t-normal);animation:fadeInUp .3s ease both;overflow:hidden}.hp-feature-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.hp-feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-lg);background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);margin-bottom:var(--sp-4)}.hp-feature-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-2)}.hp-feature-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.hp-feature-arrow{position:absolute;top:var(--sp-4);right:var(--sp-4);color:var(--text-dim);opacity:0;transition:all var(--t-normal)}.hp-feature-card:hover .hp-feature-arrow{opacity:1;transform:translate(3px)}.hp-workflow{display:flex;gap:var(--sp-6);justify-content:center;flex-wrap:wrap}.hp-workflow-step{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-lg);min-width:200px;transition:all var(--t-normal)}.hp-workflow-step:hover{border-color:var(--accent-border)}.hp-workflow-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-full);background:var(--accent);color:var(--text-inverse);font-weight:800;font-size:var(--font-size-sm);flex-shrink:0}.hp-workflow-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.hp-start-card{display:flex;gap:var(--sp-8);align-items:flex-start;flex-wrap:wrap;justify-content:center}.hp-start-form{display:flex;flex-direction:column;gap:var(--sp-3);width:320px;padding:var(--sp-6);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-xl)}.hp-start-projects{flex:1;min-width:280px}.hp-start-projects-header{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--sp-3)}.hp-start-projects-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:400px;overflow-y:auto}.hp-start-projects-list .card{animation:fadeInUp .2s ease both}.hp-footer{border-top:1px solid var(--border-subtle);padding:var(--sp-8);margin-top:var(--sp-8)}.hp-footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4)}.hp-footer-brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;color:var(--accent);font-size:var(--font-size-sm)}.hp-footer-links{display:flex;gap:var(--sp-4);align-items:center;flex-wrap:wrap}.hp-footer-link{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--font-size-xs);color:var(--text-muted);text-decoration:none;cursor:pointer;transition:color var(--t-fast)}.hp-footer-link:hover{color:var(--text-primary)}.hp-footer-copy{width:100%;text-align:center;font-size:var(--font-size-xs);color:var(--text-dim);margin-top:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--border-subtle)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;min-width:400px;max-width:90vw;animation:fadeInScale .15s ease}.dialog-lg{min-width:600px;max-width:90vw}.dialog-header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);flex-shrink:0}.dialog-body{flex:1;overflow:auto;padding:var(--sp-4)}[data-theme=light]{--bg-deepest: #f4f5f7;--bg-base: #ffffff;--bg-surface: #f8f9fb;--bg-elevated: #eef0f3;--bg-overlay: #e8eaed;--bg-hover: #e2e5ea;--bg-active: #dce0e6;--bg-card: #ffffff;--border-subtle: #e2e5ea;--border-default: #d0d4db;--border-strong: #b8bdc8;--border-focus: #2d6ae0;--text-primary: #1a1d23;--text-secondary: #4a5060;--text-muted: #7a8295;--text-dim: #a0a8b8;--text-inverse: #ffffff;--accent: #b06d28;--accent-dim: #8f5820;--accent-bg: rgba(176, 109, 40, .08);--accent-border: rgba(176, 109, 40, .2);--accent-glow: 0 0 12px rgba(176, 109, 40, .12);--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.1);--shadow-xl: 0 8px 32px rgba(0,0,0,.12)}.strings-screen{height:100%;overflow:auto;padding:var(--sp-4)}.strings-header{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-subtle)}.strings-list{display:flex;flex-direction:column;gap:1px}.strings-row{display:flex;gap:var(--sp-4);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);transition:background var(--t-fast)}.strings-row:hover{background:var(--bg-hover)}.strings-offset{color:var(--text-dim);min-width:90px}.strings-value{color:var(--green)}.sidebar{width:var(--sidebar-w);min-width:220px;max-width:420px;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.sidebar-scroll{flex:1;overflow:auto}.sidebar-section{border-bottom:1px solid var(--border-subtle)}.sidebar-section-header{display:flex;align-items:center;gap:var(--sp-2);height:30px;padding:0 var(--sp-4);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-surface);border-left:2px solid transparent;transition:background var(--t-fast),border-color var(--t-normal),color var(--t-fast);color:var(--text-dim);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sidebar-section-header:hover{background:var(--bg-elevated);color:var(--text-muted)}.sidebar-section-header.open{background:var(--bg-elevated);border-left-color:var(--accent-dim);color:var(--text-secondary)}.sidebar-section-title{flex:1}.sidebar-section-count{height:16px;font-size:9px}.sidebar-section-body{overflow:hidden}.sidebar-ecu-card{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--green-bg);border:1px solid var(--green-border)}.sidebar-ecu-status{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);font-size:var(--font-size-sm);font-weight:700;color:var(--green)}.sidebar-ecu-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.sidebar-ecu-detail{font-size:var(--font-size-xs);color:var(--text-secondary);padding-left:12px}.sidebar-ecu-family{font-size:var(--font-size-xs);color:var(--text-primary);padding-left:12px;font-weight:600}.sidebar-ecu-version{font-size:var(--font-size-xs);color:var(--text-muted);padding-left:12px;margin-top:var(--sp-1)}.sidebar-dropzone{padding:var(--sp-5) var(--sp-4);border:1px dashed var(--border-strong);border-radius:var(--r-md);background:var(--bg-base);cursor:pointer;text-align:center;transition:all var(--t-normal);display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.sidebar-dropzone:hover{border-color:var(--accent);background:var(--accent-bg)}.sidebar-dropzone.active{border-color:var(--accent);background:var(--accent-bg);border-style:solid}.sidebar-dropzone-icon{color:var(--text-dim);margin-bottom:var(--sp-1)}.sidebar-dropzone:hover .sidebar-dropzone-icon{color:var(--accent)}.sidebar-dropzone-text{font-size:var(--font-size-sm);color:var(--text-muted)}.sidebar-dropzone-hint{font-size:var(--font-size-xs);color:var(--text-dim)}.sidebar-file{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);cursor:pointer;margin-bottom:var(--sp-1);border:1px solid transparent;transition:all var(--t-fast)}.sidebar-file:hover{background:var(--bg-hover)}.sidebar-file.active{background:var(--accent-bg);border-color:var(--accent-border)}.sidebar-file-icon{color:var(--text-dim);flex-shrink:0}.sidebar-file.active .sidebar-file-icon{color:var(--accent)}.sidebar-file-info{flex:1;min-width:0}.sidebar-file-name{font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-file.active .sidebar-file-name{color:var(--accent)}.sidebar-file-meta{font-size:var(--font-size-xs);color:var(--text-dim)}.sidebar-file-delete{flex-shrink:0;opacity:0;color:var(--text-dim);transition:opacity var(--t-fast),color var(--t-fast)}.sidebar-file:hover .sidebar-file-delete{opacity:1}.sidebar-file-delete:hover{color:var(--error)!important}.sidebar-damos-badge{font-size:8px;font-weight:700;letter-spacing:.5px;padding:1px 5px;border-radius:3px;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);flex-shrink:0;margin-left:auto}.sidebar-damos-badge--pending{background:var(--warning-bg);color:var(--warning);border-color:#f59e0b33}.sidebar-sensitivity{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.sidebar-sensitivity-label{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.sidebar-sensitivity-value{font-size:var(--font-size-xs);color:var(--text-secondary);min-width:30px;text-align:right;font-family:var(--font-mono)}.sidebar-map-search{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border-subtle);color:var(--text-dim)}.sidebar-map-list{padding:0 0 var(--sp-2)}.sidebar-empty{padding:var(--sp-6) var(--sp-4);font-size:var(--font-size-xs);color:var(--text-dim);text-align:center}.sidebar-category{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-fast);background:var(--bg-elevated);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-top:2px}.sidebar-category:hover{background:var(--bg-hover)}.sidebar-category-dot{width:7px;height:7px;border-radius:2px;flex-shrink:0}.sidebar-category-label{font-size:var(--font-size-xs);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.sidebar-category-count{margin-left:auto;font-size:var(--font-size-xs);font-weight:600;color:var(--accent);background:var(--accent-bg);padding:1px 7px;border-radius:10px}.sidebar-map-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4) var(--sp-2) 28px;cursor:pointer;margin-bottom:1px;border-left:2px solid transparent;transition:all var(--t-fast)}.sidebar-map-item.active{background:var(--accent-bg);border-left-color:var(--accent)}.sidebar-map-name{font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-map-meta{display:flex;gap:var(--sp-3);margin-top:1px;font-size:var(--font-size-xs);color:var(--text-dim);font-family:var(--font-mono)}.sidebar-map-segment{padding:0 4px;border-radius:3px;font-size:8px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px;line-height:14px;color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border)}.sidebar-map-segment.seg-maps,.sidebar-map-segment.seg-calibration{color:#2ecc71;border-color:#2ecc7166;background:#2ecc7114}.sidebar-map-segment.seg-bootloader{color:#f39c12;border-color:#f39c1266;background:#f39c1214}.sidebar-map-segment.seg-rom{color:#3498db;border-color:#3498db66;background:#3498db14}.sidebar-map-segment.seg-eeprom,.sidebar-map-segment.seg-otp{color:#9b59b6;border-color:#9b59b666;background:#9b59b614}.sidebar-map-segment.seg-fill,.sidebar-map-segment.seg-unknown{color:var(--text-dim);border-color:var(--border);background:var(--bg-hover)}.sidebar-segment-hint{font-size:9px;color:var(--text-dim);margin-bottom:var(--sp-2);padding:0 var(--sp-1)}.sidebar-segment-row{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-1);border-bottom:1px solid var(--border)}.sidebar-segment-row:last-child{border-bottom:none}.sidebar-segment-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0;margin-top:3px}.sidebar-segment-info{flex:1;min-width:0}.sidebar-segment-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.sidebar-segment-meta{font-size:9px;font-family:var(--font-mono);color:var(--text-dim);margin-top:1px}.sidebar-segment-sec{font-size:9px;font-family:var(--font-mono);color:var(--warning);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seg-bootloader{background:#f39c12}.seg-rom{background:#3498db}.seg-maps{background:#2ecc71}.seg-calibration{background:#1abc9c}.seg-eeprom{background:#9b59b6}.seg-otp{background:#e67e22}.seg-fill,.seg-unknown{background:var(--text-dim)}.sidebar-confidence{height:16px;font-size:9px;font-family:var(--font-mono);flex-shrink:0}.sidebar-map-detail-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-map-props{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-2) var(--sp-4)}.sidebar-prop-label{font-size:var(--font-size-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.sidebar-prop-value{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:var(--font-mono)}.panel-root{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-surface)}.panel-toolbar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.panel-message{padding:var(--sp-2) var(--sp-4);font-size:var(--font-size-xs);color:var(--green);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.panel-message.error{color:var(--error)}.search-results-header{padding:var(--sp-3) var(--sp-4);font-size:var(--font-size-xs);font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle)}.search-result-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);cursor:pointer;transition:background var(--t-fast);border-bottom:1px solid var(--border-subtle)}.search-result-row:hover{background:var(--bg-hover)}.search-result-offset{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--accent);font-weight:600;min-width:90px}.search-result-bytes{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);letter-spacing:.5px}.panel-filters{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.panel-filters-label{font-size:var(--font-size-xs);color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.panel-filter-item{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--t-fast);-webkit-user-select:none;user-select:none}.panel-filter-check{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid var(--border-default);border-radius:var(--r-sm);font-size:9px;font-weight:700;transition:all var(--t-fast)}.dtc-select-all{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);cursor:pointer;font-size:var(--font-size-xs);color:var(--text-dim);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;transition:background var(--t-fast)}.dtc-select-all:hover{background:var(--bg-hover)}.dtc-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);cursor:pointer;transition:background var(--t-fast);border-bottom:1px solid var(--border-subtle)}.dtc-code{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;color:var(--text-primary);min-width:70px}.dtc-desc{flex:1;font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtc-offset{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.compare-summary{display:flex;gap:var(--sp-6);padding:var(--sp-5);border-bottom:1px solid var(--border-subtle)}.compare-stat-label{font-size:var(--font-size-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.compare-stat-value{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.compare-diff-header{padding:var(--sp-3) var(--sp-4);font-size:var(--font-size-xs);font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.map-stats{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);height:28px;font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-elevated);border-top:1px solid var(--border-subtle);flex-shrink:0;overflow:hidden}.map-stats-icon{color:var(--accent);flex-shrink:0}.map-stats-name{font-weight:600;color:var(--text-primary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-stats-item{display:flex;align-items:center;gap:var(--sp-1)}.map-stats-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.map-stats-value{font-family:var(--font-mono);font-weight:500;color:var(--text-secondary)}.separator{width:1px;height:12px;background:var(--border-default);flex-shrink:0}.hex-editor-root{display:flex;flex-direction:column;height:100%;position:relative}.hex-editor-main{display:flex;flex:1;min-height:0}.hex-editor-canvas-wrap{flex:1;overflow:hidden;outline:none;background:var(--bg-deepest)}.hex-editor-canvas{cursor:text;display:block}.hex-editor-minimap{width:48px;flex-shrink:0;background:var(--bg-deepest);border-left:1px solid var(--border-subtle);cursor:pointer}.hex-editor-minimap-canvas{display:block}.hex-editor-goto-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.hex-editor-goto-dialog{background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);min-width:260px;box-shadow:var(--shadow-lg)}.hex-editor-goto-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.hex-editor-goto-actions{display:flex;gap:var(--sp-3);justify-content:flex-end}.hex-editor-info-bar{height:28px;background:var(--bg-surface);border-top:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 var(--sp-4);gap:var(--sp-4);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.hex-editor-info-label{color:var(--text-dim)}.hex-editor-info-value{color:var(--text-secondary)}.hex-editor-info-accent{color:var(--accent)}.hex-editor-info-muted{color:var(--text-muted)}.hex-editor-info-dim{color:var(--text-dim)}.hex-editor-info-warning{color:var(--warning)}.panel-root{height:100%;display:flex;flex-direction:column;overflow:hidden}.panel-toolbar{display:flex;align-items:center;height:32px;padding:0 var(--sp-3);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.panel-scroll{flex:1;overflow:auto;min-height:0}.panel-message{font-size:var(--font-size-xs);padding:var(--sp-3) var(--sp-4);color:var(--text-secondary);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.panel-message.error{color:var(--error);background:var(--error-bg)}.panel-filters{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.panel-filters-label{font-size:var(--font-size-xs);color:var(--text-dim);font-weight:600;text-transform:uppercase}.panel-filter-item{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--font-size-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.panel-filter-check{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:9px;transition:all var(--t-fast)}.card-active{border-color:var(--accent)!important;box-shadow:var(--shadow-glow-accent)!important}.compare-summary{display:flex;gap:var(--sp-8);padding:var(--sp-5) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.compare-stat{display:flex;flex-direction:column;gap:var(--sp-1)}.compare-stat-label{font-size:var(--font-size-xs);color:var(--text-dim);text-transform:uppercase}.compare-stat-value{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.compare-diff-header{font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.dtc-select-all{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-size:var(--font-size-xs);color:var(--text-muted);cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:all var(--t-fast)}.dtc-select-all:hover{color:var(--text-primary)}.dtc-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);cursor:pointer;transition:all var(--t-fast);border-bottom:1px solid var(--border-subtle)}.dtc-row:hover{background:var(--bg-hover)}.dtc-row.selected{background:var(--accent-bg)}.dtc-code{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--error);font-weight:600;min-width:80px}.dtc-desc{flex:1;font-size:var(--font-size-xs);color:var(--text-secondary)}.dtc-offset{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-dim)}.search-results{display:flex;flex-direction:column}.search-results-header{display:flex;align-items:center;padding:var(--sp-2) var(--sp-4);font-size:var(--font-size-xs);color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.search-result-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);cursor:pointer;transition:all var(--t-fast);font-family:var(--font-mono);font-size:var(--font-size-xs);border-bottom:1px solid var(--border-subtle)}.search-result-row:hover{background:var(--accent-bg);color:var(--accent)}.search-result-offset{color:var(--text-dim);min-width:100px}.search-result-bytes{color:var(--green)}.map-stats{display:flex;align-items:center;gap:var(--sp-3);height:28px;padding:0 var(--sp-4);background:var(--bg-overlay);border-top:1px solid var(--border-subtle);font-size:var(--font-size-xs);font-family:var(--font-mono);overflow:hidden}.map-stats-icon{color:var(--text-dim);flex-shrink:0}.map-stats-name{color:var(--text-secondary);font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-stats-item{display:flex;align-items:center;gap:var(--sp-1);flex-shrink:0}.map-stats-label{color:var(--text-muted)}.map-stats-value{color:var(--text-primary);font-weight:500}.sidebar-prop-label{font-size:var(--font-size-xs);color:var(--text-muted)}.sidebar-prop-value{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-mono)}.sidebar-prop-value.accent{color:var(--accent)}.sidebar-map-props{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-1) var(--sp-3);align-items:center}.sidebar-map-detail-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-3)}.sidebar-map-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-4)}.sidebar-confidence{font-size:9px;height:16px;margin-left:auto;flex-shrink:0}.sidebar-map-item{display:flex;align-items:center;gap:var(--sp-2);padding:7px var(--sp-4) 7px var(--sp-6);cursor:pointer;transition:all var(--t-fast);border-left:2px solid transparent;border-radius:0 6px 6px 0;margin:1px 4px 1px 0}.sidebar-map-item:hover{background:var(--bg-hover)}.sidebar-map-item.active{background:linear-gradient(90deg,var(--accent-bg),transparent);border-left-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-border)}.sidebar-map-info{flex:1;min-width:0}.sidebar-map-name{font-size:var(--font-size-xs);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-map-item.active .sidebar-map-name{color:var(--accent)}.sidebar-map-meta{display:flex;gap:var(--sp-3);font-size:9px;color:var(--text-dim);font-family:var(--font-mono)}.sidebar-map-item-wrap{position:relative}.sidebar-map-item.dragging{opacity:.35}.sidebar-map-drop-indicator{height:2px;background:var(--accent);margin:0 var(--sp-4);border-radius:1px;pointer-events:none;transition:opacity var(--t-fast)}.sidebar-map-item.locked{opacity:.5}.drag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009;display:flex;align-items:center;justify-content:center;pointer-events:none}.drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);color:var(--accent)}.drag-overlay-text{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}.app-root.drag-over .app-main,.app-root.drag-over .app-content,.app-root.drag-over .toolbar,.app-root.drag-over .status-bar{filter:blur(2px);pointer-events:none}