:root{--sf-accent: #2f5d8c;--sf-bg: #ffffff;--sf-text: #1a1a1a;--sf-muted: #5b5b5b;--sf-surface: #f3f4f6;--sf-border: #d8d8d8;--sf-error: #b3261e;--sf-warning: #8a6116;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--sf-bg: #1b1b1b;--sf-text: #f2f2f2;--sf-muted: #b0b0b0;--sf-surface: #262626;--sf-border: #555555;--sf-error: #f2b8b5;--sf-warning: #e8c37a}}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;color:var(--sf-text);background:var(--sf-bg)}.sf-app{padding:.75rem}.sf-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.sf-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--sf-surface)}.sf-tab{font:inherit;border:0;background:transparent;color:var(--sf-muted);padding:.5rem .75rem;cursor:pointer;border-bottom:2px solid transparent}.sf-tab-current{color:var(--sf-accent);border-bottom-color:var(--sf-accent);font-weight:600}.sf-panel{padding:.75rem 0}.sf-panel h2{font-size:1rem;margin:0 0 .75rem}.sf-panel h3{font-size:.875rem;margin:1rem 0 .5rem}button,.sf-download{font:inherit;padding:.4rem .75rem;border-radius:.25rem;border:1px solid var(--sf-accent);background:transparent;color:var(--sf-accent);cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:default}.sf-primary{background:var(--sf-accent);color:#fff}.sf-danger{border-color:var(--sf-error);color:var(--sf-error)}.sf-progress{height:.4rem;background:var(--sf-surface);border-radius:999px;margin:.5rem 0;overflow:hidden}.sf-progress-fill{height:100%;background:var(--sf-accent)}.sf-stats{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem;margin:.75rem 0}.sf-stat{display:contents}.sf-stat dt{color:var(--sf-muted)}.sf-stat dd{margin:0;font-variant-numeric:tabular-nums}.sf-slides{list-style:none;margin:0;padding:0;max-height:14rem;overflow-y:auto}.sf-slide{display:flex;gap:.5rem;width:100%;text-align:left;border:0;border-radius:.25rem;color:inherit;padding:.35rem .5rem}.sf-slide-current{background:var(--sf-surface);font-weight:600}.sf-slide-number{color:var(--sf-muted);min-width:4.5rem}.sf-badge{color:var(--sf-accent);font-size:.75rem}.sf-field{margin-bottom:.6rem}.sf-field label{display:block;margin-bottom:.2rem;color:var(--sf-muted)}.sf-field input,.sf-field select,.sf-field textarea{font:inherit;width:100%;box-sizing:border-box;padding:.35rem .4rem;border:1px solid var(--sf-muted);border-radius:.25rem;background:var(--sf-bg);color:var(--sf-text)}.sf-help{margin:.2rem 0 0;color:var(--sf-muted);font-size:.8rem}.sf-questions{list-style:none;margin:0;padding:0}.sf-question{border:1px solid var(--sf-surface);border-radius:.35rem;margin:0 0 .75rem;padding:.6rem}.sf-question legend{font-weight:600;padding:0 .25rem}.sf-choice-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}.sf-choice-row input[type=text]{flex:1}.sf-choice-row label{color:var(--sf-muted)}.sf-error{color:var(--sf-error)}.sf-warning{color:var(--sf-warning)}.sf-muted{color:var(--sf-muted)}.sf-status{min-height:1.2em;color:var(--sf-muted)}.sf-severity-error,.sf-severity-blocking{color:var(--sf-error)}.sf-severity-warning{color:var(--sf-warning)}:focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px}.sf-savebar{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;padding:.35rem .5rem;border-bottom:1px solid var(--sf-border, #d8d8d8);font-size:.8125rem}.sf-savedot:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.35rem;border-radius:50%;background:currentColor}.sf-savedot-saved,.sf-savedot-clean{color:#1e7d32}.sf-savedot-pending{color:#9a6700}.sf-savedot-error{color:#b3261e}.sf-savenote{flex-basis:100%;margin:.15rem 0 0;color:var(--sf-muted, #5b5b5b);font-size:.75rem}.sf-linkbutton{background:none;border:none;padding:0;color:var(--sf-accent, #2f5d8c);text-decoration:underline;cursor:pointer;font:inherit}.sf-note{margin:.25rem 0 .75rem;color:var(--sf-muted, #5b5b5b);font-size:.8125rem}.sf-countdown{font-size:2.5rem;font-weight:600;text-align:center;margin:.5rem 0;color:var(--sf-accent, #2f5d8c)}.sf-recording{margin:.5rem 0}.sf-meter{height:.6rem;border-radius:.3rem;background:#e6e6e6;overflow:hidden}.sf-meter-fill{height:100%;background:linear-gradient(90deg,#1e7d32 0% 70%,#9a6700 85%,#b3261e)}.sf-elapsed{display:inline-block;margin-top:.25rem;font-variant-numeric:tabular-nums}.sf-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}.sf-takes{list-style:none;margin:.5rem 0;padding:0}.sf-take{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.35rem .4rem;border:1px solid var(--sf-border, #d8d8d8);border-radius:.25rem;margin-bottom:.35rem}.sf-take-active{border-color:var(--sf-accent, #2f5d8c);background:#f2f6fa}.sf-take-label{flex:1 1 auto;font-size:.8125rem}.sf-tts{border-bottom:1px solid var(--sf-surface);padding-bottom:1rem;margin-bottom:1rem}.sf-secret-row{display:grid;gap:.4rem;margin-bottom:.75rem}.sf-check{display:flex;align-items:flex-start;gap:.45rem;margin:.6rem 0}.sf-check input{margin-top:.2rem;flex:0 0 auto}.sf-consent{border:2px solid var(--sf-accent);border-radius:.4rem;padding:.75rem;margin-top:.75rem;background:var(--sf-bg);box-shadow:0 .5rem 1.5rem #0000002e}.sf-consent h4{margin:0 0 .5rem}.sf-lexicon,.sf-batch{border:1px solid var(--sf-border, #d8d8d8);border-radius:.4rem;margin:.75rem 0;padding:.65rem}.sf-lexicon legend,.sf-batch legend{font-weight:600;padding:0 .25rem}.sf-lexicon-entry{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.3rem 0}.sf-lexicon-form{display:grid;gap:.4rem;margin-top:.5rem}.sf-file-button{display:inline-flex;align-items:center;border:1px solid var(--sf-border, #777);border-radius:.25rem;padding:.35rem .65rem;cursor:pointer}.sf-word-timings{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0}.sf-interaction-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem}.sf-interaction-gallery>button{display:grid;gap:.35rem;padding:.75rem;border:1px solid var(--sf-border);border-radius:.4rem;background:var(--sf-bg);color:inherit;text-align:left;cursor:pointer}.sf-interaction-gallery>button:hover{border-color:var(--sf-accent)}.sf-interaction-gallery span:last-child{color:var(--sf-muted);font-size:.8rem}.sf-interaction-thumbnail{display:flex;gap:.2rem;min-height:2.6rem;align-items:flex-start}.sf-interaction-thumbnail i{display:block;flex:1;min-height:.6rem;border-radius:.15rem;background:color-mix(in srgb,var(--sf-accent) 30%,white)}.sf-interaction-thumbnail-accordion{flex-direction:column}.sf-interaction-thumbnail-accordion i{width:100%}.sf-interaction-thumbnail-timeline{align-items:center}.sf-interaction-thumbnail-timeline i{height:1.2rem;border-radius:999px}.sf-interaction-settings{margin:.75rem 0;border:1px solid var(--sf-border);border-radius:.4rem}.sf-interaction-settings legend{font-weight:600}.sf-interaction-settings>label{display:flex;align-items:center;gap:.4rem;margin:.35rem 0}.sf-color-row{display:flex;flex-wrap:wrap;gap:.75rem}.sf-color-row label{display:grid;gap:.2rem;font-size:.8rem}.sf-interaction-editor{display:grid;grid-template-columns:minmax(9rem,.8fr) minmax(12rem,1.2fr);gap:.75rem}.sf-interaction-item-list{margin:0 0 .5rem;padding:0;list-style:none}.sf-interaction-item-list li{display:grid;grid-template-columns:1fr auto auto;gap:.2rem;margin-bottom:.25rem}.sf-interaction-item-list button{min-width:2rem}.sf-interaction-item-list button:first-child{overflow:hidden;text-overflow:ellipsis;text-align:left;white-space:nowrap}.sf-interaction-item-list .sf-current{border-color:var(--sf-accent);font-weight:600}.sf-file-button{display:inline-block;padding:.35rem .6rem;border:1px solid var(--sf-border);border-radius:.25rem;cursor:pointer}.sf-file-button input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.sf-interaction-preview{--sf-preview-accent: var(--sf-accent);--sf-preview-surface: var(--sf-bg);--sf-preview-text: var(--sf-text);padding:.75rem;border:1px solid var(--sf-border);border-radius:.4rem;background:var(--sf-preview-surface);color:var(--sf-preview-text)}.sf-interaction-preview [role=group]{display:flex;flex-wrap:wrap;gap:.25rem;margin:.5rem 0}.sf-interaction-preview button{border:1px solid var(--sf-preview-accent);background:transparent;color:inherit}.sf-interaction-preview button[aria-pressed=true]{background:var(--sf-preview-accent);color:#fff}.sf-interaction-preview section{border-left:3px solid var(--sf-preview-accent);padding-left:.6rem}.sf-interaction-preview h4,.sf-interaction-preview p{margin:.25rem 0}@media(max-width:420px){.sf-interaction-editor{grid-template-columns:1fr}}.sf-word-timings span{padding:.15rem .25rem;border-radius:.2rem;background:var(--sf-surface)}