.studio-page{font-size:14px;--actor-0:#b8dcd2;--actor-1:#e6adc3}.studio-main{max-width:1500px;padding:38px 32px 64px}.studio-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:10px 0 32px}.studio-eyebrow{font-size:11px;letter-spacing:.12em;color:var(--dim);margin:0 0 12px}.studio-intro h1{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:clamp(28px,3vw,43px);font-weight:600;letter-spacing:-.04em;line-height:1.35;margin:0}.studio-intro h1 em{font-style:normal;color:var(--gold)}.studio-lead{color:var(--dim);margin:14px 0 0;line-height:1.8}.studio-stats{display:flex;gap:32px;flex:none}.studio-stats b{display:block;font:32px/1.2 "Bahnschrift","Segoe UI",sans-serif;font-variant-numeric:tabular-nums}.studio-stats span{color:var(--dim);font-size:11px;display:block;margin-top:7px}
.studio-nav{display:flex;align-items:center;gap:8px;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:24px}.studio-nav button{background:transparent;color:var(--dim);border:0;border-radius:12px;padding:12px 20px;font-weight:600;font-size:14px;min-height:44px}.studio-nav button[aria-selected=true]{color:var(--text);background:rgba(170,152,183,.13);box-shadow:inset 0 -2px var(--gold)}.studio-nav>span{margin-left:auto;color:var(--dim);font-size:11px}
.studio-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 285px;gap:24px;align-items:start}.studio-layout>*{min-width:0}.studio-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.studio-section-head h2{font-size:15px;font-weight:650;margin:0}.studio-section-head>span{font-size:11px;color:var(--dim)}.studio-library{padding-top:12px}.studio-library .studio-section-head{padding:0 5px}.study-item{display:block;width:100%;text-align:left;padding:16px 14px;background:transparent;border:1px solid transparent;border-radius:16px;margin-bottom:6px;color:var(--text);min-height:64px}.study-item[aria-pressed=true]{border-color:rgba(203,183,219,.25);background:rgba(160,139,177,.1);box-shadow:inset 3px 0 var(--gold)}.study-item strong{display:block;font-size:13px}.study-item small{display:block;color:var(--dim);font-size:11px;line-height:1.65;margin-top:7px}.study-item .done{color:var(--actor-0);float:right;font-size:12px}.studio-library button.ghost{width:100%;margin-top:8px;font-size:12px;min-height:44px}#import-tools{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}#import-tools p,.studio-note{color:var(--dim);font-size:11px;line-height:1.85}.studio-note{padding:16px 7px}
.studio-glass{position:relative;isolation:isolate;overflow:hidden;background:rgba(70,61,84,.21);border:1px solid rgba(212,195,226,.15);border-radius:26px;box-shadow:0 20px 55px #100c201c,inset 0 1px 0 rgba(240,232,247,.13);backdrop-filter:blur(25px) saturate(115%)}.studio-glass>*{position:relative;z-index:1}.studio-board{padding:26px}.studio-board .studio-section-head h2{font-size:20px;line-height:1.4}.studio-state{padding:7px 11px;border-radius:9px;background:rgba(169,151,185,.1);white-space:nowrap}.studio-description{color:var(--dim);font-size:12px;line-height:1.85;margin:12px 0 20px}
.study-players{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.study-player{border-radius:18px;padding:18px;background:rgba(165,152,178,.045);border:1px solid var(--border);min-width:0}.study-player.current{border-color:var(--gold)}.study-player .player-top{display:flex;justify-content:space-between;gap:8px;color:var(--dim);font-size:12px}.study-player .player-top b{color:var(--text);font-weight:600}.study-player .player-top b:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--actor-0);margin-right:7px}.study-player:last-child .player-top b:before{background:var(--actor-1)}.study-hand{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:18px 0 12px}.study-hand svg{width:70px;height:64px;flex:none}.study-meters{display:flex;gap:16px;align-items:baseline;font-variant-numeric:tabular-nums}.study-meters b{font-size:26px;display:block;font-weight:550}.study-meters small{font-size:10px;color:var(--dim);display:block;margin-top:4px}.study-buffs{display:flex;flex-wrap:wrap;gap:6px;min-height:20px}.study-buffs span{font-size:10px;color:var(--dim);padding:4px 7px;border:1px solid var(--border);border-radius:7px}.study-danger{border-left:2px solid var(--actor-1);padding:10px 12px;background:rgba(217,158,183,.07);font-size:11px;line-height:1.8;color:var(--dim)}
#study-empty{padding:38px 0 46px;text-align:center;color:var(--dim)}.empty-symbol{display:block;font:70px/1.2 Georgia,serif;color:var(--gold);opacity:.7}#study-empty p{margin:14px 0 26px}.tactical-track{display:flex;align-items:center;gap:4px;padding:18px 1px;max-width:100%;overflow:auto;border-top:1px solid var(--border);scrollbar-width:thin}.track-dot{width:8px;height:8px;min-width:8px;min-height:8px;padding:0;border:0;border-radius:50%;background:var(--actor-0);opacity:.3;flex:none}.track-dot[data-actor="1"]{background:var(--actor-1)}.track-dot[aria-current=step]{width:20px;min-width:20px;border-radius:8px;opacity:1}.track-dot:hover{opacity:.9}.seek-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:var(--dim);margin:0 0 7px}.seek-label span:first-child{color:var(--text)}#replay-seek{width:100%;padding:0;accent-color:var(--gold);height:30px;cursor:pointer;background:transparent;border:0;min-height:30px}.replay-buttons,.practice-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.replay-buttons button,.practice-toolbar button{min-height:44px;font-size:12px}.replay-buttons label{display:flex;gap:7px;align-items:center;color:var(--dim);font-size:11px}.replay-buttons .primary{margin-left:auto}.practice-toolbar{padding:16px 0;border-top:1px solid var(--border)}.practice-toolbar label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--dim);margin-left:auto}.practice-toolbar input{width:16px;height:16px;min-height:16px;accent-color:var(--gold)}#practice-controls .skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#practice-controls .skill-card{min-width:0}#practice-controls .add-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}#practice-controls .add-choice{min-width:0}#practice-controls .buff-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}#practice-outcome{color:var(--actor-0);line-height:1.8;font-size:12px;min-height:20px}
.studio-inspector{display:grid;gap:18px}.inspect-panel{padding:22px;border-radius:22px}.step-logs{font-size:12px;line-height:1.9;color:var(--dim);max-height:270px;overflow:auto;overflow-wrap:anywhere}.step-logs p{margin:8px 0}.step-delta{font-variant-numeric:tabular-nums;font-size:12px;margin:8px 0}.step-delta b{color:var(--gold);margin-left:6px}.search-status{white-space:nowrap}#analyze-position{width:100%;font-size:12px;min-height:44px}#analysis-result{font-size:12px;line-height:1.9;margin:14px 0;color:var(--dim)}#analysis-result strong{color:var(--text);display:block}#apply-advice{width:100%;font-size:12px}.practice-tip{padding:8px 10px;font-size:11px;color:var(--dim);line-height:1.9}.practice-tip>span{color:var(--text)}.practice-tip button{font-size:12px;min-height:44px}.library-empty{font-size:12px;color:var(--dim);line-height:1.85;padding:18px 5px}.studio-page .toast{max-width:calc(100vw - 28px)}
#practice-controls .skill-card{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:5px 12px;padding:14px;min-height:154px;align-content:start;text-align:left;box-shadow:0 6px 18px #100d2015}
#practice-controls .skill-card .card-art{grid-column:1;grid-row:1/4;width:64px;height:84px;min-height:0;aspect-ratio:auto;margin:0;padding:0;border-radius:10px;overflow:hidden}#practice-controls .card-art .card-svg{width:100%;height:100%}#practice-controls .card-heading{grid-column:2;grid-row:1;border:0;padding:0;margin:0;min-height:0}#practice-controls .card-name{font-size:15px}#practice-controls .card-desc{grid-column:2;grid-row:2;font-size:11px;min-height:0;padding:0;margin:0;line-height:1.75}#practice-controls .card-footer{grid-column:2;grid-row:3;padding:5px 0 0;margin:0;font-size:10px}#practice-controls .card-cost{top:17px;left:17px;right:auto;transform:none;width:23px;padding:2px;border-radius:5px}#practice-controls .card-cost strong{font-size:12px}#practice-controls .card-cost small{font-size:7px}
html[data-theme=light] .studio-page{--actor-0:#34786b;--actor-1:#9c4265}html[data-theme=light] .studio-glass{background:rgba(255,255,255,.38);border-color:rgba(100,76,127,.14);box-shadow:0 20px 55px #4932570e,inset 0 1px 0 #fff9}
@media(min-width:1700px){.studio-layout{grid-template-columns:240px minmax(0,1fr) 300px}.studio-board{padding:32px}.study-hand svg{width:84px;height:76px}}
@media(min-width:1151px){#practice-controls .skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-intro{margin:0 0 24px}.studio-main{padding-top:26px}}
@media(max-width:1150px){.studio-main{padding:28px 24px}.studio-layout{grid-template-columns:190px minmax(0,1fr);gap:18px}.studio-inspector{grid-column:2;grid-template-columns:1fr 1fr}.practice-tip{grid-column:1/-1}.studio-intro h1{font-size:34px}.studio-stats{gap:20px}.studio-nav>span{max-width:210px;line-height:1.6}}
@media(max-width:760px){.studio-main{padding:22px 16px 40px}.studio-intro{align-items:start;gap:16px;margin-bottom:24px}.studio-intro h1{font-size:27px;max-width:260px}.studio-intro h1 em{display:block}.studio-eyebrow{font-size:10px}.studio-lead{font-size:12px}.studio-stats{gap:12px}.studio-stats b{font-size:23px}.studio-stats span{font-size:9px}.studio-nav{flex-wrap:wrap}.studio-nav>span{max-width:none;width:100%;margin:5px 8px 0}.studio-nav button{padding:10px 16px}.studio-layout{display:block}.studio-library{margin-bottom:20px}.studio-library #studio-list{display:flex;overflow:auto;gap:8px;max-height:180px}.study-item{min-width:165px;width:165px;flex:none;margin:0;min-height:100px}.studio-library #import-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:8px}.studio-library #import-tools button{width:auto;flex:1}.studio-library #import-tools p{width:100%;margin:4px 0}.studio-board{padding:20px 16px;border-radius:22px}.studio-board .studio-section-head h2{font-size:18px}.study-players{gap:10px}.study-player{padding:14px 10px;border-radius:14px}.study-hand svg{width:48px;height:50px}.study-hand{margin:14px 0}.study-meters{gap:10px}.study-meters b{font-size:22px}.study-player .player-top{font-size:11px}.study-meters small{font-size:9px}.replay-buttons .primary{width:100%;margin-left:0}.studio-inspector{display:grid;grid-template-columns:1fr;margin-top:8px}.practice-tip{grid-column:auto}.inspect-panel{padding:20px}.practice-toolbar label{margin:4px 0}.studio-page .brand-sub{display:none}.studio-page header{padding:12px 16px}.studio-page .header-btns{flex-wrap:wrap}.studio-page .logo{font-size:19px}.studio-page .brand-mark{width:30px;height:30px}.studio-stats{flex-direction:column;text-align:right;gap:10px}}
@media(prefers-reduced-motion:reduce){.studio-page *{scroll-behavior:auto}}
@media(max-width:760px){#practice-controls .skill-card{grid-template-columns:1fr;grid-template-rows:68px auto 1fr auto;min-height:0;gap:9px;padding:12px}#practice-controls .skill-card .card-art{grid-column:1;grid-row:1;width:100%;height:68px}#practice-controls .card-heading{grid-column:1;grid-row:2}#practice-controls .card-desc{grid-column:1;grid-row:3}#practice-controls .card-footer{grid-column:1;grid-row:4}#practice-controls .card-cost{left:15px;top:15px}#practice-controls .card-name{font-size:14px}}