.studio-main{--studio-pad:clamp(1.5rem, 2.4vw, 2.5rem);background:#050506;width:100%;height:100svh;min-height:680px;position:relative;overflow:hidden}.studio-main:before{content:"";z-index:0;pointer-events:none;background:#ffffff03;position:absolute;inset:0}.studio-intro{z-index:6;top:clamp(5rem,8vh,6rem);left:var(--studio-pad);pointer-events:none;position:absolute}.studio-intro h1{letter-spacing:-.055em;max-width:8ch;margin:0;font-size:clamp(3.4rem,5.8vw,6rem);font-weight:480;line-height:.9}.studio-intro__kicker{color:var(--accent);font-family:var(--mono);letter-spacing:.06em;margin:1.35rem 0 0;font-size:clamp(.68rem,1vw,.86rem);font-weight:700}.studio-intro__description{color:var(--muted);margin:1.65rem 0 0;font-size:clamp(.78rem,1vw,.95rem);line-height:1.9}.studio-stage{z-index:1;position:absolute;inset:7% 20% 3% 0}.studio-stage canvas{touch-action:none;width:100%;height:100%;display:block}.studio-loading{color:var(--muted);font-family:var(--mono);letter-spacing:.2em;font-size:.7rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.orbit-labels{z-index:5;pointer-events:none;position:absolute;inset:0}.orbit-label{color:var(--muted);cursor:pointer;font-family:var(--mono);letter-spacing:.06em;pointer-events:auto;text-align:left;background:0 0;border:0;font-size:.64rem;line-height:1.3;position:absolute}.orbit-label span{color:var(--label-accent,var(--cyan));font-size:.88rem;display:block}.orbit-label[data-selected=true]{color:var(--ink)}.orbit-label--keyboard{--label-accent:var(--accent);top:59%;left:37.5%}.orbit-label--robot{top:31%;left:29%}.orbit-label--keychain{--label-accent:var(--yellow);top:28%;left:60.5%}.orbit-label--scheduler{--label-accent:var(--green);bottom:18%;right:28%}.orbit-label--print{--label-accent:var(--violet);bottom:14%;left:35%}.orbit-label--filter{--label-accent:#8592f2;bottom:26%;left:11.5%}.orbit-label--keyboard-full{top:38%;left:7%}.orbit-label--hours{--label-accent:#f1f1ee;top:49%;right:28%}.studio-inspector{z-index:8;top:50%;right:var(--studio-pad);width:min(300px,22vw);position:absolute;transform:translateY(-52%)}.studio-inspector__index{color:var(--accent);font-family:var(--mono);margin:0 0 .9rem;font-size:1rem}.studio-inspector h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,2.1vw,2rem);font-weight:620;line-height:1.15}.studio-inspector__symbol{color:var(--accent);font-family:var(--mono);margin:.7rem 0 0;font-size:.72rem}.studio-inspector__rule{background:var(--line-strong);width:100%;height:1px;margin:1.2rem 0}.studio-inspector__summary{color:#a7a7ae;margin:0;font-size:clamp(.76rem,1vw,.88rem);line-height:1.8}.studio-inspector__meta{margin-top:1.45rem}.studio-inspector__meta>p{color:var(--accent);font-family:var(--mono);letter-spacing:.12em;margin:0 0 .6rem;font-size:.62rem;font-weight:700}.studio-inspector__meta>span{color:var(--muted);font-size:.75rem;line-height:1.65}.studio-inspector__meta ul{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.studio-inspector__meta li{color:#d1b75f;font-family:var(--mono);border:1px solid #564b28;padding:.28rem .48rem;font-size:.58rem}.studio-inspector__cta{border:1px solid var(--accent);min-height:48px;color:var(--accent);justify-content:space-between;align-items:center;margin-top:1.6rem;padding:0 1rem;font-size:.78rem;font-weight:700;text-decoration:none;display:flex}.studio-inspector__cta:hover{background:var(--accent);color:var(--bg)}.studio-thumbnails{grid-template-columns:24px 1fr 24px;align-items:center;gap:.45rem;margin-top:1.1rem;display:grid}.studio-thumbnails>button,.studio-thumbnails>div>button{color:var(--muted);cursor:pointer;background:0 0;border:0}.studio-thumbnails>div{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.studio-thumbnails>div>button{aspect-ratio:1;border:1px solid var(--line);background:#0b0b0d;padding:0;overflow:hidden}.studio-thumbnails>div>button.is-selected{border-color:var(--accent)}.studio-thumbnails img{object-fit:contain;width:100%;height:100%}.studio-help{z-index:8;bottom:1.4rem;left:var(--studio-pad);color:var(--muted);font-family:var(--mono);gap:2.1rem;font-size:.62rem;display:flex;position:absolute}.studio-help b{color:var(--accent);margin-right:.45rem}.studio-motion{z-index:8;right:var(--studio-pad);color:var(--muted);cursor:pointer;font-family:var(--mono);letter-spacing:.1em;background:0 0;border:0;align-items:center;gap:.7rem;font-size:.62rem;display:flex;position:absolute;bottom:1.25rem}.studio-motion span{border:1px solid var(--line-strong);border-radius:999px;width:32px;height:17px;position:relative}.studio-motion span:after{content:"";background:var(--muted);border-radius:50%;width:9px;height:9px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.studio-motion span.is-on{border-color:var(--accent)}.studio-motion span.is-on:after{background:var(--accent);transform:translate(15px)}@media (width<=1040px){.studio-stage{right:27%}.studio-inspector{width:250px}.studio-inspector__meta:nth-of-type(2){display:none}.orbit-label--scheduler,.orbit-label--hours{right:31%}}@media (width<=760px){.studio-main{height:100svh;min-height:760px}.studio-intro{top:6.7rem;right:var(--page-pad)}.studio-intro h1{max-width:none;font-size:clamp(3rem,15vw,4.6rem)}.studio-intro__description{display:none}.studio-stage{inset:13rem -36% 17rem -30%}.orbit-labels{display:none}.studio-inspector{top:auto;right:var(--page-pad);bottom:3.8rem;left:var(--page-pad);border-top:1px solid var(--line-strong);width:auto;padding-top:1.1rem;transform:none}.studio-inspector__index,.studio-inspector__symbol,.studio-inspector__summary,.studio-inspector__meta,.studio-thumbnails{display:none}.studio-inspector h2{max-width:12ch;font-size:1.45rem}.studio-inspector__rule{display:none}.studio-inspector__cta{white-space:nowrap;color:#0000;width:44px;min-height:44px;padding:0;position:absolute;bottom:0;right:0;overflow:hidden}.studio-inspector__cta span{color:var(--accent);place-items:center;display:grid;position:absolute;inset:0}.studio-help{gap:1rem;bottom:1.35rem}.studio-help span:nth-child(-n+2){display:none}.studio-motion{bottom:1.15rem}}