/* AZ Videre: charcoal glass surfaces, cyan accents, solid dark buttons. */
:root{color-scheme:dark;--ink:#e7edf1;--muted:#a2afb8;--line:#ffffff14;--purple:#43d9ff;--purple-light:#43d9ff12;--green:#69e2c3;--bg:#191d21;--neon:#43d9ff;--surface:#262c31;--surface-raised:#30373d;--glass-shadow:0 10px 32px #00000035,inset 0 1px #ffffff0c;--radius:10px}
body{background:#191d21;color:var(--ink)}
::selection{background:#43d9ff33;color:#fff}
*{scrollbar-color:#58656e #20262b}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#20262b}::-webkit-scrollbar-thumb{background:#58656e;border:2px solid #20262b;border-radius:9px}
button{background-image:none!important}
button:hover{background-color:#ffffff09}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,canvas:focus-visible{outline-color:var(--neon)}
button:disabled{opacity:.42}
h2,h3,h4{color:#edf2f5}
label,.properties label{color:#b3c0c8}
input,textarea,select{background:#22282d;color:#e7edf1;border-color:#ffffff1d;box-shadow:inset 0 1px 3px #00000020}
input::placeholder,textarea::placeholder{color:#8d9ba5;opacity:1}
input:focus,textarea:focus,select:focus{border-color:#43d9ff80}
select option{background:#272e34;color:#e7edf1}
input[type=color]{background:#252d33;border-color:#ffffff26}
input[type=range]{accent-color:var(--neon);background:transparent;box-shadow:none;border:0}
input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:10px;background:#4d5963;box-shadow:inset 0 1px 2px #00000025}
input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:#65e1ff;box-shadow:0 0 8px #43d9ff36;margin-top:-5px;border:1px solid #adf0ff}
input[type=range]{appearance:none}
input[type=range]::-moz-range-track{height:5px;border-radius:10px;background:#4d5963}
input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#65e1ff;border:1px solid #adf0ff}
input[type=checkbox]{accent-color:var(--neon)}

.header{background:#252b30;border-bottom:1px solid #ffffff10;box-shadow:0 3px 18px #00000025}
.header .logo,.header .logo-dot{color:#e8f7fc}
.header .logo-mark{background:#28373f;color:var(--neon);box-shadow:inset 0 0 0 1px #43d9ff45,0 0 14px #43d9ff10}
.header .project-heading input{color:#d9e5eb;background:transparent;box-shadow:none}
.header .save-status{color:#a3b6c1}.save-status:before{color:#67dfc3}
.header-divider,.line,.toolbar-divider{background:#ffffff16}
.header .avatar{background:#2b333a;color:var(--neon);border-color:#43d9ff36;box-shadow:inset 0 1px #ffffff10}

.primary,.header .primary,.upload-button,#emptyUpload,#startExport{background:#2c3339;color:var(--neon);border:1px solid #43d9ff66;box-shadow:inset 0 1px #ffffff12,0 0 13px #43d9ff0c;border-radius:9px}
.primary:hover,.header .primary:hover,.upload-button:hover,#emptyUpload:hover,#startExport:hover{background:#333e46;color:#80e7ff;border-color:#43d9ffa6;box-shadow:inset 0 1px #ffffff13,0 0 15px #43d9ff1c}
.secondary,.modal-actions .secondary,.full-button,.small-button,.projects-footer button,.format-option{background:#292f35;color:#d6e6ee;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff09}
.secondary:hover,.full-button:hover,.small-button:hover,.format-option:hover{background:#303b43;color:var(--neon);border-color:#43d9ff5c}
.icon-button,.format-button,.quiet{color:#aac0ce}
.icon-button:hover,.format-button:hover{color:var(--neon);background:#43d9ff0e}
.danger,.full-button.danger{color:#ff9ea7}

.rail,.header-tools .context-toolbar,.library-panel,.inspector-dialog,.quick-panel,dialog,.video-context-menu,.import-status{background:rgba(38,44,50,.95);color:var(--ink);border:1px solid #ffffff17;box-shadow:var(--glass-shadow);backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%)}
.rail{border-width:0 1px 0 0;box-shadow:inset -1px 0 #43d9ff0b}
.nav-item{color:#9fb0bb;border:1px solid transparent}
.nav-item:hover{background:#ffffff06;color:#d0eff9}
.nav-item.active{color:var(--neon);background:#2b363d;border-color:#43d9ff3b;box-shadow:inset 0 1px #ffffff08,0 0 12px #43d9ff08}
.rail-bottom{color:#788e9b}.mini-logo{background:#2c363e;color:var(--neon)}
.header-tools .context-toolbar{border-left-color:#43d9ff52;border-right-color:#a786ef44;box-shadow:inset 0 1px #ffffff0a,0 4px 18px #00000030}
.context-toolbar button{color:#bed3df}
.context-toolbar button:hover,.context-toolbar button.active{background:#303b43;color:var(--neon);box-shadow:inset 0 0 0 1px #43d9ff32}
.workspace{background:radial-gradient(ellipse at 45% 0%,#2b3137 0%,#20262c 42%,#191e23 100%)}
.crumb{color:#899da9}.crumb span{color:#607684}.crumb strong{color:#b6cad6}
.canvas-wrap{background:#11161b;outline-color:#43d9ff63;outline-width:1px;box-shadow:0 8px 35px #00000050,0 0 20px #43d9ff08}
.preview-label,.preview-hint{color:#9fb2bf}
.playback-left,#timeDisplay{color:#a9bdc9}
.play-button{background:#29333b;color:var(--neon);border-color:#43d9ff70;box-shadow:inset 0 1px #ffffff10,0 0 17px #43d9ff16}
.play-button svg{color:var(--neon)}.play-button:hover{background:#35424b;box-shadow:0 0 21px #43d9ff22}
.quality-badge{color:#8fb0c3;background:#252e36}
#emptyPreview{background:#222a30;color:#b2c5d1}#emptyPreview h3{color:#e0edf4}#emptyPreview svg{color:var(--neon)}

.library,.properties{background:transparent;color:var(--ink)}
.library-sheet-header,.inspector-header{border-color:var(--line)}
.library-sheet-header h2,.inspector-header h2{color:#e7f3f9}
.library-sheet-header .icon-button,.inspector-header .icon-button,.quick-heading .icon-button{background:#2d353c;color:var(--neon);border:1px solid #ffffff14}
.panel-intro,.library-section-title,.media-meta,.media-name,.detail-note,.template-explainer,.inspector-header p{color:#a6b8c4}
.library-section-title span,.media-meta{color:#91a5b3}
.media-name{color:#d6e3eb}.media-image{background:#303940;border:1px solid #ffffff14}
.media-add{background:#29333c;color:var(--neon);border:1px solid #43d9ff4d;box-shadow:0 2px 7px #00000050}
.media-layer{color:var(--neon)}
.search input{background:#242d34;border-color:#43d9ff38;color:#deedf5;box-shadow:inset 0 1px #ffffff0a}.search svg{color:#8cafc3}
.segmented button,.inspector-tabs button{color:#9db3c1;background:transparent;border:1px solid transparent}
.segmented button.active,.inspector-tabs button.active,.radio-buttons button.active{background:#2e3b44;color:var(--neon);border-color:#43d9ff5c;box-shadow:0 0 12px #43d9ff0c}
.tip-card,.sticky-info,.export-note,.panel-empty,.caption-item,.brand-card,.text-preset,.audio-item,.project-card,.template-card,.scene-comments article{background:#252e35;border-color:#ffffff1c;color:#b1c3cf;box-shadow:inset 0 1px #ffffff09}
.tip-card .tip-label,.tip-card .tip-label svg{color:var(--neon)}.tip-card p{color:#adc0ce}
.text-preset.cta{background:#2a363e;color:var(--neon)}
.caption-item.active{border-color:#43d9ff66;background:#293944}
.caption-item small,.project-card small,.format-option small,.audio-info small{color:#9eb2bf}
.audio-disc,.project-card .project-icon{background:#2c3a44;color:var(--neon)}.audio-item button{background:#303e47;color:var(--neon)}
.format-symbol{border-color:#54bdd9}
.sheet-grip{background:#577181}
.properties .prop-section{border-color:#ffffff13}
.properties input:not([type=range]):not([type=color]),.properties select,.properties textarea{background:#222a31;border-color:#ffffff22;color:#e4eff6}
.properties .detail-note,.numeric-control>span,.toggle-row,.properties .numeric-control>span{color:#a4bac9}
.radio-buttons button{background:#29333c;color:#bcd0dd;border-color:#ffffff19}
.toggle{background:#3b4650;box-shadow:inset 0 1px 3px #00000040;border:1px solid #ffffff1b}.toggle:before{background:#a1b7c6;box-shadow:0 1px 3px #00000045}
.toggle.on{background:#254958;border-color:#43d9ff66}.toggle.on:before{background:#69e4ff;box-shadow:0 0 8px #43d9ff55}
.inspector-footer{border-top-color:#ffffff16;background:#252d34}
dialog::backdrop,.inspector-dialog::backdrop,.quick-panel::backdrop{background:#060a10a3;backdrop-filter:blur(5px)}
.modal-inner>p,.inline-check,.property-empty{color:#acbfce}
.quick-add-options small{color:#a0b5c4}.quick-add-options svg{color:var(--neon)}
.quick-add-options button:hover{color:var(--neon);background:#303c46}
.quick-zoom-tabs{background:#202a32}.quick-zoom-tabs button.active,.quick-zoom-presets button.active{background:#30424d;color:var(--neon)}
.quick-zoom-presets button{background:#2b353e;color:#b6cddd}
.video-context-menu>button,.video-context-menu>button>svg{color:#c3d6e3}
.video-context-menu>button:hover,.video-context-menu>button:focus-visible{background:#303f49;color:var(--neon);box-shadow:inset 0 0 0 1px #43d9ff26}
.video-context-menu kbd,kbd{background:#1e2932;color:#a7bfce;border-color:#ffffff1b}
.context-divider{background:#ffffff14}.guide-options{background:#202a32;color:#b9d3e2}
.scene-comments small,.scene-comments p{color:#b0c7d6}
.progress{background:#3e4a54}.progress div{background:var(--neon);box-shadow:0 0 12px #43d9ff55}
.import-status>p,.import-results span{color:#a9c0d0}.import-ok strong,.good{color:#70e2c6}.import-error strong,.bad{color:#ff9fa8}
#toast{background:#27343edb;color:#e0f0fa;border:1px solid #43d9ff4f;border-right-color:#a786ef5e;box-shadow:0 12px 32px #00000045,inset 0 1px #ffffff0a;backdrop-filter:blur(20px)}

.timeline-section{background:#20282f;border-color:#ffffff17}
.timeline-toolbar{background:#262f37;color:#bdd0dd;border-bottom:1px solid #ffffff0b}
.timeline-title{color:#d4e7f3}.timeline-title span{color:#8ea7b8}
.timeline-scroll{background:#1b242c}.track-body{background:#2a353e;border:1px solid #ffffff05}
.track-label{color:#9db7c8}.tick{color:#8da8bb}.ruler{border-color:#ffffff13}
.clip-block{background:#30434d;color:#cbe3f2}
.clip-block .block-name{color:#bbdce9}
.clip-block.audio{background:#343b50}.clip-block.audio .block-name{color:#c2c9ef}.waveform i{background:#8795cc}
.clip-block.text{background:#3b3e36}.clip-block.text .block-name{color:#d8dbc0}
.clip-block.media-element{background:#2b414d;border-color:#456679;color:#c5dfef}
.clip-block.selected{border-color:var(--neon);box-shadow:0 0 0 1px #43d9ff2a,0 0 13px #43d9ff15}
.clip-block.audio,.clip-block.text{touch-action:none}
.empty-track{background:#26343e;color:#8faabd;border-color:#ffffff16}.empty-track:hover{background:#2e424f;color:#b0e8f8}
.timeline-add{background:#2a343d;color:var(--neon);border-color:#43d9ff42;box-shadow:inset 0 1px #ffffff09}.timeline-add:hover{background:#32434e}
.timeline-add-hint{color:#8ca8bc}
.timeline-resizer{background:#26303a;border-color:#ffffff12;color:#86a1b5}
.timeline-resizer:hover,.timeline-resizer:focus-visible{background:#2b3b48;color:var(--neon)}
.resize-grip{background:#627e93}.timeline-resizer:hover .resize-grip,.resizing-timeline .resize-grip{background:var(--neon)}
.timeline-foot{background:#242e37;border-color:#ffffff0c;color:#839fb2}
.zoom-footer{background:#252f38;border-color:#ffffff14;color:#acc4d5}
.zoom-fit{color:#9cbbcf}.zoom-footer>input[type=range]{accent-color:var(--neon)}
.zoom-percent,.zoom-percent input{color:#c9e3f2;box-shadow:none;background:transparent}
.zoom-mode{background:#2d3a44;color:#bfdcec;box-shadow:inset 0 1px #ffffff09;border:1px solid #ffffff11}
.zoom-mode select{color:#bfdcec;box-shadow:none;background:transparent}
.clip-block.drop-before{box-shadow:-4px 0 var(--neon)}.clip-block.drop-after{box-shadow:4px 0 var(--neon)}
.clip-reorder-ghost{background:#2b4251;border-color:var(--neon);color:#d6f1ff;box-shadow:0 5px 22px #00000055}
.track-body.visual-drop-target{background:#2d4555;outline-color:var(--neon)}
.visual-drop-hint{background:#263f4d;color:#74e4ff;border:1px solid #43d9ff55}
.view-guides i{background:#43d9ffb0}
@media(max-width:800px){.rail{background:#242d35f5;border-top:1px solid #ffffff18;box-shadow:0 -5px 20px #00000030}.library-panel,.inspector-dialog,.quick-panel{border-top-color:#43d9ff45;box-shadow:0 -14px 50px #00000060,inset 0 1px #ffffff08}.header-tools .context-toolbar{box-shadow:inset 0 1px #ffffff0a,0 3px 14px #00000032}}
@media(prefers-reduced-motion:reduce){button,input,textarea,select{transition:none}}