.tadaoto-ui-sfx-page .uix-app{margin:40px auto 0;max-width:960px}
.tadaoto-ui-sfx-page [hidden]{display:none!important}
.tadaoto-ui-sfx-page .tool-panel+.tool-panel{margin-top:20px}
.tadaoto-ui-sfx-page .uix-categories{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}
.tadaoto-ui-sfx-page .uix-category{background:#fff;border:1px solid #565e66;border-radius:12px;color:#1f2a33;cursor:pointer;font:inherit;font-size:15px;font-weight:700;min-height:56px;padding:12px}
.tadaoto-ui-sfx-page .uix-category:hover{background:#e6fbf8;border-color:#1fa08e;color:#167d70}
.tadaoto-ui-sfx-page .uix-category:active{transform:translateY(1px)}
.tadaoto-ui-sfx-page .uix-category--random{background:#10151a;border-color:#10151a;color:#5ee8d8}
.tadaoto-ui-sfx-page .uix-category--random:hover{background:#1d2733;color:#abfff5}
.tadaoto-ui-sfx-page .uix-wave{background:#10151a;border-radius:10px;display:block;height:90px;margin-top:20px;width:100%}
.tadaoto-ui-sfx-page .uix-current{align-items:center;display:flex;font-size:15px;font-weight:700;gap:10px;margin:16px 0 0}
.tadaoto-ui-sfx-page .uix-current small{color:var(--tool-muted);font-size:11px;font-weight:400}
.tadaoto-ui-sfx-page .uix-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.tadaoto-ui-sfx-page .uix-button{border:1px solid #b8bec5;border-radius:999px;cursor:pointer;font:inherit;font-size:14px;font-weight:700;min-height:46px;padding:11px 22px}
.tadaoto-ui-sfx-page .uix-button--primary{background:var(--tool-accent);border-color:var(--tool-accent);color:#fff}
.tadaoto-ui-sfx-page .uix-button--secondary{background:#fff;color:var(--tool-ink)}
.tadaoto-ui-sfx-page .uix-button--play{align-items:center;display:flex;font-size:16px;height:46px;justify-content:center;line-height:1;min-height:46px;padding:0;width:46px}
.tadaoto-ui-sfx-page .uix-button:disabled{cursor:not-allowed;opacity:.45}
.tadaoto-ui-sfx-page .uix-status{color:var(--tool-muted);font-size:13px;line-height:1.65;margin:14px 0 -.3em}
.tadaoto-ui-sfx-page .uix-status.is-error{color:#a33a34;font-weight:700}
.tadaoto-ui-sfx-page .uix-history{border-top:1px solid var(--tool-line);margin-top:22px;padding-top:18px}
.tadaoto-ui-sfx-page .uix-history h3{font-size:14px;margin:0 0 10px}
.tadaoto-ui-sfx-page .uix-history-list{display:flex;flex-wrap:wrap;gap:8px}
.tadaoto-ui-sfx-page .uix-chip{background:#fff;border:1px solid #b8bec5;border-radius:999px;color:#1f2a33;cursor:pointer;font:inherit;font-size:12px;font-weight:700;padding:7px 14px}
.tadaoto-ui-sfx-page .uix-chip:hover{border-color:#1fa08e;color:#167d70}
.tadaoto-ui-sfx-page fieldset{border:0;margin:20px 0 0;padding:0}
.tadaoto-ui-sfx-page legend{font-size:14px;font-weight:700;padding:0}
.tadaoto-ui-sfx-page .uix-timbre{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}
.tadaoto-ui-sfx-page .uix-timbre label{background:#fff;border:1px solid #b8bec5;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;padding:10px}
.tadaoto-ui-sfx-page .uix-timbre label:has(input:checked){background:#e6fbf8;border-color:#1fa08e;box-shadow:inset 0 0 0 1px #1fa08e}
.tadaoto-ui-sfx-page .uix-timbre input,.tadaoto-ui-sfx-page .uix-slider input{accent-color:#1fa08e}
.tadaoto-ui-sfx-page .uix-sliders{display:grid;gap:14px 24px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}
.tadaoto-ui-sfx-page .uix-slider{display:grid;gap:7px}
.tadaoto-ui-sfx-page .uix-slider span{font-size:13px;font-weight:700}
.tadaoto-ui-sfx-page .uix-slider input{height:8px;width:100%}
.tadaoto-ui-sfx-page .uix-note{background:var(--tool-panel);border-radius:12px;margin-top:22px;padding:22px 24px}
.tadaoto-ui-sfx-page .uix-note h2{font-size:16px;margin:0 0 10px}
.tadaoto-ui-sfx-page .uix-note ul{color:var(--tool-muted);font-size:13px;line-height:1.75;margin:0;padding-left:1.3em}
.tadaoto-ui-sfx-page :focus-visible{outline:3px solid rgba(31,160,142,.35);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.tadaoto-ui-sfx-page *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media(max-width:720px){.tadaoto-ui-sfx-page .uix-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
.tadaoto-ui-sfx-page .uix-category--random{grid-column:1/-1}
}
@media(max-width:640px){.tadaoto-ui-sfx-page .uix-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
.tadaoto-ui-sfx-page .uix-category--random{grid-column:auto}
.tadaoto-ui-sfx-page .uix-timbre{grid-template-columns:repeat(2,minmax(0,1fr))}
.tadaoto-ui-sfx-page .uix-sliders{grid-template-columns:1fr}
.tadaoto-ui-sfx-page .uix-actions{display:grid}
.tadaoto-ui-sfx-page .uix-button{width:100%}
}