*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2e2e2e;--text-primary: #e0e0e0;--text-secondary: #888;--accent: #ff6b00;--accent-dim: #cc5500;--green: #00cc66;--red: #ff3333;--blue: #3399ff}html,body{height:100%;overflow:hidden;font-family:Segoe UI,-apple-system,sans-serif;font-size:16px;background:var(--bg-primary);color:var(--text-primary)}#app{display:flex;flex-direction:column;height:100vh}#toolbar{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--bg-secondary);border-bottom:1px solid #333;flex-shrink:0;position:relative}#toolbar button{padding:4px 14px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.75em;font-weight:600}#toolbar button:hover{background:var(--accent-dim)}#toolbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px}#btn-edit,#btn-gear{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid #444!important;font-size:.75em!important;padding:0 10px!important;height:26px;line-height:26px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}#btn-edit svg,#btn-gear svg{display:block}#btn-edit:hover,#btn-gear:hover{background:#3a3a3a!important}#btn-edit.active,#btn-gear.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.toolbar-spacer{flex:1}#file-name{font-size:.75em;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lap-selector{padding:2px 6px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid #444;border-radius:4px;font-size:.75em;font-family:Consolas,monospace;cursor:pointer;max-width:260px}#lap-selector:focus{outline:1px solid var(--accent);border-color:var(--accent)}#fps-counter{display:none;font-size:.75em;font-family:Consolas,monospace;color:var(--green);min-width:52px;text-align:right}#main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}#video-container{position:relative;flex:1;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:200px}#video{width:100%;height:100%;object-fit:contain;display:none}#video.loaded{display:block}#video-overlay-anchor,#video-overlay-anchor-b{position:absolute;pointer-events:none;overflow:visible;transform-origin:0 0;z-index:1}#video-overlay-anchor.edit-guides:before,#video-overlay-anchor.edit-guides:after{content:"";position:absolute;pointer-events:none;z-index:1}#video-overlay-anchor.edit-guides:before{left:50%;top:0;width:0;height:100%;border-left:2px dashed rgba(255,255,255,.35)}#video-overlay-anchor.edit-guides:after{top:50%;left:0;width:100%;height:0;border-top:2px dashed rgba(255,255,255,.35)}#overlay-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#no-file-prompt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}#no-file-prompt #logo{width:50%;min-width:240px;opacity:1;-webkit-user-select:none;user-select:none}#no-file-prompt.hidden{display:none}.hud-element{position:absolute;pointer-events:none;display:none;font-family:Consolas,Courier New,monospace;transform-origin:top left;z-index:2;bottom:auto;right:auto}#hud-speed,#hud-speed-b{align-items:baseline;gap:4px}#hud-speed.active{display:flex}#hud-speed-value,#hud-speed-value-b{font-size:56px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6);line-height:1}#hud-speed-unit,#hud-speed-unit-b{font-size:18px;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.8)}#hud-rpm-gauge.active{display:block}#hud-rpm-gauge svg{display:block;width:180px;height:165px}#hud-rpm-bar.active{display:block}#hud-rpm-bar svg{display:block;width:400px;height:36px}#hud-gear,#hud-gear-b{align-items:center;justify-content:center;width:48px;height:48px;border:2px solid rgba(255,255,255,.5);border-radius:8px;background:#00000080}#hud-gear.active{display:flex}#hud-gear-value,#hud-gear-value-b{font-size:28px;font-weight:700;color:#fff}.shift-arrow{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-top:4px;font-size:48px;font-weight:900;pointer-events:none;opacity:0;transition:none;z-index:0;text-shadow:0 0 10px currentColor}#hud-gear-value{position:relative;top:2px;z-index:1}.shift-arrow.upshift{color:var(--green)}.shift-arrow.downshift{color:var(--accent)}.shift-arrow.flash{opacity:1;animation:shift-flash .6s ease-out forwards}@keyframes shift-flash{0%{opacity:1}50%{opacity:.7}to{opacity:0}}#hud-steering.active{display:block}.steering-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:700 18px Consolas,monospace;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.6);white-space:nowrap;pointer-events:none}.steering-label .deg-symbol{display:inline-block;width:0;overflow:visible}.steering-svg{display:block;width:80px;height:80px;fill:#1e1e1ed9;filter:drop-shadow(0 0 3px rgba(255,255,255,.4));transition:none}.steering-notch{fill:#ab2010}#hud-gforce.active{display:block}#gforce-svg,#gforce-svg-b{display:block;width:120px;height:120px}#hud-pedals,#hud-pedals-b{flex-direction:column;gap:3px;width:100px}#hud-pedals.active{display:flex}.pedal-bar{position:relative;height:16px;background:#00000080;border-radius:3px;overflow:hidden}.pedal-fill{position:absolute;top:0;left:0;height:100%;width:0%;transition:width .05s linear}.pedal-fill.throttle{background:var(--green)}.pedal-fill.brake{background:var(--red)}.pedal-label{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:10px;color:#ccc;text-shadow:0 0 4px rgba(0,0,0,.8)}#hud-gps,#hud-gps-b{flex-direction:column;gap:2px;font-size:11px;color:#aaa;background:#00000080;padding:4px 8px;border-radius:4px;text-shadow:0 0 4px rgba(0,0,0,.8)}#hud-gps.active{display:flex}#hud-session,#hud-session-b{flex-direction:column;gap:2px;font-size:11px;color:#aaa;background:#00000080;padding:6px 10px;border-radius:4px;text-shadow:0 0 4px rgba(0,0,0,.8);max-width:250px}#hud-session.active{display:flex}#hud-session .session-label,#hud-session-b .session-label{color:#fff;font-weight:700;font-size:9px;text-transform:uppercase;letter-spacing:.5px}#hud-session .session-value,#hud-session-b .session-value{color:#ccc}#resize-handle{height:6px;background:var(--bg-secondary);border-top:1px solid #333;border-bottom:1px solid #333;cursor:row-resize;flex-shrink:0;display:none;touch-action:none}#resize-handle.active{display:block}#resize-handle:hover,#resize-handle.dragging{background:var(--accent-dim)}#chart-panel{display:none;flex-direction:column;background:var(--bg-primary);min-height:80px;flex-shrink:0;overflow:hidden}#chart-panel.active{display:flex}#chart-tabs{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary);border-bottom:1px solid #333;flex-shrink:0;flex-wrap:wrap}#chart-toolbar{display:flex;align-items:center;gap:4px;margin-left:12px;flex-wrap:wrap}.chart-channel-btn{padding:2px 8px;font-size:.75em;font-family:Consolas,monospace;border:1px solid #444;border-radius:3px;cursor:pointer;background:var(--bg-tertiary);color:var(--text-secondary);transition:background .1s,color .1s}.chart-channel-btn.active{color:#fff;border-color:currentColor}.chart-channel-btn:hover{background:#3a3a3a}#chart-content-row{flex:1;display:flex;flex-direction:row;min-height:0;overflow:hidden}#charts-panel{display:none;flex:1;min-width:0;overflow:hidden}#charts-panel.active{display:flex;flex-direction:column}#chart-canvas-container{flex:1;position:relative;overflow:hidden;min-height:0;display:block}#chart-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;touch-action:none}#chart-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-size:1em}#chart-empty.hidden{display:none}.panel-toggle{padding:2px 10px;font-size:.75em;font-family:Consolas,monospace;border:1px solid #444;border-radius:3px;cursor:pointer;background:var(--bg-tertiary);color:var(--text-secondary);transition:background .1s,color .1s;margin-right:4px}.panel-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.panel-toggle:hover:not(.active){background:#3a3a3a;color:var(--text-primary)}.panel-resize-handle{width:6px;background:var(--bg-secondary);border-left:1px solid #333;border-right:1px solid #333;cursor:col-resize;flex-shrink:0;display:none;touch-action:none}.panel-resize-handle.active{display:block}.panel-resize-handle:hover,.panel-resize-handle.dragging{background:var(--accent-dim)}#laps-panel{display:none;width:250px;min-width:150px;max-width:50%;flex-shrink:0;overflow:hidden}#laps-panel.active{display:flex;flex-direction:column}#lap-table-container{flex:1;overflow-y:auto;padding:8px;border-left:1px solid #333;display:flex;flex-direction:column;gap:2px}#hud-trackMap{width:200px;height:160px;background:transparent;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7))}#hud-trackMap.active{display:block}#hud-trackMap #track-canvas{display:block;width:100%;height:100%}.lap-heading{font-size:.75em;font-family:Consolas,monospace;color:var(--text-secondary);padding-bottom:6px;border-bottom:1px solid #333;margin-bottom:4px}.lap-row{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border-radius:3px;cursor:pointer;font-family:Consolas,monospace;font-size:.75em;color:var(--text-secondary);transition:background .1s}.lap-row:hover{background:var(--bg-tertiary);color:var(--text-primary)}.lap-row.current{background:#2a2000;color:var(--accent);border-left:3px solid var(--accent);padding-left:5px}.lap-row.selected{background:#ff6b0026;border-left:3px solid var(--accent);padding-left:5px}.lap-num{font-weight:600}.lap-right{display:flex;align-items:center;gap:8px}.lap-time{color:inherit;font-variant-numeric:tabular-nums}.lap-delta{font-size:.75em;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:52px;text-align:right}.lap-delta-best{color:#4caf50}.lap-heading-a{color:#00e5ff;border-bottom-color:#00e5ff4d}.lap-heading-b{color:#ff40ff;border-bottom-color:#ff40ff4d;margin-top:10px}.lap-side-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;flex-shrink:0;align-self:center}.lap-side-dot-a{background:#00e5ff}.lap-side-dot-b{background:#ff40ff}.lap-row.compare-selected-a{background:#00e5ff1f;border-left:3px solid #00e5ff;color:#00e5ff}.lap-row.compare-selected-b{background:#ff40ff1f;border-left:3px solid #ff40ff;color:#ff40ff}.lap-compare-summary{margin-top:12px;padding-top:8px;border-top:1px solid #333}.lap-summary-row{display:flex;align-items:center;gap:6px;padding:3px 6px;font-size:.75em;font-family:Consolas,monospace}.lap-summary-label{font-weight:700;min-width:16px}.summary-label-a{color:#00e5ff}.summary-label-b{color:#ff40ff}.lap-summary-time{font-variant-numeric:tabular-nums}.lap-summary-delta{margin-top:2px}.lap-empty{font-size:.75em;font-family:Consolas,monospace;color:var(--text-secondary);padding:16px 8px;text-align:center}#controls{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-secondary);border-top:1px solid #333;flex-shrink:0}#btn-play{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid #444;border-radius:4px;cursor:pointer;font-size:1em}#btn-play:hover{background:#3a3a3a}#btn-loop{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid #444;border-radius:4px;cursor:pointer;font-size:1em;padding:0;opacity:.5;transition:opacity .15s}#btn-loop:hover{background:#3a3a3a;opacity:.8}#btn-loop.active{opacity:1;color:var(--accent);border-color:var(--accent)}#time-current,#time-total{font-size:.75em;font-family:Consolas,monospace;color:var(--text-secondary);min-width:55px;text-align:center}#scrub-container{flex:1;padding:4px 0;cursor:pointer;touch-action:none}#scrub-track{position:relative;height:6px;background:var(--bg-tertiary);border-radius:3px}#scrub-zoom-region{position:absolute;top:0;height:100%;background:#ffffff26;border-radius:3px;pointer-events:none;display:none}.scrub-zoom-handle{position:absolute;top:-5px;width:7px;height:16px;pointer-events:auto;cursor:ew-resize;opacity:.5;transition:opacity .15s}.scrub-zoom-handle:hover,.scrub-zoom-handle.dragging{opacity:1}#scrub-zoom-left{left:-4px;border-left:2px solid rgba(255,255,255,.8);border-top:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);border-radius:2px 0 0 2px}#scrub-zoom-right{right:-4px;border-right:2px solid rgba(255,255,255,.8);border-top:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);border-radius:0 2px 2px 0}#scrub-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--accent);border-radius:3px;pointer-events:none}#scrub-thumb{position:absolute;top:50%;left:0%;width:14px;height:14px;background:var(--accent);border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .15s}#scrub-container:hover #scrub-thumb{opacity:1}#playback-rate{padding:2px 4px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid #444;border-radius:4px;font-size:.75em;cursor:pointer}.hud-element.edit-mode{pointer-events:auto;cursor:grab;outline:1px dashed rgba(255,107,0,.5);outline-offset:4px}.hud-element.edit-mode:hover{outline-color:#ff6b00}.hud-element.dragging{cursor:grabbing;outline-color:var(--accent);outline-width:2px;outline-style:solid;z-index:10}.resize-handle{display:none}.hud-element.edit-mode .resize-handle{display:block;position:absolute;width:12px;height:12px;background:var(--accent);border:1px solid #fff;border-radius:2px;z-index:11}.resize-handle[data-corner=tl]{left:-6px;top:-6px;cursor:nwse-resize}.resize-handle[data-corner=tr]{right:-6px;top:-6px;cursor:nesw-resize}.resize-handle[data-corner=bl]{left:-6px;bottom:-6px;cursor:nesw-resize}.resize-handle[data-corner=br]{right:-6px;bottom:-6px;cursor:nwse-resize}.hud-element.edit-mode .resize-handle:hover{background:#fff;border-color:var(--accent)}#gear-panel{display:none;position:absolute;top:38px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid #444;border-radius:6px;padding:4px 0;z-index:1000;font-size:.75em;min-width:220px;max-width:calc(100vw - 24px);box-shadow:0 4px 12px #00000080}#gear-panel.visible{display:block}.gear-section-header{display:flex;align-items:center;gap:6px;padding:4px 10px;cursor:pointer;color:var(--text-primary);font-weight:600;-webkit-user-select:none;user-select:none}.gear-section-header:hover{background:var(--bg-tertiary)}.gear-section-header.active{color:var(--accent)}.gear-chevron{width:12px;text-align:center;color:var(--text-secondary)}.gear-section-content{padding:4px 10px 8px;border-bottom:1px solid #333}.gear-section-content:last-child{border-bottom:none}.export-empty{color:var(--text-secondary);padding:4px 0}.about-description{color:var(--text-secondary);line-height:1.5;padding:6px 0;max-width:210px;word-wrap:break-word}.about-description a{color:var(--accent);text-decoration:none}.about-description a:hover{text-decoration:underline}.edit-row{display:flex;align-items:center;gap:8px;padding:3px 0}.edit-row label{display:flex;align-items:center;gap:6px;cursor:pointer;flex:1}.edit-row input[type=checkbox]{accent-color:var(--accent)}.edit-actions{margin-top:10px;padding-top:8px;border-top:1px solid #444}.edit-actions button{padding:4px 12px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid #444;border-radius:4px;cursor:pointer;width:100%;font-size:inherit}.edit-actions button:hover{background:#3a3a3a}.export-section-title{text-transform:uppercase;color:var(--text-secondary);padding:4px 14px 2px;letter-spacing:.5px}.export-item{padding:5px 14px;cursor:pointer;white-space:nowrap}.export-item:hover{background:var(--bg-tertiary)}.settings-section{margin-bottom:10px}.settings-section:last-child{margin-bottom:0}.settings-section-title{text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.5px}.settings-row{display:flex;align-items:center;gap:8px;padding:3px 0}.settings-row label{display:flex;align-items:center;gap:6px;cursor:pointer;flex:1}.settings-row input[type=checkbox]{accent-color:var(--accent)}.settings-row input[type=number]{width:70px;padding:2px 6px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid #444;border-radius:3px;font-family:Consolas,monospace;font-size:inherit}.settings-hint{color:#888;padding:2px 0 4px;line-height:1.3;max-width:210px;word-wrap:break-word}.settings-row select{padding:2px 6px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid #444;border-radius:3px;font-family:Consolas,monospace;font-size:inherit}.trackmap-sub-settings{padding-left:24px}.trackmap-sub-settings .settings-row{padding:2px 0}.trackmap-sub-settings label{font-size:.85em;color:#ffffffb3}.font-size-row{justify-content:space-between}.font-size-btn{width:26px;height:26px;padding:0;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid #444;border-radius:3px;line-height:1;font-size:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center}.font-size-btn:hover:not(:disabled){background:#444}.font-size-btn:disabled{opacity:.3;cursor:default}.font-size-display{font-family:Consolas,monospace;min-width:36px;text-align:center}#debug-panel{position:fixed;top:40px;right:8px;max-width:420px;max-height:50vh;overflow-y:auto;padding:8px 10px;background:#000000d9;border:1px solid #444;border-radius:6px;font-family:Consolas,monospace;font-size:.75em;color:#0f0;white-space:pre-wrap;word-break:break-all;z-index:9999;pointer-events:auto;display:none}#debug-panel.visible{display:block}#video-container.drag-over{outline:3px dashed var(--accent);outline-offset:-3px}#parse-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 32px;background:#000000d9;border:1px solid var(--accent);border-radius:8px;font-size:1em;color:var(--text-primary);z-index:100;display:none;pointer-events:none}#parse-progress.active{display:block}#export-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;flex-direction:column;gap:12px;padding:20px 28px;min-width:280px;background:#000000eb;border:1px solid var(--accent);border-radius:10px;color:var(--text-primary);z-index:100;pointer-events:auto}.ep-title{font-size:1em;font-weight:600;text-align:center;color:var(--text-primary)}.ep-steps{display:flex;flex-direction:column;gap:4px}.ep-step{font-size:.75em;color:var(--text-secondary);padding:2px 0}.ep-step.active{color:var(--accent);font-weight:600}.ep-step.done{color:#6c6}.ep-step-icon{display:inline-block;width:14px;text-align:center}.ep-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.ep-bar-fill{height:100%;width:0%;background:var(--accent);border-radius:3px;transition:width .3s ease}.ep-info{display:flex;justify-content:space-between;font-size:.75em;color:var(--text-secondary)}.ep-cancel{align-self:center;margin-top:2px;padding:4px 16px;background:transparent;border:1px solid var(--text-secondary);border-radius:4px;color:var(--text-secondary);font-size:.75em;cursor:pointer}.ep-cancel:hover{border-color:var(--text-primary);color:var(--text-primary)}#btn-compare{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid #444!important;font-size:.75em!important;padding:0 10px!important;height:26px;line-height:26px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}#btn-compare:hover{background:#3a3a3a!important}#btn-compare.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.compare-dropdown{display:none;position:absolute;top:38px;left:0;background:var(--bg-secondary);border:1px solid #444;border-radius:6px;padding:6px 0;z-index:1000;font-size:.75em;min-width:220px;box-shadow:0 4px 12px #00000080}.compare-dropdown.visible{display:block}.compare-dropdown-item{padding:6px 14px;cursor:pointer;white-space:nowrap;color:var(--text-primary)}.compare-dropdown-item:hover{background:var(--bg-tertiary)}.compare-dropdown-item.disabled{opacity:.35;cursor:default;pointer-events:none}.compare-select{padding:2px 6px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid #444;border-radius:4px;font-size:.75em;font-family:Consolas,monospace;cursor:pointer;max-width:260px}.compare-select.compare-a{border-color:#00e5ff;color:#00e5ff}.compare-select.compare-b{border-color:#ff4081;color:#ff4081}.compare-select:focus{outline:none}#video-container.compare-mode{flex-direction:row}#video-container.compare-mode #video{width:50%;object-fit:contain}#video-container.compare-mode #video-b{width:50%;height:100%;object-fit:contain;border-left:2px solid #444;display:block}.compare-video-label{position:absolute;top:8px;font-size:13px;font-family:Consolas,monospace;font-weight:700;padding:2px 10px;border-radius:3px;background:#0009;z-index:5;pointer-events:none}.compare-video-label.label-a{left:8px;color:#00e5ff}.compare-video-label.label-b{left:calc(50% + 8px);color:#ff4081}.compare-time{font-family:Consolas,monospace;font-size:.75em}.compare-time-a{color:#00e5ff}.compare-time-b{color:#ff4081}#btn-update{background:var(--bg-tertiary)!important;color:var(--green)!important;border:1px solid var(--green)!important;font-size:.75em!important;padding:0 10px!important;height:26px;line-height:26px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer}#btn-update svg{display:block}#btn-update:hover{background:#1a3a1a!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center}.modal-content{background:#222;border:1px solid #444;border-radius:8px;width:480px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.modal-content h3{margin:0;padding:16px 20px 12px;font-size:1em;color:var(--text-primary);border-bottom:1px solid #333;flex-shrink:0}#update-modal-changelog{flex:1;overflow-y:auto;padding:12px 20px;font-size:.75em;color:var(--text-secondary);line-height:1.5}#update-modal-changelog h4{margin:16px 0 6px;font-size:1em;color:var(--green)}#update-modal-changelog h4:first-child{margin-top:0}#update-modal-changelog ul{margin:4px 0;padding-left:20px}#update-modal-changelog li{margin:2px 0}#update-modal-changelog p{margin:4px 0}#update-modal-changelog a{color:var(--accent);text-decoration:none}#update-modal-actions{padding:12px 20px;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}#update-modal-actions button{padding:6px 18px;border-radius:4px;border:none;font-size:.75em;cursor:pointer}.update-btn-dismiss{background:transparent;color:var(--text-secondary);border:1px solid #444!important}.update-btn-dismiss:hover{color:var(--text-primary);border-color:#666!important}.update-btn-action{background:var(--green);color:#000;font-weight:600}.update-btn-action:hover{filter:brightness(.9)}.update-progress-bar{width:100%;height:4px;background:#333;border-radius:2px;overflow:hidden}.update-progress-fill{height:100%;background:var(--green);transition:width .3s ease}.update-progress-text{font-family:Consolas,monospace;font-size:.75em;color:var(--text-secondary);text-align:center;margin-top:6px}