:root{--bg-dark:#1a202c;--bg-med:#2d3748;--bg-light:#4a5568;--border-color:#4a5568;--text-light:#e2e8f0;--text-med:#a0aec0;--accent-blue:#4299e1;--accent-green:#48bb78;--border-color-disengaged:#173349C8;--border-color-override:#919B95F1;--border-color-engaged:#178644F1;--alert-red:rgba(200, 0, 0, 0.95);--alert-orange:rgba(254, 140, 52, 0.95);--alert-black:rgba(0, 0, 0, 0.65)}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}#app-container,.page{width:100%;height:100%;flex-direction:column}#app-container{display:flex}nav{background-color:var(--bg-med);flex-shrink:0;position:absolute;top:0;width:100%;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1);will-change:opacity}nav.visible{opacity:1;pointer-events:auto}nav button{flex-grow:1;padding:12px 0;font-size:1rem;font-weight:500;background-color:transparent;border:0;border-bottom:3px solid transparent;color:var(--text-med);cursor:pointer;transition:color .2s,border-color .2s}#files-breadcrumbs a:hover,body,html,nav button:hover{color:var(--text-light)}nav button.active{color:#fff;border-bottom-color:var(--accent-blue)}.page{display:none;overflow:hidden;background-color:var(--bg-dark);position:relative;contain:layout style paint}.page.active,nav{display:flex}#driving-page-content{position:relative;width:100%;flex-grow:1;min-height:0;box-sizing:border-box}#uiCanvas,#videoPlayer{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;transform:translateZ(0);backface-visibility:hidden}#videoPlayer{object-fit:cover;background-color:#000}#videoPlayer.hud-mode{transform:scaleY(-1)}#uiCanvas{z-index:1}.settings-page-wrapper{width:100%;height:100%;overflow-y:auto;padding:1.5rem;box-sizing:border-box;padding-bottom:80px;padding-top:60px}.settings-page h1{margin-top:0;color:#fff;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.settings-category{margin-top:2rem}.settings-category h2{color:var(--accent-blue);font-size:1.2rem;margin-bottom:1rem;border-bottom:1px solid var(--bg-light);padding-bottom:.5rem}.setting-item{background-color:var(--bg-med);padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}#driving-page-content{background-color:#000}.setting-label p{margin:0;font-weight:500}.setting-label span{font-size:.85rem;color:var(--text-med)}.setting-control{display:flex;align-items:center;gap:10px}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-light);transition:background-color .4s cubic-bezier(.4,0,.2,1);border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent-green)}input:checked+.toggle-slider:before{transform:translateX(22px)}.btn-group button,.stepper button{background:var(--bg-light);cursor:pointer}.stepper button{border:0;color:var(--text-light);width:30px;height:30px;border-radius:50%;font-size:1.2rem;line-height:30px;text-align:center}.stepper-value{font-weight:500;min-width:40px;text-align:center}.btn-group button{border:1px solid var(--border-color);color:var(--text-med);padding:8px 16px;transition:background-color .2s}.btn-group button:first-child{border-radius:8px 0 0 8px}.btn-group button:last-child{border-radius:0 8px 8px 0}.btn-group button.active{background:var(--accent-blue);color:#fff}.text-input{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-light);border-radius:8px;padding:8px 12px;font-size:1rem;width:150px}#save-bar{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#1a202c,rgba(26,32,44,.8));padding:1rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem}#save-status{color:var(--text-med);transition:opacity .5s}#save-settings-btn{background-color:var(--accent-blue);color:#fff;border:0;padding:10px 25px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}#save-settings-btn:hover{background-color:#2b6cb0}#save-settings-btn:disabled{background-color:var(--bg-light);cursor:not-allowed}#files-page{padding:1rem;box-sizing:border-box;overflow-y:auto;padding-top:60px}#files-breadcrumbs{margin-bottom:1rem;font-size:1.1em;word-wrap:break-word}#files-breadcrumbs a,#files-table td a{color:var(--text-med);text-decoration:none}#files-table{width:100%;border-collapse:collapse}#files-table td,#files-table th{padding:10px 8px;text-align:left;border-bottom:1px solid var(--bg-med);white-space:nowrap}#files-table th{font-weight:600}#files-table tr:hover{background-color:var(--bg-med)}#files-table td a{color:var(--text-light);font-weight:500}.file-icon{display:inline-block;width:2em;text-align:center}.file-size{text-align:right;color:var(--text-med)}.play-button{font-weight:700;color:#28a745;font-size:1.5em;cursor:pointer;text-decoration:none}