.studio-stage{border-radius:var(--radius-lg,.75rem);background:oklch(17% .008 265);position:relative}.studio-stage:after{pointer-events:none;content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.07)}.studio-stage[data-transparent=true]{--studio-check:oklch(100% 0 0/.05);background-color:oklch(17% .008 265);background-image:linear-gradient(45deg, var(--studio-check) 25%, transparent 25%), linear-gradient(-45deg, var(--studio-check) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--studio-check) 75%), linear-gradient(-45deg, transparent 75%, var(--studio-check) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.studio-art{animation:.32s cubic-bezier(.22,1,.36,1) both studio-art-in}@keyframes studio-art-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.studio-tile{border-radius:var(--radius-md,.5rem);background:oklch(17% .008 265);transition:box-shadow .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.studio-tile:after{pointer-events:none;content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08)}.studio-tile:hover{transform:translateY(-1px);box-shadow:0 4px 12px oklch(0% 0 0/.12)}.studio-tile:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.studio-pending{background:var(--muted);border-radius:var(--radius-md,.5rem);position:relative;overflow:hidden}.studio-pending:before{content:"";background:linear-gradient(90deg,#0000 0%,oklch(50% 0 0/.08) 50%,#0000 100%);animation:1.6s ease-in-out infinite studio-sweep;position:absolute;inset:0}@keyframes studio-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.studio-ratio-glyph{opacity:.9;border:1.5px solid;border-radius:2px}.studio-segment{transition:color .15s ease-out,background-color .15s ease-out}.studio-segment[data-selected=true]{background:var(--background);box-shadow:0 1px 2px oklch(0% 0 0/.08), 0 0 0 1px var(--border)}.dark .studio-segment[data-selected=true]{background:oklch(100% 0 0/.1);box-shadow:0 0 0 1px oklch(100% 0 0/.12)}@media (prefers-reduced-motion:reduce){.studio-art,.studio-pending:before{animation:none}.studio-tile:hover{transform:none}}.vl-page{--vl-accent:oklch(65% .18 30);--vl-accent-soft:oklch(65% .18 30/.08);--vl-accent-muted:oklch(65% .18 30/.15)}.dark .vl-page{--vl-accent:oklch(72% .16 35);--vl-accent-soft:oklch(72% .16 35/.1);--vl-accent-muted:oklch(72% .16 35/.2)}.vl-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg,.75rem);transition:box-shadow .2s;box-shadow:0 1px 3px oklch(0% 0 0/.03)}.vl-inset{background:var(--muted);border-radius:var(--radius-md,.5rem)}.dark .vl-inset{background:oklch(100% 0 0/.04)}.vl-accent-ring{box-shadow:0 0 0 1px var(--vl-accent), 0 0 0 3px var(--vl-accent-soft)}.vl-cta{color:var(--primary-foreground);background:var(--primary);font-weight:500;transition:opacity .15s}.vl-cta:hover{opacity:.88}.vl-status-pill{letter-spacing:.04em;font-weight:500}.vl-job-row{border-radius:var(--radius-md,.5rem);transition:background-color .15s}.vl-job-row:hover{background:var(--accent)}.vl-job-row[data-active=true]{background:var(--vl-accent-soft);box-shadow:inset 0 0 0 1px var(--vl-accent)}.vl-reveal{animation:.45s cubic-bezier(.16,1,.3,1) both vl-rise}.vl-reveal-delay-1{animation-delay:60ms}.vl-reveal-delay-2{animation-delay:.12s}.vl-reveal-delay-3{animation-delay:.18s}.vl-reveal-delay-4{animation-delay:.24s}@keyframes vl-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vl-download-btn{transition:background-color .15s,border-color .15s}.vl-download-btn:not(:disabled):hover{background:var(--vl-accent-soft);border-color:var(--vl-accent-muted)}.vl-job-list{scrollbar-color:var(--border) transparent;scrollbar-width:thin;max-height:70vh;overflow-y:auto}.vl-video-container{border-radius:var(--radius-lg,.75rem);background:oklch(10% 0 0);position:relative;overflow:hidden}.vl-video-container:after{pointer-events:none;content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.06)}
