.studio-room{--ink:#071315;--edge:#d6fbf43b;color:#e8f5ef;background:radial-gradient(at 50% 0,#193a3b 0%,#071315 54%,#030809 100%);min-height:100svh;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.studio-room *{box-sizing:border-box}.studio-room a{color:inherit;text-decoration:none}.studio-room button{font:inherit;cursor:pointer}.studio-room :is(a,button):focus-visible{outline-offset:3px;outline:2px solid #a4efe3}.studio-nav,.studio-footer{letter-spacing:.12em;justify-content:space-between;align-items:center;gap:24px;max-width:1320px;margin:auto;padding:25px clamp(18px,3vw,42px);font:700 11px/1.4 ui-monospace,SFMono-Regular,monospace;display:flex}.studio-nav{border-bottom:1px solid var(--edge)}.studio-nav span{color:#88b7b4}.studio-nav a:hover,.studio-footer a:hover{color:#9fe9df}.studio-console{max-width:1240px;margin:clamp(28px,5vw,74px) auto 50px;padding:0 clamp(14px,3vw,36px)}.studio-sign{background:linear-gradient(155deg,#163f41,#102729 55%,#0a1e21);border:1px solid #4f7773;border-bottom:0;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;padding:24px clamp(24px,4vw,54px);display:flex;box-shadow:0 20px 80px #0008}.studio-sign span{letter-spacing:.16em;color:#96c5bf;font:700 11px ui-monospace,SFMono-Regular,monospace}.studio-sign h1{letter-spacing:-.095em;color:#e8f5ef;text-shadow:0 0 45px #78e9d63b;margin:0;font-size:clamp(3.2rem,8vw,7rem);font-weight:900;line-height:.88}.studio-frame{background:#030b0d;border:clamp(9px,2vw,22px) solid #142628;box-shadow:inset 0 0 0 1px #79aeaa88,0 30px 75px #0009}.studio-display-top,.studio-display-bottom{color:#8cc9c0;letter-spacing:.14em;background:#071a1c;justify-content:space-between;gap:15px;padding:15px 20px;font:700 11px ui-monospace,SFMono-Regular,monospace;display:flex}.studio-display-bottom{border-top:1px solid var(--edge)}.studio-featured{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);min-height:360px;animation:.25s studio-enter;display:grid}.studio-art{background:#082025;min-height:340px;position:relative;overflow:hidden}.studio-art img,.studio-art>div{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.studio-art:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #00141394}.studio-art>span{z-index:1;letter-spacing:.08em;text-transform:uppercase;background:#071315dc;border:1px solid #9ce6da88;padding:9px 11px;font:700 11px ui-monospace,SFMono-Regular,monospace;position:absolute;top:18px;left:18px}.studio-info{background:linear-gradient(140deg,#0b2528,#061317);flex-direction:column;justify-content:center;align-items:start;padding:clamp(24px,4vw,55px);display:flex}.studio-info>p:first-child{color:#95d9d0;letter-spacing:.15em;font:700 12px ui-monospace,SFMono-Regular,monospace}.studio-info h2{letter-spacing:-.07em;text-transform:uppercase;margin:18px 0 12px;font-size:clamp(2.5rem,5vw,5rem);line-height:.89}.studio-info>p:not(:first-child){color:#c0d3d0;max-width:37ch;font-size:16px;line-height:1.6}.studio-run{letter-spacing:.08em;background:#a4efe3;justify-content:space-between;gap:50px;min-width:180px;margin-top:22px;padding:17px 20px;font:900 13px ui-monospace,SFMono-Regular,monospace;display:flex;color:#082022!important}.studio-run:hover{background:#e8f5ef}.studio-info small{color:#a6bdbb;margin-top:12px;font-size:12px}.studio-shelf{background:#335356;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;padding-top:1px;display:grid}.studio-shelf button{text-align:left;color:#d7eae5;background:#0a1a1d;border:0;flex-direction:column;gap:8px;min-width:0;padding:9px;display:flex}.studio-shelf button:hover,.studio-shelf button[aria-pressed=true]{background:#17413f}.studio-shelf button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #a4efe3}.studio-thumb{aspect-ratio:16/9;background:#10282b;width:100%;display:block;position:relative;overflow:hidden}.studio-thumb img,.studio-thumb>span{object-fit:cover;width:100%;height:100%;display:block}.studio-shelf-title{font-size:14px;font-weight:700;line-height:1.2}.studio-shelf small{color:#91bcb6;font:700 11px ui-monospace,SFMono-Regular,monospace}.studio-controls{background:linear-gradient(#18383b,#102629);border:1px solid #4f7773;border-top:0;justify-content:space-between;align-items:center;gap:20px;padding:24px clamp(20px,4vw,48px);display:flex}.studio-controls>div>span{color:#a7d6cf;letter-spacing:.1em;margin-bottom:12px;font:700 11px ui-monospace,SFMono-Regular,monospace;display:block}.studio-controls>div>div{align-items:center;gap:16px;display:flex}.studio-controls button{color:#e8f5ef;background:#0c2527;border:1px solid #7ab0aa;width:40px;height:40px;font-size:23px}.studio-controls strong{font:700 15px ui-monospace,SFMono-Regular,monospace}.studio-controls p{text-transform:uppercase;margin:0;font-size:clamp(18px,2vw,28px);font-weight:900}.studio-controls p small{text-transform:none;color:#a4c1bc;margin-top:5px;font:400 14px Arial,Helvetica,sans-serif;display:block}.studio-controls>a{color:#092528;letter-spacing:.1em;background:#a4efe3;place-items:center;min-width:88px;min-height:70px;font-weight:900;display:grid}.studio-controls>a:hover{background:#fff}.studio-base{color:#8fb6b1;letter-spacing:.1em;background:#07191b;border:1px solid #355558;border-top:0;justify-content:space-between;gap:16px;padding:16px 26px;font:700 11px ui-monospace,SFMono-Regular,monospace;display:flex}.studio-footer{border-top:1px solid var(--edge);color:#9cbab6}@keyframes studio-enter{0%{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.studio-featured{grid-template-columns:1fr}.studio-art{aspect-ratio:16/10;min-height:0}.studio-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-info{padding:28px}.studio-info h2{font-size:clamp(2.6rem,8vw,4.5rem)}}@media (width<=540px){.studio-nav span,.studio-footer span{display:none}.studio-sign{align-items:start}.studio-sign h1{order:2;width:100%}.studio-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-shelf button{padding:7px}.studio-shelf-title{font-size:12px}.studio-controls p{display:none}.studio-controls>a{min-height:56px}.studio-display-top,.studio-display-bottom{font-size:9px}.studio-featured{min-height:0}.studio-art{aspect-ratio:16/11}}@media (prefers-reduced-motion:reduce){.studio-featured{animation:none}}