.studio-mode-nav{display:grid;gap:3px;margin:2px 0}.studio-mode-nav summary{list-style:none;cursor:pointer;padding:11px 13px;border-radius:9px;color:var(--muted);font-size:14px}.studio-mode-nav summary::-webkit-details-marker{display:none}.studio-mode-nav summary:after{content:'⌄';float:right}.studio-mode-nav[open] summary:after{content:'⌃'}.studio-mode-nav summary:hover,.studio-mode-nav summary.active{color:var(--text);background:var(--panel2)}.studio-mode-nav>a{display:block;margin-left:12px;padding:9px 12px;border-left:2px solid var(--line);color:var(--muted);font-size:13px}.studio-mode-nav>a:hover,.studio-mode-nav>a.active{border-color:var(--cyan);color:var(--text);background:var(--panel2)}.creator-mode-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}.mode-card{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.mode-card.selected{border-color:rgba(69,240,210,.5)}.mode-card h2{margin:0;font-size:23px}.mode-card p{margin:0 0 8px;color:var(--muted);max-width:52ch}.mode-card form{margin-top:auto}.mode-card>.button{margin-top:auto}.mode-state{color:var(--cyan);font-size:13px}.mode-explainer{padding:28px}.mode-explainer h2{margin:0}.mode-explainer p{color:var(--muted);max-width:62ch}@media(max-width:900px){.studio-mode-nav{min-width:145px}.studio-mode-nav>a{white-space:nowrap}.studio-mode-nav[open]{position:relative}.studio-mode-nav[open]>a{background:var(--panel)}}@media(max-width:700px){.creator-mode-choices{grid-template-columns:1fr}}