/* A lightweight dimensional file browser. Real project stills stay in the covers. */
#video-studio{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--archive-gold:#e5b862;--archive-muted:#b8ad97;line-height:1.5;text-rendering:optimizeLegibility}
#video-studio .monitor-shell{border:1px solid #8d794f;border-bottom:7px solid #27241e;padding:11px 11px 0;border-radius:16px;box-shadow:0 7px 0 #4e4432,0 11px 0 #151611,0 32px 65px #000c,inset 0 1px 0 #e3c68c66;background:linear-gradient(130deg,#535044 0%,#242520 15%,#11120f 55%,#363226 100%)}
#video-studio .monitor-screen{position:relative;background:#0e100f;border:1px solid #76603a;box-shadow:inset 0 0 22px #0009}
#video-studio .monitor-topbar{background:linear-gradient(180deg,#2a2a23,#171914);border-bottom:1px solid #7c653b;padding:12px 18px;box-shadow:0 3px 10px #0006;z-index:2}
#video-studio .monitor-topbar small{font:10px/1.4 ui-monospace,monospace;letter-spacing:.08em;color:#b0aa95}
#video-studio .studio-wordmark{font-size:18px}#video-studio .studio-online{color:#c4b48c}
#video-studio .studio-layout{position:relative;background:radial-gradient(ellipse at 75% 12%,#b08a2520,transparent 50%),linear-gradient(125deg,#101412,#151710 50%,#080c0a);isolation:isolate}
#video-studio .studio-layout:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:0;right:0;bottom:-80px;height:65%;background-image:linear-gradient(#cfac5730 1px,transparent 1px),linear-gradient(90deg,#cfac5724 1px,transparent 1px);background-size:55px 55px;transform:perspective(480px) rotateX(52deg) scale(1.4);transform-origin:bottom;mask-image:linear-gradient(transparent,#0008);opacity:.5}
#video-studio .studio-sidebar{background:linear-gradient(90deg,#191c17f5,#121611e8);border-right:1px solid #70604080;box-shadow:5px 0 15px #0004;padding:20px 12px;gap:5px}
#video-studio .studio-sidebar .sidebar-label{font-size:10px;color:#aca28c}
#video-studio .studio-filter{font-size:13px!important;line-height:1.5;padding:10px 11px;border-radius:6px;color:#c8c5b6;min-height:42px}
#video-studio .studio-filter[aria-pressed=true]{border-color:#a78749;background:linear-gradient(140deg,#64502b,#312b1e);color:#ffe1a1;box-shadow:0 3px 0 #12120e,inset 0 1px 0 #efd09130}
#video-studio .studio-filter span{font:11px ui-monospace,monospace;opacity:.9}
#video-studio .studio-workspace{padding:22px 27px 34px;position:relative}
#video-studio .studio-heading{gap:12px;align-items:center;margin-bottom:16px}
#video-studio .studio-heading .eyebrow{font-size:10px;letter-spacing:.1em;color:#c4ab79}
#video-studio .studio-heading h2{font-size:clamp(19px,2vw,25px);font-weight:600;line-height:1.4;letter-spacing:.02em;overflow-wrap:anywhere;margin-top:5px}
#video-studio .studio-search{font-family:inherit;font-size:13px;line-height:1.5;color:#efebde;box-shadow:inset 0 2px 7px #0005;border-color:#706444;background:#131812}
#video-studio .studio-search::placeholder{color:#b2ad9a}
#video-studio .studio-path{background:linear-gradient(#252820e8,#13170fe8);border-color:#635a3e;box-shadow:0 3px 0 #090c08,inset 0 1px 0 #ddc5851c;padding:6px 8px;margin-bottom:18px}
#video-studio .studio-crumbs{gap:3px}#video-studio .studio-path button{font-size:12px;line-height:1.5;min-height:34px;color:#d6c8a9}#video-studio .studio-crumbs button{flex-shrink:0}#video-studio .studio-path #studio-back{min-height:36px;width:36px;color:#f1ca7d}
#video-studio .studio-drive{padding:12px 16px;background:linear-gradient(110deg,#4e412680,#171b13dd 55%);border:1px solid #8e7542;box-shadow:0 5px 0 #10150d,0 8px 16px #0005,inset 0 1px 0 #dfbf7738;transform:perspective(1000px) rotateX(2deg);margin-bottom:24px}
#video-studio .drive-symbol{border:1px solid #b3924b;box-shadow:inset 0 0 10px #d7a54124,3px 3px 0 #080b07;border-radius:6px;font-size:25px;padding:2px 10px}
#video-studio .studio-drive b{font-size:14px;font-weight:600}#video-studio .studio-drive small{font:11px/1.5 inherit;letter-spacing:.04em;color:#bdb399}#video-studio .drive-summary{font-size:12px;line-height:1.6;color:#d5c59e}
#video-studio .library-top{border-color:#8e79473f;padding:13px 0 18px}#video-studio .library-top h3{font-size:14px;font-weight:500}#video-studio .library-top span{font-size:11px;color:#bcad8c}
#video-studio .video-grid{gap:27px 21px;perspective:1400px;align-items:start;padding:3px 5px 15px;animation:none}
#video-studio .project-card{padding-top:22px;transform-style:preserve-3d;transform:perspective(900px) rotateX(3deg) rotateY(-2deg);transform-origin:center 80%;transition:transform .24s,filter .24s;isolation:isolate}
#video-studio .project-card:before,#video-studio .project-card:after{content:'';position:absolute;pointer-events:none;border:1px solid #887047;border-radius:7px;background:linear-gradient(135deg,#514732,#1b2119);z-index:-1;top:27px;bottom:7px;left:6px;right:-6px;box-shadow:1px 3px 0 #080d08}
#video-studio .project-card:before{transform:translate(5px,-8px);border-color:#625c45;background:#292e22}#video-studio .project-card:after{transform:translate(1px,-4px)}
#video-studio .project-tab{height:26px;padding:4px 14px 6px 10px;border-color:#b3914d;background:linear-gradient(#756038,#3f3624);color:#f6d38d;font:10px/1.4 inherit;letter-spacing:.07em;box-shadow:inset 0 1px 0 #fff2}
#video-studio .project-cover{aspect-ratio:16/10;border-color:#a2854f;border-width:2px;border-radius:0 8px 0 0;box-shadow:inset 0 0 0 3px #0c0f0a;transform-origin:bottom;transition:transform .22s,box-shadow .22s}
#video-studio .project-cover img{filter:brightness(.93) saturate(.95);transform:none;object-fit:cover}
#video-studio .project-cover:after{background:linear-gradient(180deg,#0307045c,transparent 40%,#090d0533);box-shadow:inset 0 0 0 4px #10150c60}
#video-studio .project-badge{font-size:10px;padding:3px 7px;background:#10150bed;border-color:#a68a4f99;color:#f0d5a5;max-width:80%}
#video-studio .project-cover-number{display:none}
#video-studio .project-card .video-card-copy{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px 8px;min-height:87px;padding:12px 12px 13px;background:linear-gradient(120deg,#373325,#191e16);border:1px solid #a2854f;border-top:0;border-bottom:4px solid #635437;box-shadow:0 11px 17px #0007,inset 0 1px 0 #dcc08226;border-radius:0 0 7px 7px;overflow:visible}
#video-studio .file-title{grid-column:1/-1;display:block;font-size:15px;line-height:1.5;font-weight:550;color:#f2ecde;white-space:normal;overflow-wrap:anywhere;letter-spacing:.015em;text-shadow:0 1px 2px #0008}
#video-studio .project-card .video-card-copy small{font-size:12px;line-height:1.5;color:#c4b694;margin:0}#video-studio .file-open{font-size:11px;color:#e7c47e;align-self:end;white-space:nowrap}
#video-studio .video-card{border:1px solid #a0854b;border-bottom:4px solid #5c4e31;background:#1e241a;box-shadow:4px 5px 0 #303222,8px 10px 19px #0007;transform:perspective(900px) rotateX(2deg);transition:transform .2s}
#video-studio .video-card .video-card-copy{display:grid;grid-template-columns:1fr auto;padding:12px;gap:5px 8px;min-height:88px}#video-studio .video-card-copy small{font-size:12px;color:#bdb69f}#video-studio .video-thumb .thumb-play{font-size:27px;background:radial-gradient(circle,#141a0baa,transparent 40%);color:#ffe3a1}#video-studio .file-duration{font-size:11px}
#video-studio .project-card.folder-launching{transform:perspective(900px) translateY(-10px) translateZ(22px);filter:brightness(1.12);z-index:5}#video-studio .project-card.folder-launching .project-cover{transform:perspective(800px) rotateX(-14deg);box-shadow:0 0 22px #e9b44655}
#video-studio .video-card.folder-launching{transform:perspective(900px) translateZ(30px) scale(1.025);filter:brightness(1.15)}
#video-studio .video-viewer{border:2px solid #a08242;border-bottom:6px solid #52452c;box-shadow:5px 7px 0 #242a1d,0 14px 28px #0009;border-radius:8px;isolation:isolate}#video-studio .video-info h3{font-size:17px;line-height:1.5;font-weight:550}#video-studio .video-info p{font-size:13px;color:#beb8a6}
#video-studio .video-load{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#080d09de;pointer-events:none;color:#f0d294;overflow:hidden}#video-studio .video-load:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#ddae4536 50%,transparent 55%);animation:archive-scan 1.8s linear infinite;pointer-events:none}#video-studio .video-load b{font-size:15px;letter-spacing:.12em;font-weight:500}#video-studio .video-load small{font-size:12px;color:#bcae8c}.load-orbit{width:48px;height:48px;border:1px solid #c49c4444;border-top:2px solid #f0c361;border-right:2px solid #e1af49;border-radius:50%;box-shadow:0 0 0 7px #d0a33b0d;animation:archive-spin 1.3s linear infinite}
#video-studio .studio-statusbar{font-size:11px;color:#bcaf94;background:linear-gradient(#27291f,#151a12);border-color:#7e6b4099;padding:10px 14px;z-index:2}#video-studio .studio-import{font-size:12px!important;min-height:36px;background:linear-gradient(#51442b,#2c2c1f);border-color:#917542;color:#f0d19a;box-shadow:0 2px 0 #0d130a}
@media(hover:hover) and (pointer:fine){#video-studio .project-card:hover,#video-studio .project-card:focus-visible{transform:perspective(900px) rotateX(0) rotateY(0) translateY(-7px) translateZ(12px);z-index:3}#video-studio .project-card:hover .project-cover{transform:perspective(800px) rotateX(-5deg);box-shadow:0 0 18px #edbd4933}#video-studio .video-card:hover{transform:perspective(900px) translateY(-5px) rotateX(0)}}
@keyframes archive-spin{to{transform:rotate(360deg)}}@keyframes archive-scan{from{transform:translateY(-100%)}to{transform:translateY(100%)}}
@media(max-width:700px){#video-studio .studio-sidebar{padding:8px;gap:6px;border-right:0;border-bottom:1px solid #6e5d3c;box-shadow:0 3px 8px #0004}#video-studio .studio-filter{font-size:12px!important;min-height:38px;padding:8px 10px}#video-studio .studio-workspace{padding:17px 13px 26px}#video-studio .studio-heading h2{font-size:20px;line-height:1.45}#video-studio .studio-heading .eyebrow{font-size:9px;letter-spacing:.06em}#video-studio .studio-search{font-size:16px;padding:9px 10px}#video-studio .monitor-topbar{padding:9px 11px;gap:9px}#video-studio .monitor-topbar small{font-size:9px}#video-studio .studio-wordmark{font-size:15px}#video-studio .studio-path{margin-bottom:16px}#video-studio .studio-drive{padding:10px;gap:9px;flex-wrap:nowrap;margin-bottom:18px}#video-studio .studio-drive small{display:none}#video-studio .studio-drive b{font-size:13px}#video-studio .drive-symbol{font-size:20px;padding:3px 7px}#video-studio .drive-summary{font-size:11px;max-width:90px;text-align:right}#video-studio .video-grid{gap:22px 15px;padding:2px 5px 15px 0}#video-studio .project-cover{aspect-ratio:4/3}#video-studio .project-card{transform:perspective(700px) rotateX(2deg)}#video-studio .project-card .video-card-copy{padding:9px 8px;min-height:91px;gap:5px 3px}#video-studio .file-title{font-size:14px;line-height:1.5}#video-studio .project-card .video-card-copy small{font-size:11px}#video-studio .file-open{font-size:11px}#video-studio .project-badge{font-size:9px;padding:3px 5px;left:6px;top:6px}#video-studio .project-tab{font-size:10px}#video-studio .video-card .video-card-copy{padding:10px 8px}#video-studio .studio-statusbar{padding:8px;font-size:10px}#video-studio .studio-import{font-size:11px!important}#video-studio .studio-layout:before{opacity:.3}}
@media(prefers-reduced-motion:reduce){#video-studio .project-card,#video-studio .project-cover,#video-studio .video-card{transition:none;transform:none!important}#video-studio .video-load:after,.load-orbit{animation:none}#video-studio .video-load:after{display:none}}
#video-studio .monitor-screen{height:min(780px,calc(100dvh - 112px))}
#video-studio[data-level=projects] .studio-path{display:none}
#video-studio .studio-drive{margin-bottom:13px}#video-studio .library-top{padding:10px 0 17px}
@media(min-width:701px) and (max-width:1000px){#video-studio .studio-layout{grid-template-columns:140px minmax(0,1fr)}#video-studio .studio-workspace{padding:17px 18px 28px}#video-studio .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 17px}#video-studio .studio-filter{padding:9px 7px;font-size:12px!important}#video-studio .studio-search{width:136px}#video-studio .studio-drive{padding:10px;gap:9px}#video-studio .drive-summary{font-size:11px;max-width:85px;text-align:right}#video-studio .studio-drive small{display:none}#video-studio .studio-heading .eyebrow{font-size:9px}#video-studio .drive-symbol{font-size:21px;padding:2px 6px}}
@media(max-width:700px){#video-studio .monitor-screen{height:calc(100dvh - 83px)}}