:root[data-ace-demo-theme=light]{--page-bg:#f5f4ef;--surface-bg:#faf9f5;--footer-bg:#ebe9e1;--section-header-bg:#faf9f5;--raised-bg:#fff;--muted-bg:#f1efe8;--inset-bg:#e8e6de;--text:#171717;--muted-text:#716d64;--intro-text:#171717;--control-text:#393630;--border:#d8d4c9;--divider:#e2ded4;--control-border:#c9c4b8;--strong-border:#b9b4a8;--hover-border:#a9a397;--active-border:#8f897e;--control-bg:#f3f1ea;--accent:#d99118;--accent-button-hover:#c47f10;--accent-strong:#8a5a0a;--accent-text:#6d4505;--accent-soft-bg:#fff3d7;--progress-indeterminate-border:#b47a16;--modal-backdrop:#201d1661;--danger-text:#a23c35;--danger-bg:#f8eae7;--focus-ring:#d991188c;--shadow-button:0 1px 3px #1f1d181f;--shadow-panel:0 10px 30px #1f1d180d;--shadow-floating:0 3px 10px #1f1d1824;--shadow-dialog:0 24px 80px #18161152;--scrollbar-track:#f1efe8;--scrollbar-thumb:#aaa59a;--scrollbar-thumb-hover:#8f897e;--scrollbar-thumb-active:#716d64;color-scheme:light}:root[data-ace-demo-theme=dark]{--page-bg:#141517;--surface-bg:#1c1e21;--footer-bg:var(--surface-bg);--section-header-bg:#303238;--raised-bg:#25272b;--muted-bg:#202226;--inset-bg:#2b2e33;--text:#f2f0ea;--muted-text:#aaa69d;--intro-text:var(--text);--control-text:#dedad1;--border:#383b42;--divider:#30333a;--control-border:#484c55;--strong-border:#5a5f69;--hover-border:#6b707a;--active-border:#7a808b;--control-bg:#292c31;--accent:#e2a43b;--accent-button-hover:#f0bd5b;--accent-strong:#f0bd5b;--accent-text:#f0bd5b;--accent-soft-bg:#3b2c15;--progress-indeterminate-border:#b88732;--modal-backdrop:#00000094;--danger-text:#ef9189;--danger-bg:#402629;--focus-ring:#e2a43bb8;--shadow-button:0 1px 3px #00000052;--shadow-panel:0 10px 30px #00000038;--shadow-floating:0 3px 10px #00000061;--shadow-dialog:0 24px 80px #00000085;--scrollbar-track:#1b1d20;--scrollbar-thumb:#5c6068;--scrollbar-thumb-hover:#747983;--scrollbar-thumb-active:#8a909b;--theme-icon-filter:invert(1);color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}html{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-gutter:stable;scrollbar-width:auto;overflow-y:scroll}html.has-modal-dialog{overflow:hidden}html::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track{background:var(--scrollbar-track);border:0}::-webkit-scrollbar-track{background:var(--scrollbar-track);border:0}html::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-track);background:var(--scrollbar-thumb);background-clip:padding-box;border-radius:999px;min-width:28px;min-height:28px}::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-track);background:var(--scrollbar-thumb);background-clip:padding-box;border-radius:999px;min-width:28px;min-height:28px}html::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}html::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active);background-clip:padding-box}body{min-width:320px;min-height:100dvh;color:var(--text);background:var(--page-bg);flex-direction:column;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:normal;display:flex}::selection{color:highlighttext;background-color:highlight}main{flex:1 0 auto;width:min(760px,100%);margin:0 auto;padding:64px 24px}.desktop-project-links{z-index:100;flex-direction:column;gap:16px;display:none;position:fixed;top:2rem;right:2rem}.project-link-button{border:1px solid var(--control-border);width:48px;height:48px;color:var(--muted-text);background:var(--surface-bg);box-shadow:var(--shadow-button);cursor:default;border-radius:9px;place-items:center;padding:8px;display:grid}.project-link-button:hover{border-color:var(--hover-border);color:var(--text);background:var(--muted-bg)}.project-link-button:active{border-color:var(--active-border);box-shadow:none}.project-link-tooltip{z-index:110;border:1px solid var(--control-border);max-width:calc(100vw - 1rem);color:var(--text);background:var(--raised-bg);box-shadow:var(--shadow-floating);pointer-events:none;white-space:nowrap;border-radius:6px;padding:6px 8px;font-size:.8rem;line-height:1.2;position:fixed;inset:0 auto auto 0;transform:translate(-200vw,-200vh)}.project-link-tooltip[hidden]{display:none}.github-mark{fill:currentColor;width:28px;height:28px;display:block}h1{margin:0;font-size:2.5rem}.demo-title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.header-controls{flex:none;gap:8px;display:flex}.demo-intro{max-width:690px;color:var(--intro-text);gap:14px;margin-top:20px;line-height:1.42;display:grid}.demo-intro p{margin:0}.demo-intro .demo-tagline{color:var(--text);font-size:1.04rem}.download-note,.support-warning,.mobile-project-links{color:var(--muted-text)}.support-warning.is-error,.form-error{color:var(--danger-text)}a{color:var(--accent-strong);text-underline-offset:2px}a:hover{color:var(--accent-text)}.header-icon-button{border:1px solid var(--control-border);width:36px;height:36px;color:var(--text);background:var(--surface-bg);cursor:pointer;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.gear-icon,.theme-icon{object-fit:contain;width:20px;height:20px;filter:var(--theme-icon-filter,none);display:block}.theme-icon.is-sun{width:22px;height:22px}.header-icon-button:hover:not(:disabled){border-color:var(--hover-border);background:var(--muted-bg)}button,input,textarea{font:inherit}button,.download-button{border:1px solid var(--control-border);color:var(--control-text);background:var(--control-bg);box-shadow:var(--shadow-button);cursor:pointer;border-radius:7px;padding:8px 14px}button:hover:not(:disabled),.download-button:hover{border-color:var(--hover-border);background:var(--muted-bg)}button:active:not(:disabled),.download-button:active{border-color:var(--active-border);box-shadow:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible,audio:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.generation-form{margin-top:28px;display:grid}.field-label,.advanced-grid label{color:var(--control-text);font-size:.9rem;font-weight:650}.field-label:not(:first-child){margin-top:18px}textarea,input[type=text],input[type=number]{border:1px solid var(--control-border);width:100%;color:var(--text);background:var(--raised-bg);border-radius:8px;box-shadow:inset 0 1px 1px #1f1d180a}textarea{resize:vertical;min-height:7rem;margin-top:8px;padding:11px 12px;line-height:1.5}#lyrics{min-height:10.5rem}input[type=text],input[type=number]{min-height:42px;padding:8px 10px}textarea::placeholder,input::placeholder{color:var(--muted-text);opacity:.78}.unit-input{grid-template-columns:5rem auto;align-items:center;gap:10px;margin-top:8px;display:grid}.unit-input span{color:var(--muted-text);font-size:.9rem}.form-error{margin:10px 0 0;font-size:.9rem}.advanced-options{border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);margin-top:22px}.advanced-options>summary,.runtime-details>summary{width:fit-content;color:var(--control-text);cursor:pointer;padding:13px 0;font-size:.92rem;font-weight:650}.advanced-options>summary:hover,.runtime-details>summary:hover{color:var(--accent-strong)}.advanced-content{gap:20px;padding:4px 0 22px;display:grid}.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.advanced-grid label{gap:7px;display:grid}.advanced-grid label>span{color:var(--muted-text);font-size:.78rem;font-weight:450}.actions{gap:8px;margin-top:18px;display:flex}.primary-button{border-color:var(--accent);color:#171717;background:var(--accent)}.primary-button:hover:not(:disabled){border-color:var(--accent-button-hover);color:#141517;background:var(--accent-button-hover)}.progress-panel{border:1px solid var(--border);background:var(--surface-bg);box-shadow:var(--shadow-panel);border-radius:12px;margin-top:24px;overflow:hidden}.panel-heading{background:var(--section-header-bg);padding:16px 18px}.panel-heading h2,.panel-heading p{margin:0}.panel-heading h2{font-size:1.05rem;font-weight:700;line-height:normal}.panel-heading p{color:var(--muted-text);margin-top:3px;font-size:.85rem}.progress-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}#progress-percent{color:var(--muted-text);font-variant-numeric:tabular-nums;flex:none;font-size:.85rem}#progress-percent:empty{display:none}.progress-body{border-top:1px solid var(--divider);padding:15px 18px}.progress-track{background:var(--inset-bg);border-radius:999px;height:12px;position:relative;overflow:hidden}progress{appearance:none;background:var(--inset-bg);border:0;border-radius:999px;width:100%;height:12px;display:block;overflow:hidden}.progress-indicator{border-radius:inherit;background-color:var(--accent-soft-bg);background-image:repeating-linear-gradient(-45deg, transparent 0 8px, var(--accent) 8px 16px);box-shadow:inset 0 0 0 1px var(--progress-indeterminate-border);pointer-events:none;background-size:23px 23px;display:none;position:absolute;inset:0}progress:not([value])+.progress-indicator{animation:.65s linear infinite progress-stripes;display:block}progress::-webkit-progress-bar{border-radius:inherit;background:var(--inset-bg)}progress::-webkit-progress-value{border-radius:inherit;background:var(--accent);transition:width .2s linear}progress::-moz-progress-bar{border-radius:inherit;background:var(--accent);transition:width .2s linear}.result-panel{margin-top:24px}.audio-row{border:1px solid var(--border);background:var(--raised-bg);box-shadow:var(--shadow-panel);border-radius:12px;padding:12px 18px}#audio-player{width:100%;accent-color:var(--accent-strong);display:block}.result-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:12px;display:flex}.result-details{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px 24px;margin:0;display:flex}.result-details>div{align-items:baseline;gap:7px;display:flex}.result-details dt{color:var(--muted-text);font-size:.78rem;font-weight:650}.result-details dd{margin:0;font-size:.9rem}.download-button{color:var(--accent-strong);flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.settings-dialog{border:1px solid var(--border);width:min(680px,100vw - 32px);max-width:none;max-height:min(80dvh,720px);color:var(--text);background:var(--surface-bg);box-shadow:var(--shadow-dialog);border-radius:14px;padding:0;overflow:hidden}.settings-dialog[open]{flex-direction:column;display:flex}.settings-dialog::backdrop{background:var(--modal-backdrop);backdrop-filter:blur(8px)}.settings-dialog-heading{background:var(--section-header-bg);flex:none;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.settings-dialog-heading h2{outline:none;margin:0;font-size:1.05rem}.dialog-close{width:32px;height:32px;box-shadow:none;background:0 0;border-color:#0000;flex:none;place-items:center;padding:0;font-size:1.55rem;line-height:1;display:grid}.settings-content{border-top:1px solid var(--divider);min-height:0;overflow:auto}.cache-row{justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.cache-row strong{font-size:.9rem}.cache-row p{color:var(--muted-text);margin:3px 0 0;font-size:.82rem;line-height:1.4}.danger-button:not(:disabled){border-color:var(--danger-text);color:var(--danger-text);background:var(--danger-bg)}.runtime-details{border-top:1px solid var(--divider)}.runtime-details>summary{margin-left:18px}#runtime-metrics{max-height:min(50dvh,25rem);color:var(--muted-text);background:var(--muted-bg);margin:0;padding:16px 18px;font-size:.76rem;line-height:1.5;overflow:auto}.site-footer{border-top:1px solid var(--divider);width:100%;color:var(--muted-text);background:var(--footer-bg);text-align:center;flex:none;padding:12px 20px;font-size:.82rem;line-height:1.55}.site-footer a{color:inherit;text-decoration-color:color-mix(in srgb, currentcolor 55%, transparent);text-underline-offset:.16em}.site-footer a:hover{color:var(--accent-text)}@keyframes progress-stripes{to{background-position:23px 0}}@media (prefers-reduced-motion:reduce){progress::-webkit-progress-value{transition:none}progress::-moz-progress-bar{transition:none}progress:not([value])+.progress-indicator{animation:none}}@media (width>=1101px){.desktop-project-links{display:flex}.mobile-project-links{display:none}}@media (width<=520px){main{padding:40px 16px}h1{font-size:clamp(1.8rem,9vw,2.15rem)}.demo-title-row{gap:12px}.advanced-grid{grid-template-columns:minmax(0,1fr)}.progress-heading,.cache-row{flex-direction:column;align-items:flex-start;gap:8px}.result-footer{flex-direction:column;align-items:stretch;gap:12px}.download-button,.cache-row button{text-align:center;width:100%}.settings-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}