/* The studio illustration is built from real CSS 3D planes, with a gentle drift. */
#studio .studio-side{min-width:0}
.studio-editing-art{position:relative;width:min(100%,460px);aspect-ratio:1.08/1;margin-top:42px;isolation:isolate;perspective:1100px;flex-shrink:0}
.studio-edit-glow{position:absolute;inset:12% 3% 4%;border-radius:50%;background:radial-gradient(ellipse at 34% 60%,#ff803e1c,transparent 62%),radial-gradient(ellipse at 76% 28%,#b24ff12b,transparent 62%);filter:blur(15px);pointer-events:none}
.studio-edit-floor{position:absolute;left:10%;right:14%;bottom:5%;height:9%;border-radius:50%;background:#0a050d70;filter:blur(13px);transform:rotate(-5deg)}
.studio-edit-scene{position:absolute;inset:0;transform-style:preserve-3d;animation:studio-edit-hover 20s ease-in-out infinite}
.studio-edit-console{position:absolute;left:3%;top:23%;width:81%;height:57%;transform-style:preserve-3d;transform:rotateX(11deg) rotateY(-19deg) rotateZ(-4deg) translateZ(35px)}
.studio-edit-face{position:absolute;inset:0;padding:3.7%;border:1px solid #9a718e;border-top-color:#d3a7c2;border-left-color:#bd87a9;border-radius:14px;background:linear-gradient(135deg,#382939,#201b25 40%,#1c1721);box-shadow:inset 0 1px 1px #ffffff1c,0 22px 30px #08050a66;display:flex;flex-direction:column;gap:5%;backface-visibility:hidden}
.studio-edit-back{position:absolute;inset:0;border-radius:14px;background:linear-gradient(135deg,#512544,#22202d);transform:translateZ(-16px);box-shadow:0 0 28px #ce43b512}
.studio-edit-edge-right{position:absolute;left:100%;top:12px;bottom:12px;width:16px;background:linear-gradient(90deg,#7d4e71,#2b2030);transform-origin:left center;transform:rotateY(90deg)}
.studio-edit-edge-bottom{position:absolute;left:12px;right:12px;top:100%;height:16px;background:linear-gradient(#352d42,#4b3445);transform-origin:center top;transform:rotateX(-90deg)}
.studio-edit-toolbar{height:8%;min-height:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#bfb1c0;font-size:clamp(7px,.65vw,10px);font-weight:700;letter-spacing:.12em;line-height:1}
.studio-edit-dots{display:flex;gap:5px}.studio-edit-dots i{width:5px;height:5px;border-radius:50%;background:#ba809b}.studio-edit-dots i:nth-child(2){background:#ed9670}.studio-edit-dots i:nth-child(3){background:#bc8ddb}
.studio-edit-status{width:5px;height:5px;border-radius:50%;background:#ff803e;box-shadow:0 0 8px #ff803e66}
.studio-edit-preview{position:relative;flex:1;min-height:0;background:#38243f;border:1px solid #ffffff16;border-radius:5px;overflow:hidden}
.studio-edit-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}
.studio-edit-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0f071765,transparent 65%)}
.studio-edit-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff9c;border-radius:50%;background:#24102940;backdrop-filter:blur(4px);z-index:1}
.studio-edit-play svg{width:15px;height:15px;fill:#fff;margin-left:2px}.studio-edit-time{position:absolute;left:8px;bottom:7px;color:#fff9;font-size:8px;font-variant-numeric:tabular-nums;letter-spacing:.06em;z-index:1}
.studio-edit-timeline{position:relative;height:29%;min-height:45px;display:flex;flex-direction:column;gap:6px;padding-top:9px;border-top:1px solid #ffffff12}
.studio-edit-ruler{position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(90deg,#a488a45c 0 1px,transparent 1px 13px);opacity:.7}
.studio-edit-clips{display:flex;gap:3px;height:43%}.studio-edit-clips span{position:relative;flex:1;border:1px solid #f57bac60;border-radius:3px;background:linear-gradient(135deg,#c4688d,#643754);box-shadow:inset 0 1px 0 #ffffff2b}
.studio-edit-clips span:nth-child(2){flex:1.45;background:linear-gradient(135deg,#9e6fd5,#513e73);border-color:#b18ce273}.studio-edit-clips span:nth-child(3){flex:.75;background:linear-gradient(135deg,#ed9a70,#824b4e);border-color:#faac7973}.studio-edit-clips span:nth-child(4){flex:1.3;background:linear-gradient(135deg,#cc70b7,#683d69)}
.studio-edit-clips span::after{content:'';position:absolute;inset:4px;background:repeating-linear-gradient(90deg,#ffffff16 0 2px,transparent 2px 8px);border-radius:1px}
.studio-edit-audio{height:36%;min-height:12px;border:1px solid #63c4d63d;border-radius:3px;background:linear-gradient(90deg,#33515c,#263643)}.studio-edit-audio svg{display:block;width:100%;height:100%;fill:none;stroke:#89c8dc;stroke-width:1.2;vector-effect:non-scaling-stroke}
.studio-edit-playhead{position:absolute;top:0;bottom:-2px;left:47%;width:1px;background:#fff3b0;box-shadow:0 0 5px #fff3b034}.studio-edit-playhead::before{content:'';position:absolute;top:-3px;left:-3px;width:7px;height:6px;background:#fff3b0;clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%)}
.studio-edit-film{position:absolute;right:3%;top:8%;width:25%;height:60%;padding:14px 12px;display:flex;flex-direction:column;gap:10px;border:1px solid #bc8cdc6b;border-top-color:#dfb9eb8f;border-radius:9px;background:linear-gradient(135deg,#714c83,#352a46);transform-style:preserve-3d;transform:rotateX(7deg) rotateY(-24deg) rotateZ(12deg) translateZ(62px);box-shadow:8px 6px 0 #281b354d,12px 18px 25px #0d07135c}
.studio-edit-film::before,.studio-edit-film::after{content:'';position:absolute;top:13px;bottom:13px;width:4px;background:repeating-linear-gradient(0deg,transparent 0 4px,#25172ccc 4px 10px,transparent 10px 16px);border-radius:1px}.studio-edit-film::before{left:4px}.studio-edit-film::after{right:4px}
.studio-edit-film>span{position:relative;flex:1;min-height:0;border:1px solid #ffffff30;border-radius:3px;background:linear-gradient(140deg,#ffac726b,#90368677 65%,#38234e);overflow:hidden;box-shadow:inset 0 0 12px #160c2a30}.studio-edit-film>span:nth-child(2){background:linear-gradient(140deg,#774ca3,#d468a37d,#714077)}.studio-edit-film>span:nth-child(3){background:linear-gradient(140deg,#f898756e,#6b408e)}
.studio-edit-film>span::before{content:'';position:absolute;width:65%;height:65%;left:24%;top:18%;border:1px solid #f6d3e85c;border-radius:50%;box-shadow:inset 0 0 9px #f5b2c020,0 0 12px #e274bf22;transform:skewX(-14deg)}
.studio-edit-clapper{position:absolute;left:10%;bottom:6%;width:30%;height:23%;transform-style:preserve-3d;transform:rotateX(12deg) rotateY(-18deg) rotateZ(-12deg) translateZ(75px);animation:studio-clapper-hover 24s ease-in-out infinite}
.studio-edit-clapper-body{position:absolute;left:0;right:0;top:29%;bottom:0;border:1px solid #a7789a;border-radius:3px 3px 8px 8px;background:linear-gradient(145deg,#52404f,#25202a);box-shadow:6px 7px 0 #1a1524,12px 16px 20px #0b051257;display:grid;place-items:center}
.studio-edit-clapper-body svg{height:35%;width:35%;fill:#ffa273;filter:drop-shadow(0 2px 2px #ff803e2b)}
.studio-edit-clapper-body::after{content:'';position:absolute;left:14%;right:14%;bottom:15%;height:1px;background:#b191a050}
.studio-edit-clapper-top{position:absolute;left:0;right:0;top:5%;height:25%;border:1px solid #f5c4d2;border-radius:4px;background:repeating-linear-gradient(120deg,#f7d8e1 0 13px,#59354f 13px 26px);transform-origin:left bottom;transform:rotateZ(-11deg);box-shadow:4px 3px 0 #3a2638}
@keyframes studio-edit-hover{0%,100%{transform:translate3d(-4px,6px,0) rotateZ(-.5deg)}35%{transform:translate3d(4px,-6px,0) rotateZ(.4deg)}70%{transform:translate3d(-2px,-2px,0) rotateZ(-.2deg)}}
@keyframes studio-clapper-hover{0%,100%{transform:rotateX(12deg) rotateY(-18deg) rotateZ(-12deg) translate3d(0,3px,75px)}50%{transform:rotateX(9deg) rotateY(-15deg) rotateZ(-10deg) translate3d(3px,-4px,75px)}}
@media(max-width:1150px){.studio-editing-art{margin-top:55px}.studio-edit-console{left:1%;width:82%}}
@media(max-width:850px){#studio .studio-side{flex-direction:column;align-items:flex-start;gap:0}.studio-editing-art{width:min(100%,440px);align-self:center;margin-top:24px}.studio-edit-toolbar{font-size:9px}}
@media(max-width:560px){.studio-editing-art{width:min(100%,360px);margin-top:20px}.studio-edit-film{padding:12px 10px;gap:8px}.studio-edit-toolbar{font-size:8px}.studio-edit-time{font-size:7px}.studio-edit-face{border-radius:11px}.studio-edit-play{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.studio-edit-scene,.studio-edit-clapper{animation:none}}