:root{--orbis-bg:#090c0a;--orbis-surface:#111612;--orbis-panel:#171d18;--orbis-border:#293229;--orbis-ink:#f0f6f1;--orbis-muted:#91a094;--orbis-green:#39ff6a}
body{background:radial-gradient(circle at 50% -20%,#16351f 0,transparent 35%),var(--orbis-bg);color:var(--orbis-ink);min-height:100vh}.orbis-nav{background:rgba(9,12,10,.9);backdrop-filter:blur(16px)}.orbit-mark,.text-accent{color:var(--orbis-green)}.brand-bolt{display:inline-flex;width:.62em;height:.95em;margin-right:.12rem;vertical-align:-.1em;filter:drop-shadow(0 0 3px rgba(242,201,76,.3))}.brand-bolt svg{display:block;width:.62em;height:.95em;flex:none}.nav-link{font-size:.9rem;margin:.1rem}.nav-link.active{color:var(--orbis-green)!important;border-bottom:2px solid var(--orbis-green)}.panel,.card{background:var(--orbis-surface);border:1px solid var(--orbis-border);border-radius:1rem}.form-control,.form-select{background-color:#0d110e;border-color:var(--orbis-border);color:var(--orbis-ink)}.form-control:focus,.form-select:focus{background-color:#0d110e;color:#fff;border-color:var(--orbis-green);box-shadow:0 0 0 .2rem rgba(57,255,106,.12)}.btn-accent{background:var(--orbis-green);color:#061008;font-weight:700;border:0}.btn-accent:hover{background:#72ff94;color:#061008}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.7rem;color:var(--orbis-muted)}.media-card img,.media-card video{width:100%;aspect-ratio:1/1;object-fit:cover;background:#050705;border-radius:.75rem}.dropzone{border:1px dashed #405044;border-radius:1rem;padding:2rem;text-align:center}.scene,.timeline-clip,.canvas-node{background:var(--orbis-panel);border:1px solid var(--orbis-border);border-radius:.85rem}.timeline-track{display:flex;gap:.75rem;overflow-x:auto;min-height:180px;padding:1rem}.timeline-clip{min-width:240px;padding:.75rem}.canvas-board{position:relative;min-height:620px;background-color:#090c0a;background-image:radial-gradient(#344037 1px,transparent 1px);background-size:24px 24px;overflow:auto}.canvas-node{position:absolute;width:260px;padding:1rem;box-shadow:0 10px 35px #0008}.stat{font-size:2rem;font-weight:700}.spinner-border-sm{vertical-align:-.1em}

@media (max-width:575.98px){
 main.container-fluid{padding:1rem .75rem!important}
 .orbis-nav .container-fluid{padding-left:.75rem!important;padding-right:.75rem!important}
 h1,.h1{font-size:1.8rem}
 .btn:not(.btn-sm):not(.btn-close){min-height:44px}
 main>.d-flex.justify-content-between{flex-wrap:wrap;gap:.75rem}
 .form-control.w-auto,.form-select.w-auto{width:100%!important}
 .template-grid{columns:1!important}
 .modal-dialog{margin:.5rem}
 .panel.p-4{padding:1rem!important}
 #timeline-play{width:100%}
 #timeline-time{min-width:8rem}
 #workflow-board{width:1100px;height:1800px}
 .workflow-node{width:270px}
 .stat{font-size:1.65rem}
}

/* Preserve the entire render when the native video player enters fullscreen. */
video:fullscreen{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important;background:#000}
video:-webkit-full-screen{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important;background:#000}
.media-card video{object-fit:contain}