
.studio-shell{background:#061a14;color:#f1fbf6;--panel:#0e2b23;--mint:#9ef1dc;--line:#30584c;--muted:#afd0c5}
.studio-shell main{grid-template-columns:224px minmax(0,1fr)}
.studio-shell .app-header{min-height:86px;padding:16px 24px;gap:18px;flex-wrap:wrap}
.studio-shell .privacy{display:none}.studio-shell .golf-lane-nav{margin-left:auto;gap:16px;flex-wrap:wrap}
.studio-shell .golf-lane-nav a{font-size:13px}.studio-shell #identity{font-size:13px}
.studio-shell .sidebar{padding:22px 16px;background:#081f18;min-width:0}
.studio-shell .sidebar>.eyebrow{margin-bottom:18px}
.studio-shell .studio-nav{display:grid;gap:5px}.studio-shell .studio-nav button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:0;color:#afd0c5;font-size:14px;padding:12px 10px;border-radius:8px}
.studio-shell .studio-nav button.selected{background:#153e30;color:#9ef1dc}
.studio-shell .studio-nav-icon{font-size:19px;width:21px;line-height:1}
.studio-shell .studio-count{margin-left:auto;background:#0e2b23;color:#9ef1dc;border-radius:6px;min-width:22px;text-align:center;font-size:11px;padding:2px 5px}
.studio-shell .studio-side-actions{display:grid;gap:8px;margin-top:22px}
.studio-shell .side-heading .eyebrow{font-size:10px}.studio-shell .sidebar .side-note{font-size:11px}
.studio-shell .workspace-content{padding:28px 32px;min-width:0;max-width:1500px;width:100%;margin:auto}
.studio-shell h1{font-size:clamp(28px,3.3vw,41px);line-height:1.15;letter-spacing:-1px;margin:10px 0 14px}
.studio-shell h2{font-size:21px;letter-spacing:-.4px;line-height:1.25}
.studio-shell .studio-welcome>p{max-width:720px;line-height:1.6}
.studio-shell .heading-actions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}
.studio-shell .studio-start-card{padding:22px;background:linear-gradient(130deg,#153c30,#0d2b22);border:1px solid #356d59;border-radius:12px;margin-top:24px}
.studio-shell .studio-start-card h2{margin:8px 0 16px}.studio-shell .studio-start-card>p:last-of-type{font-size:13px;color:#afd0c5}
.studio-shell .studio-progress{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:15px}
.studio-shell .studio-progress span{font-size:12px;padding:9px 11px;color:#afd0c5;background:#08271d;border-radius:6px}
.studio-shell .studio-progress span:first-child{color:#9ef1dc}
.studio-shell .studio-sample{display:flex;align-items:center;gap:20px;background:#0e2b23;border:1px solid #30584c;border-radius:12px;padding:18px;margin:22px 0}
.studio-shell .studio-sample img{width:145px;height:100px;object-fit:cover;border-radius:8px}
.studio-shell .studio-sample>div{flex:1;min-width:0}.studio-shell .studio-sample h2{margin:5px 0 8px}.studio-shell .studio-sample p{font-size:13px;margin:0;line-height:1.5}
.studio-shell .studio-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.studio-shell .studio-dashboard-card{display:grid;align-content:start;gap:10px;padding:20px;text-align:left;background:#0e2b23;border:1px solid #30584c;border-radius:12px;color:#f1fbf6}
.studio-shell .studio-dashboard-card>span{color:#9ef1dc;font-size:10px;letter-spacing:1.5px}.studio-shell .studio-dashboard-card strong{font-size:17px;line-height:1.4}.studio-shell .studio-dashboard-card small{color:#afd0c5;line-height:1.5;font-size:13px}
.studio-shell .studio-section>p{line-height:1.6;max-width:850px}
.studio-shell .studio-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:14px;margin-top:18px}
.studio-shell .studio-list>.card{margin:0}.studio-shell .studio-list .card p{font-size:13px;line-height:1.6}
.studio-shell .studio-invite-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.studio-shell .studio-invite-grid details{border:0;padding:0}.studio-shell .studio-invite-grid summary{font-size:14px;margin-top:15px}
.studio-shell .studio-tools-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.85fr);gap:20px;margin-top:24px;align-items:start}
.studio-shell .studio-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.studio-shell .studio-tool-card{background:#0e2b23;border:1px solid #30584c;border-radius:10px;padding:18px;text-align:left;display:grid;gap:8px;align-content:start;color:#f1fbf6}
.studio-shell .studio-tool-card.active{border-color:#9ef1dc;background:#14392f}
.studio-shell .studio-tool-card strong{font-size:16px}.studio-shell .studio-tool-card small{font-size:12px;line-height:1.5;color:#afd0c5}
.studio-shell .studio-tool-card span{font-size:10px;color:#9ef1dc;letter-spacing:1px}
.studio-shell .studio-example{border:1px solid #30584c;border-radius:12px;background:#0e2b23;padding:18px}
.studio-shell .studio-example-image{position:relative;overflow:hidden;border-radius:8px}
.studio-shell .studio-example-image img{width:100%;display:block;aspect-ratio:1.65;object-fit:cover}
.studio-shell .studio-example-zone{position:absolute;left:28%;top:24%;width:22%;height:28%;border:2px solid #9ce1a1;background:repeating-linear-gradient(130deg,#9ce1a144 0,#9ce1a144 2px,transparent 2px,transparent 12px);border-radius:10px}
.studio-shell .studio-example-zone.wall{border-color:#ffa4aa;background:repeating-linear-gradient(130deg,#ffa4aa44 0,#ffa4aa44 2px,transparent 2px,transparent 12px);left:42%;top:48%;width:12%;height:33%;border-radius:3px}
.studio-shell .studio-example-label{display:block;font-size:10px;letter-spacing:1.5px;color:#afd0c5;margin:12px 0}
.studio-shell .studio-example p{font-size:13px;line-height:1.6;color:#afd0c5}
.studio-shell .studio-example-plan{display:grid;gap:8px;border-left:2px solid #9ef1dc;padding:12px;background:#09261c;margin:18px 0}
.studio-shell .studio-example-plan span{font-size:11px;color:#afd0c5}.studio-shell .studio-example-plan strong{font-size:15px}.studio-shell .studio-example-plan small{font-size:12px;color:#afd0c5;line-height:1.5}
.studio-shell .studio-heading-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.studio-shell .studio-subheading{margin-top:28px}
.studio-shell #studio-new-dialog,.studio-shell #studio-tour-dialog{max-width:620px;text-align:left;line-height:1.6}.studio-shell #studio-tour-dialog li{margin:12px 0;font-size:14px}
.studio-shell #studio-choose-student button{margin:8px 0;width:100%;text-align:left}
.studio-shell [hidden]{display:none!important}
@media(max-width:1100px){.studio-shell main{grid-template-columns:205px minmax(0,1fr)}.studio-shell .workspace-content{padding:22px}.studio-shell .studio-dashboard-grid{grid-template-columns:1fr}.studio-shell .studio-tools-layout{grid-template-columns:1fr}.studio-shell .studio-sample{flex-wrap:wrap}}
@media(max-width:700px){.studio-shell main{display:block}.studio-shell .app-header{padding:14px 16px;gap:10px}.studio-shell .golf-lane-nav{width:100%;margin:0;gap:12px}.studio-shell .sidebar{padding:14px 16px}.studio-shell .studio-nav{grid-template-columns:1fr 1fr}.studio-shell .studio-nav button{font-size:13px;padding:10px 6px}.studio-shell .studio-side-actions{display:flex;flex-wrap:wrap;margin-top:14px}.studio-shell .studio-side-actions button{width:auto}.studio-shell .sidebar .side-heading,.studio-shell .sidebar #relationships,.studio-shell .sidebar #package-list,.studio-shell .sidebar .side-divider,.studio-shell .sidebar>p:not(:first-child){display:none}.studio-shell .sidebar>button{width:auto}.studio-shell .workspace-content{padding:22px 16px}.studio-shell .studio-invite-grid{grid-template-columns:1fr}.studio-shell .studio-sample{gap:12px}.studio-shell .studio-sample img{width:110px;height:90px}.studio-shell .studio-sample h2{font-size:18px}.studio-shell .studio-sample>button{width:100%}.studio-shell .studio-tool-card{padding:14px}.studio-shell h1{font-size:29px}}

.studio-nav .studio-nav-profile{display:block;padding:13px 12px;color:#9ef1dc;border:1px solid #2b5447;border-radius:8px;font-size:13px;margin-bottom:7px;text-decoration:none}
