#video-studio-entry{position:absolute;right:28px;top:345px;z-index:6;min-height:44px;padding:12px 15px;border:1px solid #bc934d;background:#1b1913ed;color:#ffce7b;font-size:13px}.factory-mode #video-studio-entry,.inside #video-studio-entry{display:none}body.inside[data-room=badger] #video-studio-entry{display:block;top:auto;bottom:26px}.video-zone-label{color:#ffd589;border-color:#b98b40;z-index:2}.video-zone-label:before{border-radius:50%;transform:none;box-shadow:0 0 8px #efa835}
#video-studio{padding:0;border:0;background:transparent;color:#e8e5dc;width:min(1190px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 40px);overflow:visible;outline:none}#video-studio::backdrop{background:#080807a8;backdrop-filter:blur(7px)}#video-studio *{box-sizing:border-box}#video-studio button{font:inherit}#video-studio [hidden]{display:none!important}.monitor-shell{padding:12px 12px 0;background:linear-gradient(145deg,#42433e,#1d1e1b 25%,#0c0d0c 90%);border:1px solid #595b51;border-radius:18px;box-shadow:0 38px 100px #000b,inset 0 1px 0 #ffffff25;position:relative}.monitor-shell:before,.monitor-shell:after{content:'+';position:absolute;top:3px;color:#919080;font:12px monospace}.monitor-shell:before{left:5px}.monitor-shell:after{right:5px}.monitor-screen{height:min(690px,calc(100dvh - 122px));min-height:400px;display:flex;flex-direction:column;background:#10110f;border:1px solid #090a08;border-radius:9px;overflow:hidden}.monitor-topbar{display:flex;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid #36372d;background:#1b1d18;flex:none}.studio-wordmark{font-size:17px;font-style:italic;font-weight:900;letter-spacing:.07em;color:#f4bd50}.monitor-topbar small{font:10px monospace;color:#848a77;letter-spacing:.15em}.monitor-topbar .studio-online{margin-left:auto;font:10px monospace;color:#aaa88e}.studio-online:before{content:'';display:inline-block;width:5px;height:5px;background:#eeb544;border-radius:50%;margin-right:7px;box-shadow:0 0 8px #eeb54466}#video-close{width:36px;height:32px;border:1px solid #565746;background:#25271f;color:#dddac8;font-size:23px!important;border-radius:4px}.studio-layout{display:grid;grid-template-columns:175px minmax(0,1fr);flex:1;min-height:0}.studio-sidebar{padding:24px 15px;border-right:1px solid #303228;background:#151711;display:flex;flex-direction:column;gap:7px}.studio-sidebar .sidebar-label{font:10px monospace;color:#858876;letter-spacing:.16em;padding:0 12px 15px}.studio-filter{display:flex;justify-content:space-between;align-items:center;border:1px solid transparent;border-radius:5px;color:#b5b7a4;background:transparent;padding:12px 11px;text-align:left;font-size:12px!important}.studio-filter[aria-pressed=true]{border-color:#5b5032;background:#342e1d;color:#f3c772}.studio-filter span{font:10px monospace;opacity:.7}.studio-sidebar-foot{margin-top:auto;color:#787e68;font:10px/1.8 monospace;padding:16px 11px 0;border-top:1px solid #303228}.studio-workspace{padding:25px 28px;overflow:auto;min-width:0;scrollbar-color:#5e5b42 #181a14;scrollbar-width:thin}.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.studio-heading .eyebrow{font:10px monospace;letter-spacing:.18em;color:#ba9654}.studio-heading h2{font-size:26px;letter-spacing:.06em;margin:7px 0 0;font-weight:500}.studio-search{width:180px;border:1px solid #3e4133;background:#1a1c16;color:#e9e7dc;border-radius:5px;padding:10px 12px;font:12px inherit}.studio-search:focus{outline:1px solid #d7a746}.video-viewer{position:relative;aspect-ratio:16/8;max-height:340px;background:#060806;border:1px solid #353a2c;border-radius:6px;overflow:hidden}.video-viewer video{display:block;width:100%;height:100%;background:#050605;object-fit:contain}.video-empty{height:100%;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#49402a30,transparent 65%),linear-gradient(#787a4920 1px,transparent 1px),linear-gradient(90deg,#787a4920 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;position:relative}.video-empty:before{content:'';position:absolute;width:220px;height:130px;border:1px solid #b791422c;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 0 24px #ba91420a,0 0 0 48px #ba914207}.video-empty .empty-play{width:58px;height:58px;border-radius:12px;border:1px solid #827042;background:#282416d9;display:grid;place-items:center;margin-bottom:16px;color:#e2b963;box-shadow:0 8px 36px #0008;font-size:23px;z-index:1}.video-empty b{font-size:16px;font-weight:500;z-index:1}.video-empty p{color:#909780;font-size:12px;z-index:1;margin:8px 18px 0;text-align:center}.video-empty .frame-corner{position:absolute;top:15px;left:17px;color:#8d947b;font:9px monospace;letter-spacing:.17em}.video-info{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:15px 0 22px}.video-info h3{font-weight:500;font-size:15px;margin:0 0 6px}.video-info p{font-size:12px;line-height:1.6;color:#919781;margin:0;max-width:560px}.video-resolution{font:9px monospace;white-space:nowrap;border:1px solid #444730;padding:5px;color:#b5b99e;border-radius:3px}.library-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #34372b;padding:18px 0 13px}.library-top h3{font-size:13px;margin:0;font-weight:500}.library-top span{font:10px monospace;color:#939a80}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.video-card{padding:0;text-align:left;border:1px solid #383b2e;background:#1a1d15;border-radius:5px;overflow:hidden;min-width:0}.video-card[aria-pressed=true]{border-color:#d3a346}.video-thumb{aspect-ratio:16/9;display:grid;place-items:center;position:relative;background:linear-gradient(130deg,#393825,#1b2117);color:#c4b77c;font:11px monospace;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb .thumb-play{position:absolute;inset:0;display:grid;place-items:center;font-size:20px;background:#0002}.video-card-copy{display:block;padding:10px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card-copy small{display:block;color:#8f977c;margin-top:6px;font-size:10px}.library-empty{grid-column:1/-1;display:flex;gap:18px;padding:19px;border:1px dashed #454938;border-radius:5px;color:#9ca489;background:#171b1366;align-items:center}.library-empty .empty-folder{font-size:27px;color:#b3a46e}.library-empty b{font-size:13px;color:#cacdbb;font-weight:400}.library-empty p{font-size:11px;line-height:1.8;margin:5px 0 0;color:#899279}.studio-statusbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;border-top:1px solid #35372b;background:#191c14;font-size:10px;color:#939b80;flex:none}.studio-import{border:1px solid #565e42;background:#262c1e;color:#d3d9bd;border-radius:3px;padding:6px 9px;font-size:11px!important}.monitor-chin{height:34px;display:flex;justify-content:center;align-items:center;position:relative;letter-spacing:.24em;color:#9b9c86;font:10px monospace}.monitor-chin .power-led{position:absolute;right:17px;width:5px;height:5px;background:#d3a341;border-radius:50%;box-shadow:0 0 9px #e6ab42}.monitor-neck{height:25px;width:90px;background:linear-gradient(90deg,#161713,#414238,#181a15);margin:auto;border-left:1px solid #575b48;border-right:1px solid #575b48}.monitor-foot{height:8px;width:220px;border-radius:60% 60% 2px 2px;background:linear-gradient(#666a56,#25281f);margin:auto;box-shadow:0 12px 24px #000a}
@media(max-width:700px){#video-studio-entry{top:135px;right:16px;font-size:11px;padding:8px 10px;min-height:36px}body.inside[data-room=badger] #video-studio-entry{bottom:24px}#video-studio{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.monitor-shell{padding:7px 7px 0;border-radius:11px}.monitor-screen{height:calc(100dvh - 78px);min-height:320px;border-radius:5px}.monitor-topbar{padding:10px;gap:9px}.monitor-topbar small{font-size:8px;letter-spacing:.02em}.studio-wordmark{font-size:13px}.studio-online{display:none}.monitor-topbar #video-close{margin-left:auto}.studio-layout{display:flex;flex-direction:column}.studio-sidebar{flex-direction:row;gap:3px;padding:8px;border-right:0;border-bottom:1px solid #303228}.studio-sidebar .sidebar-label,.studio-sidebar-foot{display:none}.studio-filter{flex:1;padding:8px 7px;font-size:11px!important;gap:5px}.studio-workspace{padding:16px 13px}.studio-heading{align-items:flex-start;gap:9px;margin-bottom:14px}.studio-heading h2{font-size:20px}.studio-search{width:112px;padding:8px;font-size:11px;margin-top:8px}.video-viewer{aspect-ratio:16/10;max-height:none}.video-info{padding:12px 0 15px}.video-resolution{display:none}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-statusbar{padding:8px;font-size:9px}.monitor-chin{height:26px;font-size:8px}.monitor-neck{height:13px;width:65px}.monitor-foot{width:170px;height:5px}.library-empty{padding:13px;gap:11px}.video-empty p{font-size:11px}.video-empty b{font-size:14px}}

/* Video library lives only on the computers inside BADGER. */
#video-studio-entry{display:none}#video-studio-entry[hidden],.video-computer-hotspot[hidden]{display:none!important}.video-computer-hotspot{position:absolute;z-index:4;transform:translate(-50%,-100%);background:#1a1a12ed;color:#ffcf79;border:1px solid #b78b43;border-radius:3px;padding:9px 12px;font-size:12px;min-height:38px;box-shadow:0 0 20px #e8ac2522;white-space:nowrap}.video-computer-hotspot:after{content:"";position:absolute;left:50%;top:100%;height:15px;border-left:1px solid #bd934f}.video-studio-open #video-studio-entry,.video-studio-open .video-computer-hotspot{visibility:hidden}
.video-viewer{width:100%;height:clamp(180px,29vh,265px);aspect-ratio:auto}.studio-sidebar-foot{font-size:9px}
@media(max-width:700px){.video-viewer{height:auto;aspect-ratio:16/10;max-height:none}.studio-statusbar #video-return{min-height:36px}#video-close{min-height:36px}}

/* Compact computer entrances: text appears only when approached or keyboard-focused. */
#video-studio-entry,.video-computer-hotspot{width:36px;height:36px;min-height:36px;padding:8px;border-radius:7px;cursor:pointer;overflow:visible;transition:background .18s,border-color .18s,box-shadow .18s}
#video-studio-entry svg,.video-computer-hotspot svg{display:block;width:18px;height:18px}
.video-entrance-label{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);padding:6px 9px;border:1px solid #806233;border-radius:4px;background:#191810f5;color:#f3cc82;font:11px/1.4 sans-serif;letter-spacing:.03em;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s,transform .16s,visibility .16s}
#video-studio-entry .video-entrance-label{left:auto;right:0;transform:translateY(4px)}
#video-studio-entry:before,.video-computer-hotspot:before{content:"";position:absolute;inset:-8px;border-radius:12px}
#video-studio-entry:hover,.video-computer-hotspot:hover,#video-studio-entry:focus-visible,.video-computer-hotspot:focus-visible{background:#30291a;border-color:#e4b25e;box-shadow:0 0 15px #e8ac2528;outline:1px solid #e4b25e;outline-offset:3px}
#video-studio-entry:is(:hover,:focus-visible) .video-entrance-label,.video-computer-hotspot:is(:hover,:focus-visible) .video-entrance-label{opacity:1;visibility:visible;transform:translate(-50%,0)}
#video-studio-entry:is(:hover,:focus-visible) .video-entrance-label{transform:translateY(0)}
@media(pointer:coarse){#video-studio-entry,.video-computer-hotspot{width:44px;height:44px;padding:12px}}
@media(prefers-reduced-motion:reduce){.video-entrance-label{transition:none}}

/* Expand the desktop from the clicked monitor, then softly light the screen. */
#video-studio.studio-opening{transform-origin:var(--launch-x,50%) var(--launch-y,50%);animation:studio-unfold .56s cubic-bezier(.18,.8,.22,1) both}
#video-studio.studio-opening::backdrop{animation:studio-backdrop .45s ease-out both}
.studio-opening .monitor-screen{position:relative}
.studio-opening .monitor-screen:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,transparent 35%,#e8b34d16 49%,#e8b34d45 50%,transparent 53%);animation:studio-scan .75s .12s ease-out both}
.studio-opening .studio-layout{animation:studio-content .4s .2s ease-out both}
@keyframes studio-unfold{from{opacity:0;transform:scale(.12) translateY(18px)}65%{opacity:1}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes studio-backdrop{from{background:#08080700;backdrop-filter:blur(0)}to{background:#080807a8;backdrop-filter:blur(7px)}}
@keyframes studio-content{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes studio-scan{from{opacity:0;transform:translateY(-90%)}20%{opacity:.8}to{opacity:0;transform:translateY(90%)}}
@media(prefers-reduced-motion:reduce){#video-studio.studio-opening,#video-studio.studio-opening::backdrop,.studio-opening .studio-layout{animation:none}.studio-opening .monitor-screen:after{display:none}}

.studio-sidebar{overflow-y:auto}.studio-filter{flex-shrink:0}.studio-sidebar-foot{padding-top:20px}.video-thumb img{object-fit:contain;background:#111719}#studio-player{background:#060908}

/* Three-level creative disk: projects → files → screening. */
.studio-path{display:flex;gap:10px;align-items:center;padding:10px;background:#191b17;border:1px solid #393a30;border-radius:6px;margin-bottom:20px;min-width:0}.studio-path button{border:0;background:transparent;color:#d1bd91;cursor:pointer;min-height:30px}.studio-path button:disabled{cursor:default;color:#97998d}.studio-path #studio-back{background:#2f2d23;border:1px solid #4d4532;width:34px;flex:none;border-radius:4px}.studio-path #studio-back:disabled{opacity:.35}.studio-crumbs{display:flex;align-items:center;overflow-x:auto;gap:6px;font-size:11px;white-space:nowrap}.studio-crumbs button+button:before{content:'/';color:#5e6354;margin-right:12px}.studio-crumbs button[aria-current]{color:#f0e4c6}.studio-drive{display:flex;align-items:center;gap:15px;border:1px solid #524a34;border-radius:8px;padding:18px;margin-bottom:22px;background:radial-gradient(ellipse at 90% 0,#d0a04415,transparent 70%),#1a1c17}.drive-symbol{font-size:30px;color:#eac16e}.studio-drive b{display:block;font-size:14px;font-weight:500}.studio-drive small{display:block;font:9px monospace;letter-spacing:.1em;color:#929885;margin-top:6px}.drive-summary{margin-left:auto;color:#b4ae95;font-size:11px}.project-grid{gap:20px 15px}.project-card{position:relative;border:0;background:none;padding:0;padding-top:21px;min-width:0;cursor:pointer;text-align:left;color:#eee9dc;transition:transform .18s}.project-tab{position:absolute;top:0;left:0;height:25px;display:flex;align-items:center;gap:6px;padding:4px 18px 6px 10px;background:#51422a;color:#f4c975;border:1px solid #7d6538;border-radius:7px 12px 0 0;font:9px monospace;letter-spacing:.08em}.project-tab svg{width:14px;height:14px}.project-cover{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#22271e;border:1px solid #827044;border-radius:0 7px 0 0;isolation:isolate}.project-cover img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8) brightness(.78);transition:filter .2s,transform .25s}.project-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#090d0833 10%,#080c0855 40%,#080a08ed 100%);z-index:0}.project-cover strong{position:absolute;left:12px;right:12px;bottom:13px;font-size:17px;line-height:1.4;letter-spacing:.015em;font-weight:600;z-index:1;text-shadow:0 2px 10px #000}.project-badge{position:absolute;top:11px;left:11px;background:#12160ee0;border:1px solid #c9ac6c66;padding:4px 6px;border-radius:3px;font-size:9px;color:#e4cf9c;z-index:1}.project-cover-number{position:absolute;right:10px;top:10px;color:#fff9;font:12px monospace;z-index:1}.project-card .video-card-copy{background:linear-gradient(110deg,#302a1f,#1b1e17);border:1px solid #756039;border-top:0;border-radius:0 0 7px 7px;display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10px;color:#e2d2af;padding:11px}.project-card .video-card-copy small{margin:0;font-size:9px;color:#b4a178}.project-card:hover{transform:translateY(-3px)}.project-card:hover img{filter:saturate(1) brightness(.95);transform:scale(1.035)}#video-studio button:focus-visible{outline:2px solid #f3c366;outline-offset:3px}.file-duration{position:absolute;right:7px;bottom:7px;background:#050605dd;border-radius:3px;padding:3px 5px;color:#eee4cf;font:10px monospace}.video-card{cursor:pointer;color:#e4dfcf}.video-card:hover{border-color:#c49c50}.video-card-copy{white-space:normal;line-height:1.5;min-height:64px}.video-thumb img{object-fit:cover}.studio-sidebar{scrollbar-width:thin}.studio-filter{cursor:pointer}.studio-workspace{overscroll-behavior:contain}#video-studio[data-level=player] .video-viewer{height:auto;aspect-ratio:16/9;max-height:430px}#video-studio[data-level=player] .video-info{padding-bottom:0}.studio-heading h2{font-size:23px}.video-grid:not([hidden]){animation:folder-reveal .2s ease-out}@keyframes folder-reveal{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.studio-sidebar{flex:none;overflow-x:auto;overflow-y:hidden}.studio-filter{flex:0 0 auto;white-space:nowrap}.studio-heading{flex-wrap:wrap}.studio-heading h2{font-size:19px}.studio-search{width:100%;margin:0}.studio-path{margin-bottom:14px;padding:7px}.studio-drive{padding:12px;gap:9px;margin-bottom:12px;flex-wrap:wrap}.drive-summary{font-size:10px}.studio-drive small{font-size:8px}.project-grid{gap:16px 10px}.project-cover{aspect-ratio:4/3}.project-cover strong{font-size:14px;left:9px;right:9px;bottom:9px}.project-card .video-card-copy{padding:9px 7px;display:block;min-height:48px}.project-card .video-card-copy small{margin-top:3px}.project-badge{left:7px;top:7px;font-size:8px}.project-cover-number{right:7px;top:8px;font-size:10px}.studio-heading .eyebrow{font-size:8px}.project-tab{font-size:8px}.studio-crumbs{font-size:10px}.monitor-screen{min-height:0}.studio-workspace{flex:1}.studio-statusbar #studio-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.project-card,.project-cover img{transition:none}.video-grid:not([hidden]){animation:none}}
.studio-path{position:static;transform:none;box-shadow:none;backdrop-filter:none}.studio-path button{display:inline-block;min-width:0;padding:4px 7px;font-size:11px}.studio-heading{margin-bottom:13px}.studio-drive{padding:12px 15px;margin-bottom:14px}.studio-workspace{padding-top:18px}.studio-path{margin-bottom:14px}.project-card .video-card-copy{min-height:0}