/* studio set-up (welcome), import panel, profile studio card, coach-mark tour. Uses the shared brand tokens; light default + dark. */
.wl{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,600px);gap:clamp(1.25rem,4vw,3rem);justify-content:center;align-items:start;max-width:1040px;margin:clamp(.5rem,4vh,2.5rem) auto 0}
.wl-card{max-width:none;gap:1rem}
.wl-top{display:flex;align-items:center;gap:1rem;justify-content:space-between}
.wl-top .dots{flex:1;min-width:0}
.link-btn{background:none;border:0;color:var(--amber-text);font:600 .9rem var(--font-body);cursor:pointer;padding:.5rem .6rem;min-height:44px;border-radius:10px;white-space:nowrap}
.link-btn:hover{text-decoration:underline}.link-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.wl-act{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.wl-act .btn-lg{flex:1 1 220px;width:auto}
.acard .wl-act .btn-lg{width:auto}

.wv{position:sticky;top:calc(var(--hdr,64px) + 1.5rem);display:grid;justify-items:center;gap:.35rem;text-align:center;padding:0 1.25rem 1.25rem;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-amber);box-shadow:var(--sh-2),0 24px 60px -34px var(--amber-glow);overflow:hidden}
.wv-cover{justify-self:stretch;height:96px;margin:0 -1.25rem;background:linear-gradient(120deg,var(--amber),var(--gold) 70%);opacity:.9;position:relative}
.wv-cover::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 20% 0%,rgba(255,255,255,.35),transparent 60%)}
.wv .av{--s:88px;margin-top:-44px;border:3px solid var(--bg-card);position:relative;background:linear-gradient(135deg,var(--amber),var(--gold))}
.wv-name{font:700 1.25rem var(--font-head);letter-spacing:-.02em;margin-top:.35rem}.wv-name.ph{color:var(--muted);font-weight:500}
.wv-chips,.pextras .wv-chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;min-height:1.6rem}
.wv-cap{color:var(--muted);margin-top:.35rem}
.pchip{display:inline-flex;align-items:center;padding:.25rem .7rem;border-radius:100px;font:600 .78rem var(--font-head);background:var(--amber-dim);color:var(--amber-text);border:1px solid var(--border-amber);text-decoration:none;animation:fade .3s both}
a.pchip:hover{background:var(--amber);color:var(--on-amber)}

.studio{display:grid;gap:1.1rem}
.imp{display:grid;gap:.55rem;padding:1rem;border-radius:var(--radius);border:1px dashed var(--border-amber);background:var(--amber-dim)}
.imp h2{font-size:1rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.exp{font:600 .66rem var(--font-head);letter-spacing:.08em;text-transform:uppercase;padding:.15rem .5rem;border-radius:100px;border:1px solid var(--border-amber);color:var(--amber-text);background:var(--bg-card)}
.imp-row{display:flex;gap:.5rem;flex-wrap:wrap}.imp-row input{flex:1 1 240px}
.acard .imp input,.pcard .imp input{min-height:44px}
.imp-msg{min-height:1.2em;color:var(--muted)}.imp-msg.bad{color:var(--bad)}
.imp-out{display:grid;gap:.5rem;padding:.9rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-amber);animation:tourIn .28s var(--spring)}
.imp-out[hidden],.tour-extra:empty{display:none}
.sg-head{display:grid;gap:.1rem}
.sg-row{display:flex;gap:.7rem;align-items:flex-start;padding:.4rem .2rem;cursor:pointer;font-size:.9rem;overflow-wrap:anywhere}
.sg-row input[type=checkbox],.sform .chk input[type=checkbox]{margin-top:.2rem;width:1.1rem;min-width:1.1rem;height:1.1rem;min-height:0;padding:0;flex:none;accent-color:var(--amber);flex:none}
.sg-row span{display:grid;gap:.1rem;min-width:0}.sg-row b{font:600 .72rem var(--font-head);letter-spacing:.06em;text-transform:uppercase;color:var(--amber-text)}
.sg-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border-amber)}

