: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: rgb(32 29 22 / 38%);--danger-text: #a23c35;--danger-bg: #f8eae7;--focus-ring: rgb(217 145 24 / 55%);--shadow-button: 0 1px 3px rgb(31 29 24 / 12%);--shadow-panel: 0 10px 30px rgb(31 29 24 / 5%);--shadow-floating: 0 3px 10px rgb(31 29 24 / 14%);--shadow-dialog: 0 24px 80px rgb(24 22 17 / 32%);--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: rgb(0 0 0 / 58%);--danger-text: #ef9189;--danger-bg: #402629;--focus-ring: rgb(226 164 59 / 72%);--shadow-button: 0 1px 3px rgb(0 0 0 / 32%);--shadow-panel: 0 10px 30px rgb(0 0 0 / 22%);--shadow-floating: 0 3px 10px rgb(0 0 0 / 38%);--shadow-dialog: 0 24px 80px rgb(0 0 0 / 52%);--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{overflow-y:scroll;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-gutter:stable;scrollbar-width:auto}html.has-modal-dialog{overflow:hidden}html::-webkit-scrollbar,*::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track,*::-webkit-scrollbar-track{border:0;background:var(--scrollbar-track)}html::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{min-width:28px;min-height:28px;border:2px solid var(--scrollbar-track);border-radius:999px;background:var(--scrollbar-thumb);background-clip:padding-box}html::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}html::-webkit-scrollbar-thumb:active,*::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active);background-clip:padding-box}body{display:flex;min-width:320px;min-height:100dvh;flex-direction:column;margin:0;color:var(--text);background:var(--page-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:normal}::selection{color:HighlightText;background-color:Highlight}main{width:min(760px,100%);flex:1 0 auto;margin:0 auto;padding:64px 24px}.desktop-project-links{position:fixed;z-index:100;top:2rem;right:2rem;display:none;flex-direction:column;gap:16px}.project-link-button{display:grid;width:48px;height:48px;padding:8px;place-items:center;border:1px solid var(--control-border);border-radius:9px;color:var(--muted-text);background:var(--surface-bg);box-shadow:var(--shadow-button);cursor:default}.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{position:fixed;inset:0 auto auto 0;z-index:110;max-width:calc(100vw - 1rem);padding:6px 8px;border:1px solid var(--control-border);border-radius:6px;color:var(--text);background:var(--raised-bg);box-shadow:var(--shadow-floating);font-size:.8rem;line-height:1.2;pointer-events:none;transform:translate(-200vw,-200vh);white-space:nowrap}.project-link-tooltip[hidden]{display:none}.github-mark{display:block;width:28px;height:28px;fill:currentcolor}h1{margin:0;font-size:2.5rem}.demo-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.header-controls{display:flex;flex:0 0 auto;gap:8px}.demo-intro{display:grid;gap:14px;max-width:690px;margin-top:20px;color:var(--intro-text);line-height:1.42}.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{display:grid;width:36px;height:36px;flex:0 0 auto;padding:0;place-items:center;border:1px solid var(--control-border);border-radius:7px;color:var(--text);background:var(--surface-bg);cursor:pointer}.gear-icon,.theme-icon{display:block;width:20px;height:20px;object-fit:contain;filter:var(--theme-icon-filter, none)}.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{padding:8px 14px;border:1px solid var(--control-border);border-radius:7px;color:var(--control-text);background:var(--control-bg);box-shadow:var(--shadow-button);cursor:pointer}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{display:grid;margin-top:28px}.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]{width:100%;border:1px solid var(--control-border);border-radius:8px;color:var(--text);background:var(--raised-bg);box-shadow:inset 0 1px 1px #1f1d180a}textarea{min-height:7rem;margin-top:8px;padding:11px 12px;line-height:1.5;resize:vertical}#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{display:grid;grid-template-columns:5rem auto;align-items:center;gap:10px;margin-top:8px}.unit-input span{color:var(--muted-text);font-size:.9rem}.form-error{margin:10px 0 0;font-size:.9rem}.advanced-options{margin-top:22px;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}.advanced-options>summary,.runtime-details>summary{width:fit-content;padding:13px 0;color:var(--control-text);cursor:pointer;font-size:.92rem;font-weight:650}.advanced-options>summary:hover,.runtime-details>summary:hover{color:var(--accent-strong)}.advanced-content{display:grid;gap:20px;padding:4px 0 22px}.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.advanced-grid label{display:grid;gap:7px}.advanced-grid label>span{color:var(--muted-text);font-size:.78rem;font-weight:450}.actions{display:flex;gap:8px;margin-top:18px}.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{overflow:hidden;margin-top:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface-bg);box-shadow:var(--shadow-panel)}.panel-heading{padding:16px 18px;background:var(--section-header-bg)}.panel-heading h2,.panel-heading p{margin:0}.panel-heading h2{font-size:1.05rem;font-weight:700;line-height:normal}.panel-heading p{margin-top:3px;color:var(--muted-text);font-size:.85rem}.progress-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}#progress-percent{flex:0 0 auto;color:var(--muted-text);font-size:.85rem;font-variant-numeric:tabular-nums}#progress-percent:empty{display:none}.progress-body{padding:15px 18px;border-top:1px solid var(--divider)}.progress-track{position:relative;height:12px;overflow:hidden;border-radius:999px;background:var(--inset-bg)}progress{-webkit-appearance:none;appearance:none;display:block;width:100%;height:12px;overflow:hidden;border:0;border-radius:999px;background:var(--inset-bg)}.progress-indicator{position:absolute;inset:0;display:none;border-radius:inherit;background-color:var(--accent-soft-bg);background-image:repeating-linear-gradient(-45deg,transparent 0 8px,var(--accent) 8px 16px);background-size:23px 23px;box-shadow:inset 0 0 0 1px var(--progress-indeterminate-border);pointer-events:none}progress:not([value])+.progress-indicator{display:block;animation:progress-stripes .65s linear infinite}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{padding:12px 18px;border:1px solid var(--border);border-radius:12px;background:var(--raised-bg);box-shadow:var(--shadow-panel)}#audio-player{display:block;width:100%;accent-color:var(--accent-strong)}.result-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px}.result-details{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;font-variant-numeric:tabular-nums}.result-details>div{display:flex;align-items:baseline;gap:7px}.result-details dt{color:var(--muted-text);font-size:.78rem;font-weight:650}.result-details dd{margin:0;font-size:.9rem}.download-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;color:var(--accent-strong);text-decoration:none}.settings-dialog{width:min(680px,calc(100vw - 32px));max-width:none;max-height:min(80dvh,720px);overflow:hidden;padding:0;border:1px solid var(--border);border-radius:14px;color:var(--text);background:var(--surface-bg);box-shadow:var(--shadow-dialog)}.settings-dialog[open]{display:flex;flex-direction:column}.settings-dialog::backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-dialog-heading{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:20px;padding:16px 18px;background:var(--section-header-bg)}.settings-dialog-heading h2{margin:0;outline:none;font-size:1.05rem}.dialog-close{display:grid;width:32px;height:32px;flex:0 0 auto;padding:0;place-items:center;border-color:transparent;background:transparent;box-shadow:none;font-size:1.55rem;line-height:1}.settings-content{min-height:0;overflow:auto;border-top:1px solid var(--divider)}.cache-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px}.cache-row strong{font-size:.9rem}.cache-row p{margin:3px 0 0;color:var(--muted-text);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);overflow:auto;margin:0;padding:16px 18px;color:var(--muted-text);background:var(--muted-bg);font-size:.76rem;line-height:1.5}.site-footer{width:100%;flex:0 0 auto;padding:12px 20px;border-top:1px solid var(--divider);color:var(--muted-text);background:var(--footer-bg);text-align:center;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,progress::-moz-progress-bar{transition:none}progress:not([value])+.progress-indicator{animation:none}}@media(min-width:1101px){.desktop-project-links{display:flex}.mobile-project-links{display:none}}@media(max-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{align-items:flex-start;flex-direction:column;gap:8px}.result-footer{align-items:stretch;flex-direction:column;gap:12px}.download-button,.cache-row button{width:100%;text-align:center}.settings-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}.site-nav{margin-top:10px;color:var(--text);font-size:.95rem}.site-nav a{color:var(--accent-text);text-decoration-color:color-mix(in srgb,currentcolor 55%,transparent);text-underline-offset:.16em}.site-nav a:hover{color:var(--accent-text)}.site-nav .is-current{color:var(--text);font-weight:650}