.workflow-tools{display:flex;gap:10px;margin:0 0 14px;flex-wrap:wrap}.workflow-tools button,.preview-actions button,.example-actions button{border:1px solid var(--line,#d4dbe8);border-radius:12px;padding:11px 16px;background:var(--panel,#fff);color:inherit;font:inherit;font-weight:650;cursor:pointer}.workflow-tools button:disabled,.preview-actions button:disabled{opacity:.45;cursor:not-allowed}.quick-preview{margin:18px 0;padding:18px;border:1px solid rgba(110,130,200,.28);border-radius:18px;background:linear-gradient(130deg,rgba(108,124,224,.10),rgba(39,176,151,.06))}.quick-preview h3{margin:0 0 8px;font-size:19px}.quick-preview p{font-size:14px;line-height:1.65;margin:10px 0}.preview-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-fields label{display:flex;flex-direction:column;gap:7px;font-size:14px}.preview-fields input,.preview-fields select{width:100%;min-width:0;font:inherit;padding:10px;border-radius:10px;border:1px solid var(--line,#d4dbe8);background:var(--panel,#fff);color:inherit}.preview-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.preview-actions button:first-child,.example-actions button{background:#5969cb;color:#fff;border-color:transparent}.comparison-players{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.comparison-players[hidden],.example-progress[hidden]{display:none}.comparison-players>div{min-width:0}.comparison-players strong{display:block;font-size:14px;margin-bottom:8px}.comparison-players audio{display:block;width:100%;max-width:100%;height:44px}.quick-preview .comparison-players{grid-template-columns:1fr}.quick-preview progress,.sound-example progress{display:block;width:100%;height:9px;accent-color:#6d78df;margin-top:12px}.quick-preview progress[hidden]{display:none}.sound-example{margin:32px 0;padding:clamp(20px,4vw,36px);border:1px solid rgba(110,130,200,.26);border-radius:24px;background:linear-gradient(130deg,rgba(108,124,224,.1),rgba(39,176,151,.06))}.sound-example h2{font-size:clamp(23px,3vw,32px);margin:0 0 12px}.sound-example p{font-size:16px;line-height:1.7;max-width:760px}.example-settings{font-size:13px!important;opacity:.8}.example-status{min-height:1.7em}.example-actions{display:flex;gap:12px;align-items:center}.example-actions button:disabled{opacity:.55;cursor:wait}[data-theme=dark] .workflow-tools button,[data-theme=dark] .preview-fields input,[data-theme=dark] .preview-fields select{background:#252b3a;color:#f0f2fa;border-color:#424b62}.workflow-tools button:focus-visible,.preview-actions button:focus-visible,.example-actions button:focus-visible{outline:3px solid #8e9aff;outline-offset:3px}@media(max-width:600px){.comparison-players{grid-template-columns:1fr}.preview-fields{grid-template-columns:1fr}.workflow-tools button{flex:1}.sound-example{border-radius:18px}.example-actions button{width:100%}}@media(prefers-reduced-motion:no-preference){.comparison-players:not([hidden]){animation:comparison-in .25s ease-out}@keyframes comparison-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

.sound-example progress[hidden]{display:none}[data-theme=dark] .comparison-players audio{color-scheme:dark}

.example-jump{display:inline-flex;align-items:center;margin-top:8px;padding:9px 14px;border-radius:12px;background:rgba(107,123,220,.13);color:#5a6bc5;font-size:14px;font-weight:650;text-decoration:none}[data-theme=dark] .example-jump{color:#bdc7ff;background:rgba(135,150,238,.15)}

.export-options{display:grid;gap:12px;margin:16px 0}.export-options label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.export-options input,.export-options select{width:100%;min-width:0;padding:11px;border:1px solid #cad1df;border-radius:10px;font:inherit;background:#fff;color:#263044}.export-options .small{margin:0;line-height:1.6}.export-options [hidden]{display:none}[data-theme=dark] .export-options input,[data-theme=dark] .export-options select{background:#252b3a;color:#f0f2fa;border-color:#424b62}