.sform{display:grid;gap:.9rem}
.sform .sub{font-size:.95rem;margin-top:.4rem}
.sform .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.sform .mlinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.sform .mlinks[hidden]{display:none}
.sform .f .lbl{display:flex;align-items:center;gap:.5rem}
.sform input:not([type=file]):not([type=checkbox]),.sform textarea,.imp input{width:100%;padding:.7rem 1rem;border-radius:12px;border:1px solid var(--border-ctl);background:var(--bg-card);color:var(--white);font:inherit;min-height:44px}
.sform textarea{resize:vertical;min-height:84px}
.sform input:focus,.sform textarea:focus,.imp input:focus{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:2px}
.sform input[aria-invalid=true]{border-color:var(--bad)}
.fh{min-height:1.1em;font-size:.76rem;color:var(--muted);font-weight:400}.fh.bad{color:var(--bad)}
.sug{font:600 .64rem var(--font-head);font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:.1rem .45rem;border-radius:100px;background:var(--amber);color:var(--on-amber)}.sug[hidden]{display:none}
.chk{display:flex;gap:.55rem;align-items:flex-start;color:var(--muted);cursor:pointer}.chk span{min-width:0}
.logo-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.logo-act{display:grid;gap:.4rem;justify-items:start}
.logo-act b{display:flex;gap:.5rem;align-items:center}

.pextras{display:grid;gap:1rem}
.sc-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.pcard .studio{margin-top:.2rem}

/* coach-mark tour: non-modal spotlight, clicks pass through to the page */
.tour{position:fixed;inset:0;z-index:70;pointer-events:none}
.tour-dim{position:fixed;inset:0;background:var(--tour-dim,rgba(20,13,0,.55));opacity:0;transition:opacity .3s var(--ease)}
.tour.center .tour-dim{opacity:1;pointer-events:auto;backdrop-filter:blur(3px)}
.tour.center .tour-ring{opacity:0}
.tour-ring{position:fixed;border-radius:20px;border:2px solid var(--amber);box-shadow:0 0 0 9999px var(--tour-dim,rgba(20,13,0,.55)),0 0 28px var(--amber-glow);transition:top .35s var(--ease),left .35s var(--ease),width .35s var(--ease),height .35s var(--ease),opacity .2s;animation:ringPulse 2.4s ease-in-out infinite}
.tour-card{position:fixed;pointer-events:auto;max-height:calc(100dvh - 24px);overflow:auto;background:var(--bg-card);color:var(--white);border:1px solid var(--border-amber);border-radius:var(--radius-lg);padding:1.1rem 1.2rem;box-shadow:var(--sh-2),0 0 44px -12px var(--amber-glow);display:grid;gap:.5rem;transition:top .35s var(--ease),left .35s var(--ease);animation:tourIn .28s var(--spring)}
.tour-card:focus{outline:none}
.tour-count{font:600 .72rem var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--amber-text)}
.tour-bar{display:flex;gap:4px}.tour-bar i{flex:1;height:3px;border-radius:3px;background:var(--track);transition:background .3s}.tour-bar i.on{background:var(--amber)}
.tour-card h2{font-size:1.25rem}
.tour-card p{color:var(--muted);font-size:.93rem}
.tour-ok{color:var(--ok)!important;font-weight:600}.tour-ok[hidden]{display:none}
.tour-act{display:flex;gap:.4rem;align-items:center;margin-top:.4rem;flex-wrap:wrap}
.tour-act .sp{flex:1}.tour-extra{display:contents}
.tour-act .btn{min-height:44px}
.tour-card button[hidden]{display:none}
:root[data-theme=dark]{--tour-dim:rgba(0,0,0,.66)}
@keyframes tourIn{from{opacity:0;transform:translateY(6px) scale(.97)}}
@keyframes ringPulse{50%{box-shadow:0 0 0 9999px var(--tour-dim,rgba(20,13,0,.55)),0 0 40px var(--amber-glow)}}

@media(max-width:900px){
  .wl{grid-template-columns:minmax(0,1fr);max-width:600px}
  .wv{position:static;grid-template-columns:auto 1fr;justify-items:start;text-align:left;padding:0 1rem 1rem;column-gap:.9rem}
  .wv-cover{grid-column:1/-1;height:56px;margin:0 -1rem}
  .wv .av{--s:64px;margin-top:-32px;grid-row:2/4}
  .wv-name{margin-top:.5rem}.wv-chips{justify-content:flex-start;grid-column:2}.wv-cap{display:none}
  .wl-act{position:sticky;bottom:calc(76px + var(--sab));z-index:5;padding:.7rem 0;background:linear-gradient(transparent,var(--bg-card) 30%)}
}
@media(max-width:520px){.sform .two,.sform .mlinks{grid-template-columns:minmax(0,1fr)}.wl-top{flex-direction:column;align-items:stretch}.wl-top .link-btn{align-self:flex-end;order:-1}.tour-card{padding:1rem}}
@media(prefers-reduced-motion:reduce){.tour-ring,.tour-card,.tour-dim,.imp-out,.pchip{transition:none;animation:none}}
@media(forced-colors:active){.tour-ring{border-color:Highlight}.tour-card,.imp-out,.wv{border-color:CanvasText}}