/* One task at a time, with the same controls on desktop and phone. */
#cc-move-pane [hidden],#mc-icon-dialog [hidden]{display:none!important}
#cc-move-pane{scroll-margin-top:80px}
#mc-stepper{max-width:820px;margin:12px auto;grid-template-columns:repeat(3,minmax(0,1fr))!important}
#mc-stepper li{padding:0;border:1px solid var(--line);border-radius:14px;min-width:0}
#mc-stepper li.current{border-color:var(--verde);background:#203d2c}
#mc-stepper button{width:100%;display:flex;align-items:center;gap:8px;min-height:58px;padding:10px;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
#mc-stepper button:disabled{opacity:.5;cursor:default}
#mc-stepper .done b{background:var(--verde);color:#11251b}
#mc-stage-title{font-size:22px;line-height:1.25;margin:0 0 16px;outline:none}
.studio-flow .creator-name-row{display:block}
.studio-flow .creator-name-row label{display:block;font-size:13px;color:var(--ink-dim)}
.studio-move-label{display:block;font-size:13px;color:var(--ink-dim);margin-bottom:7px}
.studio-move-choice{display:flex;align-items:center;gap:12px}
.studio-move-choice img{width:52px;height:56px;object-fit:contain;flex-shrink:0}
.studio-move-choice select.ipt{flex:1;min-width:0;width:100%;min-height:52px;margin:0;font-weight:650;border-color:#527348;appearance:auto}
#mc-new-fields{margin-top:14px}
.studio-flow .creator-preview{height:clamp(200px,35vh,360px);margin:10px 0}
.studio-flow .creator-capture-choices{margin:14px 0}
.studio-flow .creator-capture-choices button{min-height:92px}
.studio-flow .creator-capture-choices svg{height:42px;width:48px}
.studio-flow .creator-action{width:100%;min-height:58px;flex-direction:row;font-size:15px}
.studio-flow .creator-action svg{width:29px;height:29px}
.studio-flow .creator-actions{display:flex}
.studio-flow .clip-range{padding:8px 0}
.studio-flow .clip-range h3{font-size:16px}
.studio-flow .clip-range .status{font-family:inherit;font-size:12px}
.studio-flow #mc-dir{margin:16px 0;display:grid;grid-template-columns:1fr 1fr}
.studio-flow #mc-dir button{font-size:12px;padding:10px 8px;min-width:0}
.studio-flow .studio-back{background:transparent;border:0;color:var(--ink-dim);min-height:44px;padding:8px 0;font:inherit;font-size:13px;cursor:pointer}
.studio-next{width:100%;background:var(--verde);color:#142c1d;font:700 16px inherit;border:0;border-radius:14px;min-height:54px;margin-top:16px;cursor:pointer}
.studio-next:disabled{opacity:.4;cursor:default}
.studio-icon-picker{display:flex;align-items:center;gap:12px;background:#0d2023;border:1px solid var(--line);padding:8px 12px;border-radius:14px;margin:8px 0 16px}
.studio-icon-picker>button{display:flex;align-items:center;gap:14px;background:none;color:var(--ink);border:0;flex:1;text-align:left;font:inherit;cursor:pointer;min-width:0}
.studio-icon-picker img{width:58px;height:58px;object-fit:contain}
.studio-icon-picker small{display:block;color:var(--ink-dim);font-size:11px}
#mc-icon-dialog{width:min(560px,calc(100vw - 24px));max-height:85dvh;background:var(--card);color:var(--ink);border:1px solid #496653;border-radius:24px;padding:16px}
#mc-icon-dialog::backdrop{background:#06110dd9;backdrop-filter:blur(5px)}
.studio-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.studio-dialog-head h3{font-size:19px}
.studio-dialog-head button{border:1px solid var(--line);background:#17302b;color:var(--verde);border-radius:12px;width:44px;height:44px;font-size:23px;cursor:pointer}
#mc-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:53dvh;overflow:auto;padding:2px}
.studio-icon-tile{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:9px 4px;border:1px solid #344c40;border-radius:13px;background:#0b1a1d;color:var(--ink-dim);font:inherit;font-size:11px;cursor:pointer}
.studio-icon-tile img{width:100%;height:72px;object-fit:contain}
.studio-icon-tile[aria-pressed=true]{border:2px solid var(--verde);background:#24432b;color:#e1ffd2}
#mc-icon-upload{width:100%;margin-top:14px}
.studio-saved{display:flex;align-items:center;gap:16px;padding:16px;background:#10282a;border-radius:18px;border:1px solid var(--line);margin:16px 0}
.studio-saved img{width:74px;height:90px;object-fit:contain}
.studio-saved strong{font-size:18px;display:block;overflow-wrap:anywhere}
.studio-saved small{color:var(--verde)}
.studio-saved p{font-size:13px;color:var(--ink-dim);margin-top:5px}
.studio-ready{position:relative;text-align:center;padding:26px 14px;background:radial-gradient(ellipse at top,#315e32,#122629 80%);border:1px solid #5f9655;border-radius:22px}
.studio-ready-mark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 14px;border-radius:50%;background:var(--verde);color:#13311b;box-shadow:0 0 0 10px #81df6920;font-size:38px}
.studio-ready h3{font-size:25px}.studio-ready p{font-size:14px;max-width:360px;margin:8px auto 16px;color:#c2d8c3}
.studio-ready small{display:block;color:var(--ink-dim);margin-top:18px}
.studio-ready button{margin-top:8px}
.studio-help{margin:12px 0;color:var(--ink-dim);font-size:13px}
.studio-help>summary{cursor:pointer;min-height:44px;align-content:center}
#mc-create-another{margin:14px auto 0;display:block}
#mc-library,#mc-local-library{max-width:820px;margin:14px auto}
.studio-section{border:1px solid var(--line);background:var(--card);border-radius:17px;overflow:hidden;margin:10px 0}
.studio-section>summary{display:flex;align-items:center;gap:13px;list-style:none;min-height:66px;padding:12px 17px;cursor:pointer;font-size:16px;font-weight:650}
.studio-section>summary::-webkit-details-marker{display:none}
.studio-section>summary::after{content:'+';margin-left:auto;color:var(--verde);font-size:23px;font-weight:400}
.studio-section[open]>summary::after{content:'−'}
.studio-section[open]>summary{border-bottom:1px solid var(--line)}
.studio-section-mark{color:var(--verde);width:24px;font-size:21px;text-align:center}
.studio-section-mark .ui-icon{width:24px;height:24px;display:block}
.studio-section>.card{border:0;margin:0;border-radius:0;box-shadow:none;padding:16px}
#cc-tuner-pane{max-width:900px;margin:auto}
.studio-tuning-picker{position:sticky;top:var(--header-h);background:var(--bg);padding:8px 0;z-index:3}
.studio-tuning-picker select{margin:0;font-weight:650}
.studio-tuning-save{position:sticky;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));background:var(--bg);padding:10px 0 0;z-index:3}
.studio-tuning-save button{margin:0;min-height:48px}
.studio-tuning-save .status:empty{display:none}
.studio-phase-field{display:flex;flex-direction:column;gap:4px;min-width:80px;flex:1;font-size:11px;color:var(--ink-dim)}
.studio-phase-field input{width:100%!important;min-width:0!important}
.studio-mobile-label{display:none}
#cc-tuner-pane .cue-head{min-height:48px;text-align:left}
#cc-tuner-pane input,#cc-tuner-pane select{min-height:44px}
#cc-tuner-pane canvas{max-width:100%;height:auto}
@media(max-width:600px){
  #mc-stepper button{flex-direction:column;justify-content:center;gap:5px;padding:8px 3px;font-size:11px;min-height:72px;text-align:center}
  .studio-flow.card{padding:14px}
  #mc-stage-title{font-size:20px}
  #mc-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .studio-section>.card{padding:12px}
  #cc-tuner-pane .formgrid{grid-template-columns:1fr 1fr;gap:10px}
  #cc-tuner-pane .tn-f{min-width:0}
  #cc-tuner-pane .tn-f input,#cc-tuner-pane .tn-f select{width:100%;min-width:0}
  #cc-tuner-pane .card>div[style*="display:flex"]{flex-direction:column;align-items:stretch!important}
  #cc-tuner-pane .card>div>div[style*="min-width:240px"]{min-width:0!important}
  #cc-tuner-pane canvas{display:block;margin-inline:auto}
  #mcf-diff-table,#mcf-diff-table tbody{display:block;width:100%}
  #mcf-diff-table thead{display:none}
  #mcf-diff-table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px;margin:12px 0}
  #mcf-diff-table td{display:block;border:0;padding:0;min-width:0!important}
  #mcf-diff-table td:first-child{grid-column:1/-1}
  #mcf-diff-table .ipt{width:100%;margin:0}
  .studio-mobile-label{display:block;font-size:11px;color:var(--ink-dim);margin-bottom:5px}
  #cue-diff-tabs{gap:6px}
  #cue-diff-tabs .pillbtn{padding:8px 10px;font-size:12px}
  #cue-translate-all{flex-basis:100%;margin:6px 0!important}
  #cc-tuner-pane .cue-lang{display:block}
  #cc-tuner-pane .cue-lang .ipt{width:100%}
}
@media(prefers-reduced-motion:no-preference){.studio-ready-mark{animation:studio-ready-in .45s ease-out}@keyframes studio-ready-in{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}}