:root{--bg-dark:#1a1a2e;--bg-mid:#16213e;--bg-panel:#0f3460;--accent-red:#e94560;--accent-orange:#ff6b35;--accent-yellow:#ffc947;--chrome:silver;--chrome-light:#e8e8e8;--text:#f0f0f0;--text-dim:#88a;--pixel-font:"Press Start 2P", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text);font-family:var(--pixel-font);min-height:100vh;overflow-x:hidden}.header{border-bottom:4px solid var(--accent-red);background:linear-gradient(180deg, #0d1b2a 0%, var(--bg-dark) 100%);align-items:center;gap:20px;padding:20px 30px;display:flex;position:relative}.header-logo{align-items:center;gap:20px;display:flex}.header-car{width:120px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 6px #e9456066)}.header-title{letter-spacing:3px;background:linear-gradient(180deg, var(--accent-yellow) 0%, var(--accent-orange) 40%, var(--accent-red) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #e9456080);-webkit-background-clip:text;background-clip:text;font-size:25px}.header-subtitle{color:var(--text-dim);letter-spacing:2px;margin-top:4px;font-size:9px}.fire-bar{background:repeating-linear-gradient(90deg, var(--accent-red) 0px, var(--accent-orange) 8px, var(--accent-yellow) 16px, var(--accent-orange) 24px, var(--accent-red) 32px);height:8px;animation:.6s linear infinite fire-scroll}@keyframes fire-scroll{0%{background-position:0 0}to{background-position:32px 0}}.app-container{max-width:1200px;margin:0 auto;padding:20px}.file-zone{background:var(--bg-mid);border:2px solid #2a2a4a;border-radius:4px;grid-template-columns:1fr 1fr auto;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:grid}.drop-zone{text-align:center;cursor:pointer;border:3px dashed #4a4a6a;border-radius:4px;padding:40px 20px;transition:border-color .2s,background .2s}.drop-zone:hover,.drop-zone--active{border-color:var(--accent-red);background:#e945600d}.drop-zone-icon{margin-bottom:16px;font-size:42px;display:block}.drop-zone-text{color:var(--text-dim);font-size:14px;line-height:1.8}.drop-zone-hint{color:#4a4a6a;font-size:10px}.file-loaded{align-items:center;gap:12px;padding:20px;font-size:15px;display:flex}.file-loaded-icon{color:#22c55e;font-size:24px}.file-loaded-name{color:var(--accent-yellow)}.file-loaded-status{color:var(--text-dim)}.v2-slot{text-align:center;opacity:.3;border:2px dashed #2a2a4a;border-radius:4px;padding:40px 20px}.v2-slot-text{color:var(--text-dim);font-size:10px;line-height:2}.btn{font-family:var(--pixel-font);cursor:pointer;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border:3px solid;border-radius:4px;padding:18px 28px;font-size:15px;transition:all .15s}.btn:active{transform:translateY(2px)}.btn-restart{color:var(--chrome);background:0 0;border-color:#4a4a6a}.btn-restart:hover{border-color:var(--chrome);color:var(--text)}.specs-zone{background:var(--bg-mid);border:2px solid #2a2a4a;border-radius:4px;grid-template-columns:1fr auto;align-items:end;gap:20px;margin-bottom:16px;padding:20px;display:grid}.specs-form{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.form-field label{color:var(--text-dim);letter-spacing:1px;margin-bottom:6px;font-size:11px;display:block}.form-field input{width:100%;font-family:var(--pixel-font);color:var(--text);box-sizing:border-box;background:#0d1b2a;border:2px solid #2a2a4a;border-radius:3px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s}.form-field input:focus{border-color:var(--accent-red)}.form-field input::placeholder{color:#3a3a5a}.form-field.notes{grid-column:span 2}.btn-generate{background:var(--accent-red);color:var(--text);border-color:var(--accent-orange);align-self:stretch;min-height:80px;padding:24px 36px;font-size:18px}.btn-generate:hover{border-color:var(--accent-yellow);background:#ff2a4a;box-shadow:0 0 20px #e9456066}.error-box{border:2px solid var(--accent-red);color:var(--text);background:#e9456026;border-radius:4px;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;font-size:15px;display:flex}.error-icon{color:var(--accent-red);font-size:22px;font-weight:700}.chart-zone{background:var(--bg-mid);border:2px solid #2a2a4a;border-radius:4px;padding:20px}.chart-tabs{gap:8px;margin-bottom:16px;display:flex}.chart-tab{font-family:var(--pixel-font);color:var(--text-dim);cursor:pointer;letter-spacing:1px;background:0 0;border:2px solid #2a2a4a;border-radius:3px;padding:14px 24px;font-size:12px;transition:all .15s}.chart-tab.active{color:var(--text);border-color:var(--accent-red);background:#e945601a}.chart-tab:hover:not(.active){color:var(--chrome);border-color:#4a4a6a}.chart-canvas{background:#0d1b2a;border:2px solid #2a2a4a;border-radius:3px;width:100%;height:400px}.timeline-zone{margin-top:12px;padding:12px 0;position:relative}.timeline-track{background:#0d1b2a;border:1px solid #2a2a4a;border-radius:4px;width:100%;height:8px;position:relative}.timeline-range{border-top:1px solid var(--accent-red);border-bottom:1px solid var(--accent-red);cursor:grab;background:#e945604d;height:10px;position:absolute;top:-1px}.timeline-range:active{cursor:grabbing;background:#e9456073}.timeline-handle{background:var(--accent-red);border:2px solid var(--accent-orange);cursor:ew-resize;z-index:2;touch-action:none;border-radius:3px;width:14px;height:20px;margin-left:-7px;position:absolute;top:-6px}.timeline-handle:hover{border-color:var(--accent-yellow);background:#ff2a4a}.timeline-labels{height:18px;color:var(--text-dim);margin-top:8px;font-size:10px;position:relative;overflow:hidden}.timeline-labels span:first-child{left:0!important;transform:none!important}.timeline-labels span:last-child{right:0;left:auto!important;transform:none!important}.chart-footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.btn-reset{color:var(--chrome);background:0 0;border-color:#4a4a6a;padding:12px 20px;font-size:12px}.btn-reset:hover{border-color:var(--chrome);color:var(--text)}.btn-save{background:var(--bg-panel);color:var(--accent-yellow);border-color:var(--accent-yellow);padding:18px 36px;font-size:16px}.btn-save:hover{background:#1a4a7a;box-shadow:0 0 16px #ffc9474d}.scanlines{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}
