.tool-wrap[data-astro-cid-xqrakt4q]{padding-block:var(--space-6)}.tool-header[data-astro-cid-xqrakt4q]{margin-bottom:var(--space-5)}.tool-title[data-astro-cid-xqrakt4q]{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.tool-desc[data-astro-cid-xqrakt4q]{color:var(--text-muted);font-size:var(--text-lg);max-width:60ch;margin:0}.tool-content[data-astro-cid-xqrakt4q]{width:100%}.hls-studio .studio-layout{gap:var(--space-4);grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;display:grid}.hls-studio .settings{top:var(--space-3);position:sticky}.hls-studio .panel,.hls-studio .preview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.hls-studio .panel{padding:var(--space-4);margin-bottom:var(--space-3)}.hls-studio .panel-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text);margin:0 0 var(--space-3)}.hls-studio .field{margin-bottom:var(--space-3)}.hls-studio .field:last-child{margin-bottom:0}.hls-studio label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text);margin-bottom:var(--space-2);display:block}.hls-studio .val{font-weight:var(--weight-normal);color:var(--text-muted);font-variant-numeric:tabular-nums}.hls-studio input[type=text],.hls-studio select{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--text-base);font-family:inherit}.hls-studio input[type=range]{width:100%;min-height:44px;accent-color:var(--accent-text)}.hls-studio input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;vertical-align:middle;width:44px;height:44px;padding:2px}.hls-studio .row{align-items:center;gap:var(--space-3);display:flex}.hls-studio .output-meta{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-body);margin-top:var(--space-2);font-variant-numeric:tabular-nums}.hls-studio button.act{width:100%;min-height:44px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--transition);border:1px solid #0000;font-family:inherit;display:block}.hls-studio button.act+button.act{margin-top:var(--space-2)}.hls-studio button.act:hover{background:#8fdc5e}.hls-studio button.act-secondary{background:var(--bg);border-color:var(--border-strong);color:var(--text)}.hls-studio button.act-secondary:hover{background:var(--surface-2)}.hls-studio button.act:disabled{opacity:.5;cursor:not-allowed}.hls-studio .hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);line-height:var(--leading-body)}.hls-studio .license-link{font-size:var(--text-xs);margin:var(--space-2) 0 0;line-height:var(--leading-body)}.hls-studio .license-link a{color:var(--accent-text);text-underline-offset:2px;text-decoration:underline}.hls-studio .preview-head{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.hls-studio .preview-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text);margin:0}.hls-studio .preview-count{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.hls-studio .preview-list{gap:var(--space-3);display:grid}.hls-studio .fontgroup{top:var(--space-3);z-index:2;padding:var(--space-2) 0 var(--space-1);background:linear-gradient(var(--bg) 72%, transparent);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);position:sticky}.hls-studio .group-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hls-studio .preview-card{padding:var(--space-3);gap:var(--space-2);flex-direction:column;min-height:154px;display:flex}.hls-studio .preview-card.is-selected{border-color:var(--accent-text);box-shadow:inset 0 0 0 2px var(--accent-text), var(--shadow-sm)}.hls-studio .card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.hls-studio .font-name{font-size:var(--text-sm);line-height:var(--leading-tight);font-weight:var(--weight-semibold);color:var(--text)}.hls-studio .badges{gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;display:flex}.hls-studio .badge{font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-2);padding:2px var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}.hls-studio .badge.warn2{color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);font-weight:var(--weight-semibold)}.hls-studio .stage{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:76px;padding:var(--space-3);justify-content:center;align-items:center;display:flex;overflow:hidden}.hls-studio .stage>div{width:100%;max-width:300px}.hls-studio .card-bottom{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.hls-studio .meta{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-body);font-variant-numeric:tabular-nums}.hls-studio .warn{font-size:var(--text-xs);color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);line-height:var(--leading-body);display:none}.hls-studio .warn.show{display:block}.hls-studio .mini-btn{border:1px solid var(--border-strong);background:var(--bg);color:var(--text);border-radius:var(--radius-sm);min-height:44px;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap}.hls-studio .mini-btn:hover{background:var(--surface)}.hls-studio .mini-btn:disabled{opacity:.45;cursor:not-allowed}.hls-studio .empty-state{padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);text-align:center}@media (width<=980px){.hls-studio .studio-layout{grid-template-columns:1fr}.hls-studio .settings{position:static}.hls-studio .group-grid{grid-template-columns:1fr}}