:root{color-scheme:dark}.beta-desk{--violet:#d8afff;background:radial-gradient(ellipse at 85% 8%,#39213e,transparent 56%),#100e16;color:#fbf8ff;font:16px/1.5 Inter,system-ui,sans-serif;min-height:100svh;width:100%;height:100%;overflow:auto}.beta-desk *{box-sizing:border-box}.beta-desk header,.beta-desk main{width:min(1170px,calc(100% - 40px));margin:auto}.beta-head,.beta-intro,.beta-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.beta-head{padding:24px 0}.family{font-weight:850;letter-spacing:-.06em}.family span{color:var(--violet)}.edition,.beta-desk small{font-size:12px;color:#d5c8de}.edition{border:1px solid #79628c;border-radius:99px;padding:4px 12px}.beta-intro{margin:clamp(20px,6vh,65px) 0 22px}.beta-desk h1,.beta-desk h2,.beta-desk h3,.beta-desk p{margin:0}.beta-desk h1{font-size:clamp(48px,6vw,84px);letter-spacing:-.065em;line-height:1}.beta-desk p,.beta-bottom{color:#c4b9cf}.beta-desk button,.beta-bottom a{border:1px solid #ffffff24;border-radius:12px;background:#ffffff0a;color:inherit;min-height:44px;padding:8px 14px;font:inherit;cursor:pointer;text-decoration:none}.beta-desk .accent{background:var(--violet);color:#21132d;font-weight:740}.studio-grid{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);gap:16px}.studio-grid>aside,.preview-pane{padding:20px;border:1px solid #ffffff24;border-radius:20px;background:linear-gradient(148deg,#302738d9,#19151f)}.beta-desk h2{font-size:17px;margin-bottom:16px;overflow-wrap:anywhere}.beta-desk aside>button{display:flex;width:100%;gap:8px;justify-content:space-between;text-align:left;margin:5px 0;overflow-wrap:anywhere}.beta-desk .chosen,.beta-desk [aria-pressed=true]{border-color:#ba8be2;background:#44314d}.stage-view{display:grid;place-items:center;min-height:260px;height:min(42vh,420px);border-radius:14px;background:radial-gradient(ellipse at 50% 20%,#332741,#110e16);overflow:hidden}.stage-view>div{padding:24px;text-align:center;max-width:370px}.frame-icon{display:inline-grid;place-items:center;width:54px;height:54px;border:1px solid #b395c8;border-radius:15px;color:var(--violet);font-size:26px}.stage-view h3{margin:14px 0 7px}.stage-view canvas,.stage-view video{max-width:100%;max-height:100%;object-fit:contain}.adjust{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:12px}.adjust label{font-size:13px}.adjust input{max-width:90px;accent-color:var(--violet)}.beta-desk .remove{background:none;border:0;text-decoration:underline;color:#cabdd2;font-size:13px}.beta-bottom{margin:16px 0 28px;font-size:14px}.beta-desk :focus-visible{outline:3px solid #abe4cf;outline-offset:3px}.beta-desk button[disabled]{opacity:.5}@media(max-width:720px){.studio-grid{grid-template-columns:1fr}.studio-grid aside{order:2;max-height:220px;overflow:auto}.beta-intro,.beta-bottom{flex-wrap:wrap}.stage-view{min-height:205px;height:32vh}}.stage-view{grid-template:minmax(0,1fr) / minmax(0,1fr)}.stage-view canvas,.stage-view video{width:100%;height:100%;min-height:0;object-fit:contain}.stage-view.empty{background:linear-gradient(105deg,#16111eef,#22142ded),url(/assets/backdrop-C71WEZ6c.jpg) center/cover}.stage-view>*{min-width:0}
