.studio{padding:10px 0 36px;color:var(--ink)}.studio *{box-sizing:border-box}.studio-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-heading{margin:0 0 12px}.studio h1,.studio h2,.studio p{margin:0}.studio h2{font-size:1rem}.studio-kicker,.studio-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--muted)}.studio-kicker{margin-bottom:5px!important}.studio .studio-tabs{flex-wrap:wrap}.studio .studio-tabs button{flex:1 1 80px}.studio-layout{display:grid;grid-template-columns:minmax(320px, .9fr) minmax(400px,1.1fr);gap:16px;align-items:start}.studio-section-head{margin-bottom:14px}.studio-eyebrow{display:block;margin-bottom:4px}.studio-muted,.studio-caption{color:var(--muted);font-size:.76rem}.studio-stage{min-height:300px;background:var(--bg); border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;overflow:hidden;background-image:linear-gradient(45deg,#ffffff05 25%,transparent 25%,transparent 75%,#ffffff05 75%),linear-gradient(45deg,#ffffff05 25%,transparent 25%,transparent 75%,#ffffff05 75%);background-size:24px 24px;background-position:0 0,12px 12px}.studio-stage canvas{display:block;max-width:100%;width:100%;height:auto;image-rendering:pixelated}.studio-stage [hidden],.studio [hidden]{display:none!important}.studio-stage audio{width:min(360px,80vw)}#studio-audio-wrap{text-align:center;padding:24px}.studio-note-icon{display:block;font-size:4rem;color:#8bb9a3}.studio-transport{display:flex;gap:7px;align-items:end;flex-wrap:wrap;margin-top:12px}.studio label{display:grid;gap:5px;color:var(--muted);font-size:.75rem;font-weight:600}.studio-caption{line-height:1.5;margin-top:12px!important}.studio-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.studio-search{flex:1 1 160px}.studio-filters input,.studio-filters select{width:100%}.studio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px;min-height:120px}.studio-card{min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:6px;color:var(--ink);text-align:center}.studio-card[aria-pressed=true]{border-color:var(--accent);background:var(--hi);box-shadow:inset 0 0 0 1px var(--accent)}.studio-card canvas{display:block;width:100%;height:72px;image-rendering:pixelated}.studio-card span{display:block;font-size:.73rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-card small{color:var(--muted);font-size:.65rem}.studio-grid.audio-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.studio-grid.audio-list .studio-card{min-height:54px;text-align:left;padding:10px}.studio-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;color:var(--muted);font-size:.78rem}@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.studio-stage{min-height:210px}.studio-stage canvas{max-height:320px;width:auto;max-width:100%}}@media(max-width:520px){.studio-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.studio-card canvas{height:60px}}
/* Match canvas backing pixels to its display size. */
.studio-stage canvas{width:256px;height:256px;max-width:none;max-height:none}.studio-card canvas{width:72px;height:72px;margin:auto}
.asset-studio #asset-canvas.is-pannable{cursor:grab;touch-action:none}.asset-studio #asset-canvas.is-pannable:active{cursor:grabbing}.asset-studio #asset-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.studio-heading-title{display:flex;align-items:center;gap:12px;min-width:0}.studio-mark{display:block;width:80px;height:40px;object-fit:contain;flex:none;border:1px solid var(--line);border-radius:6px}
@media(max-width:520px){.studio-mark{width:64px;height:32px}.studio button,.studio input,.studio select,.studio-help summary{min-height:44px}}
.studio-section-head>div{min-width:0}.studio-section-head h2{overflow-wrap:anywhere;line-height:1.4}.studio-section-head>.studio-muted{flex:none;white-space:nowrap}.studio-card-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
.studio-stage.audio-stage{min-height:0;background-image:none;background-color:var(--bg)}.studio-stage #studio-audio-wrap{width:100%;min-width:0;padding:16px;text-align:left}
.studio-audio-player{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px}.studio-audio-track{min-width:0}
.studio #studio-audio-play{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font-size:.85rem;padding:10px}
.studio #studio-audio-symbol{font-size:1rem;width:14px;text-align:center}
.studio #studio-audio-seek{display:block;width:100%;min-width:0;height:36px;min-height:36px;margin:0;padding:0;border:0;background:transparent;accent-color:var(--accent);cursor:pointer}
.studio #studio-audio-seek:disabled{cursor:default;opacity:.45}.studio-audio-times{display:flex;justify-content:space-between;gap:8px;color:#aabbbd;font-size:.72rem;font-variant-numeric:tabular-nums}
.studio-audio-navigation{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.studio-audio-navigation button{background:transparent;border:1px solid var(--line);border-radius:6px;min-height:44px;padding:6px 12px;font-size:.78rem}
#studio-audio-status{display:block;font-size:.76rem;line-height:1.5;min-height:1.5em;color:#bcc9c9;margin-top:12px}#studio-audio-status:empty{visibility:hidden}
.studio-audio-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--bg);margin-bottom:14px}.studio-audio-tabs button{flex:1;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);font-size:.8rem;font-weight:650}.studio-audio-tabs button[aria-pressed=true]{border-color:var(--accent);background:var(--hi);color:var(--ink)}
.studio-grid.audio-list .studio-card{display:flex;align-items:center;gap:10px;min-height:62px}.studio-grid.audio-list .studio-card-copy{white-space:normal;overflow-wrap:anywhere;line-height:1.4;text-overflow:clip;min-width:0;font-size:.8rem}
.studio-card .studio-recording-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:6px;background:var(--hi);color:var(--accent);font-size:1.2rem}.studio-card.is-playing .studio-recording-icon{background:var(--accent);color:#11251c}.studio-card.is-playing .studio-recording-icon::after{content:'Ⅱ';font-size:.8rem}.studio-card.is-playing .studio-recording-icon{font-size:0}
@media(max-width:520px){.studio-tabs{gap:0}.studio-stage #studio-audio-wrap{padding:12px}.studio #studio-audio-seek{height:44px;min-height:44px}.studio-audio-player{gap:10px;grid-template-columns:84px minmax(0,1fr)}.studio-pagination{gap:6px;font-size:.72rem}.studio-pagination button{padding-inline:8px}.studio-transport button{min-width:44px}}
@media(max-width:900px){.studio-preview .studio-section-head h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;block-size:2.8em;overflow:hidden}}
.studio-preview-options{margin-top:8px}
.asset-studio .studio-intro{font-size:.78rem;color:var(--muted);margin-top:3px}
.asset-studio .studio-tabs button{flex:1 1 92px}
.asset-studio .studio-tabs button[aria-pressed=true]{color:var(--ink);background:var(--hi);box-shadow:inset 0 -2px 0 var(--accent)}
.asset-studio .studio-card-copy{white-space:normal;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.7em}
.asset-studio .studio-grid.audio-list .studio-card-copy{min-height:0}
.asset-studio .asset-primary-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.asset-studio .asset-primary-actions a{font-size:.78rem;margin-left:auto}
.asset-studio .asset-source p{font-size:.78rem;line-height:1.5;color:var(--muted);margin:8px 0}
.asset-studio #asset-status{font-size:.78rem;min-height:1.5em;margin-top:6px}
.asset-studio #asset-waveform{width:100%;height:44px;max-width:100%;margin-bottom:8px;image-rendering:auto}
.studio .asset-loop{display:flex;align-items:center;min-height:44px;gap:6px}
.studio .asset-loop input{min-height:0;width:18px;height:18px}
.studio .studio-animation{display:flex;gap:6px}
.asset-studio .asset-local-file input{max-width:210px;font-size:.75rem}
.studio .asset-local-file{min-width:0;max-width:100%}
.studio .asset-local-file input[type=file]{width:100%;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%}
.asset-studio .studio-preview .studio-section-head h2{font-size:.95rem;line-height:1.4;block-size:2.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:520px){.asset-studio .studio-intro{display:none}.asset-studio .studio-heading h1{font-size:1.05rem}.asset-studio .studio-tabs{gap:4px}.asset-studio .studio-tabs button{flex-basis:82px;padding:6px}.asset-studio .studio-preview{padding:10px}.asset-studio .studio-section-head{gap:8px}.asset-studio .studio-mark{width:48px;height:24px}.asset-studio .studio-heading-title{gap:8px}.asset-studio .asset-primary-actions a{margin-left:0}}
.studio-preview-options summary{cursor:pointer;min-height:40px;display:flex;align-items:center;color:#c3d3d0;font-size:.8rem}
.studio-preview-options summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.studio-preview-options:has(#studio-transport[hidden]){display:none}
.asset-studio .studio-preview .studio-section-head h2{block-size:auto;min-block-size:1.4em}
.asset-studio .studio-section-head>.studio-muted{white-space:normal;text-align:right;font-variant-numeric:tabular-nums;font-size:.7rem}
.studio .studio-preview-surface{box-sizing:content-box;display:block;width:256px;height:256px;background:var(--bg);border:1px solid var(--line);border-radius:8px;background-image:linear-gradient(45deg,#ffffff05 25%,transparent 25%,transparent 75%,#ffffff05 75%),linear-gradient(45deg,#ffffff05 25%,transparent 25%,transparent 75%,#ffffff05 75%);background-size:24px 24px;background-position:0 0,12px 12px}
.studio .studio-stage[data-background=dark],.studio .studio-preview-surface[data-background=dark]{background:#10151d}
.studio .studio-stage[data-background=light],.studio .studio-preview-surface[data-background=light]{background:#e6e9ed}
.studio .studio-animation{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px}
.studio .studio-animation-settings{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.studio .studio-animation-settings>.control-field{min-width:70px;flex:0 1 80px}
.studio .studio-animation-settings>[id$="-clip-label"]{flex:1 1 140px}
.studio .studio-animation-settings select{width:100%}
.studio .studio-animation-settings .asset-loop{margin-left:auto;font-size:.75rem;flex:none}
.studio .studio-frame-transport{display:grid;grid-template-columns:70px 40px minmax(32px,1fr) 40px 55px;align-items:center;gap:5px}
.studio .studio-frame-transport button{padding:6px;min-height:40px}
.studio .studio-frame-transport output{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}
.studio .studio-frame-transport input[type=range]{width:100%;padding:0;margin:0;min-width:0;height:40px;border:0;background:transparent;accent-color:var(--accent)}
.asset-studio .studio-audio-tabs{gap:4px;flex-wrap:wrap}
.asset-studio .studio-audio-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 110px;min-width:0}
.asset-studio .studio-audio-tabs small{border-radius:10px;font-size:.65rem;padding:2px 6px;background:var(--hi);color:var(--muted);font-variant-numeric:tabular-nums}
.asset-studio .studio-card-meta{display:block;font-size:.65rem;color:var(--muted);margin-top:4px;line-height:1.4;white-space:nowrap}
.asset-studio .studio-card:has(.studio-card-meta) .studio-card-copy{margin-top:3px}
.studio .studio-grid{max-height:650px;overflow-y:auto;padding:2px;scrollbar-gutter:stable;align-content:start}
.asset-studio .studio-grid.audio-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.asset-studio .studio-grid.audio-list .studio-card{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;row-gap:0;min-height:70px}
.asset-studio .studio-grid.audio-list .studio-recording-icon{grid-row:1/3;align-self:center}
.asset-studio .studio-grid.audio-list .studio-card-copy{margin:0;align-self:end}
.asset-studio .studio-grid.audio-list .studio-card-meta{grid-column:2;text-align:left;margin-top:3px;align-self:start}
.studio .studio-filters>.control-field:not(.studio-search){flex:0 1 170px;min-width:100px}
.studio .studio-filters select{width:100%;min-width:0}
.asset-studio .studio-card:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media(min-width:1100px){.asset-studio .studio-preview{position:sticky;top:12px}}
@media(max-width:520px){
  .studio .studio-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
  .studio .studio-tabs button{flex:0 0 auto;min-width:50px;min-height:44px;font-size:.73rem;padding-inline:8px}
  .studio .studio-animation{padding:8px;gap:8px}
  .studio .studio-frame-transport{grid-template-columns:60px 34px minmax(24px,1fr) 34px 45px;gap:3px}
  .studio .studio-frame-transport button{min-width:0;min-height:44px}
  .studio .studio-animation-settings{gap:8px}
  .studio .studio-animation-settings>[id$="-clip-label"]{flex-basis:130px}
  .studio .studio-animation-settings>.control-field{flex-basis:65px}
  .studio .studio-animation-settings .asset-loop{margin-left:0}
  .asset-studio .studio-audio-tabs button{flex-basis:90px;padding:6px;gap:4px;font-size:.74rem}
  .studio .studio-grid{max-height:520px}
  .asset-studio .studio-grid.audio-list{grid-template-columns:1fr}
  .asset-studio .studio-grid.audio-list .studio-card{min-height:62px}
  .asset-studio .asset-primary-actions button{font-size:.75rem;padding-inline:10px}
  .studio .studio-filters>.control-field:not(.studio-search){flex:1 1 140px}
}
@media(max-width:900px){
  .studio-heading{margin:4px 0 10px}
  .studio-tabs{margin-bottom:10px}
  .studio-layout{gap:10px}
  .studio-section-head{margin-bottom:8px}
  .studio-stage{min-height:180px}
  .studio-caption{margin-top:6px!important}
}