body.is-studio-page{background:radial-gradient(70% 55% at 50% 0%, #ff8a3d12, transparent 70%), radial-gradient(60% 50% at 80% 100%, #5dbd8d0d, transparent 70%), var(--ink-0)}body.is-studio-page main{min-height:100svh}.studio-frame,.studio-loading{--bar-h:56px;flex-direction:column;min-height:100svh;padding:0 clamp(10px,2vw,28px) 10px;display:flex}.studio-bar{height:var(--bar-h);flex:none;align-items:center;gap:16px;display:flex}.studio-exit{height:34px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:13px;font-weight:550;text-decoration:none;display:inline-flex}.studio-exit:hover{color:var(--text);background:var(--ink-3)}.studio-tabs{background:#ffffff09;border-radius:12px;gap:2px;margin:0 auto;padding:3px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.studio-tabs button{height:30px;color:var(--text-2);white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:0 14px;font-size:13px;font-weight:550}.studio-tabs button:hover{color:var(--text)}.studio-tabs button.is-on{color:var(--text);background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff1f}.studio-actions{gap:6px;display:flex}.studio-tab-short{display:none}.studio-btn{height:32px;color:var(--text-2);background:#ffffff0d;border:0;border-radius:9px;padding:0 12px;font-size:12.5px;font-weight:550;box-shadow:inset 0 0 0 1px #ffffff14}.studio-btn:hover{color:var(--text);background:#ffffff17}.studio-btn.is-primary{color:var(--ink-1);background:var(--text)}.studio-main{flex:1;grid-template-columns:minmax(0,1fr) 248px;gap:16px;min-height:0;display:grid}.studio-main>.ods-window{height:clamp(560px, calc(100svh - var(--bar-h) - 44px), 980px);view-transition-name:ods-window}.studio-frame:not(.is-ready) .studio-main{opacity:0}.studio-frame.is-ready .studio-main{animation:studio-arrive .52s var(--ease-arrive) both}@keyframes studio-arrive{0%{opacity:0;transform:translateY(10px)scale(.99)}}.studio-guide{color:var(--text-2);background:#ffffff08;border-radius:16px;align-self:start;padding:16px;font-size:13px;box-shadow:inset 0 0 0 1px #ffffff12}.studio-guide-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.studio-guide-title{color:var(--text);font-weight:600}.studio-guide-count{font-family:var(--font-mono);color:var(--muted);font-size:11px}.studio-guide ol{gap:10px;padding:0;list-style:none;display:grid}.studio-guide li{grid-template-columns:16px 1fr;gap:10px;line-height:1.45;display:grid}.studio-tick{width:14px;height:14px;box-shadow:inset 0 0 0 1.5px var(--line-strong);transition:background .2s var(--ease), box-shadow .2s var(--ease);border-radius:50%;margin-top:2px}.studio-guide li.is-done{color:var(--muted)}.studio-guide li.is-done .studio-tick{background:#5dbd8d;box-shadow:0 0 0 3px #5dbd8d2e}.studio-guide-next{border-top:1px solid var(--line);color:var(--text);margin-top:14px;padding-top:12px}.studio-guide-next .ods-link{font:inherit;color:var(--ember-strong);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.studio-disclaimer{color:var(--muted);text-align:center;margin-top:10px;font-size:12px}.studio-about{width:calc(100% - 32px);max-width:560px;color:var(--text-2);background:var(--ink-3);border:0;border-radius:18px;padding:28px;font-size:14px;line-height:1.55;box-shadow:inset 0 0 0 1px #ffffff14,0 30px 80px #0009}.studio-about::backdrop{backdrop-filter:blur(4px);background:#0000008c}.studio-about h2{color:var(--text);margin-bottom:12px;font-size:20px}.studio-about h3{color:var(--text);margin:18px 0 8px;font-size:14px}.studio-about strong{color:var(--text)}.studio-about ul{gap:6px;margin:12px 0 0;padding-left:18px;display:grid}.studio-keys{grid-template-columns:1fr 1fr;gap:6px 18px;display:grid}.studio-keys div{align-items:baseline;gap:10px;display:flex}.studio-keys dt{min-width:64px}.studio-keys dd{margin:0;font-size:13px}.studio-keys kbd{font-family:var(--font-mono);color:var(--text);background:#ffffff12;border-radius:4px;padding:1px 5px;font-size:11px}.studio-about form{justify-content:flex-end;margin-top:20px;display:flex}.studio-toast-region{z-index:50;pointer-events:none;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.studio-toast{color:var(--text);animation:studio-toast .26s var(--ease-arrive);background:#221f1ceb;border-radius:12px;padding:10px 16px;font-size:13px;box-shadow:inset 0 0 0 1px #ffffff1a,0 12px 40px #00000080}@keyframes studio-toast{0%{opacity:0;transform:translateY(8px)}}.studio-loading{color:var(--muted);justify-content:center;align-items:center;gap:16px}.studio-loading-window{background:#151412;border-radius:12px;width:min(1100px,92vw);height:min(640px,70svh);box-shadow:0 0 0 .5px #ffffff1a}.studio-loading a{color:var(--text)}@media (width<=1180px){.studio-main{grid-template-columns:minmax(0,1fr)}.studio-guide{max-width:640px}}@media (width<=760px){.studio-bar{flex-wrap:wrap;gap:8px;height:auto;padding:10px 0}.studio-tabs{order:3;width:100%;overflow-x:auto}.studio-tabs button{flex:1;padding:0 10px;font-size:12.5px}.studio-tab-long{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.studio-tab-short{display:inline}.studio-actions{margin-left:auto}.studio-main>.ods-window{border-radius:10px;height:calc(100svh - 150px);min-height:540px}}@media (prefers-reduced-motion:reduce){.studio-frame.is-ready .studio-main,.studio-toast{animation:none}}