.ac-page{max-width:1180px;margin:0 auto;padding:28px 18px 70px}.ac-hero{padding:20px 0 28px}.ac-badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:13px;font-weight:700}.ac-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.05;margin:14px 0 10px}.ac-hero p{max-width:760px;color:#64748b;font-size:17px;line-height:1.8}.ac-shell{display:grid;grid-template-columns:minmax(0,1.65fr) 330px;gap:20px}.ac-stage,.ac-controls{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 12px 35px rgba(15,23,42,.07)}.ac-stage{padding:20px}.ac-controls{padding:22px;height:max-content}.ac-drop{min-height:430px;border:2px dashed #cbd5e1;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.ac-drop.drag{border-color:#6366f1;background:#f8faff}.ac-icon{font-size:52px}.ac-drop h2{margin:10px 0 5px}.ac-drop p,.ac-drop small{color:#64748b}.ac-primary,.ac-secondary{border:0;border-radius:12px;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.ac-primary{background:#4f46e5;color:#fff}.ac-secondary{background:#f1f5f9;color:#0f172a}.ac-primary:disabled{opacity:.45;cursor:not-allowed}.ac-drop .ac-primary{margin:18px 0}.ac-editor audio,.ac-result audio{width:100%;margin:12px 0}.ac-filebar{display:flex;justify-content:space-between;align-items:center;gap:12px}.ac-filebar strong{display:block;word-break:break-all}.ac-filebar span{display:block;color:#64748b;font-size:13px;margin-top:4px}.ac-editor canvas{width:100%;height:150px;display:block;border-radius:14px;background:#0f172a;margin-top:16px}.ac-track{height:34px;position:relative;margin:10px 0;background:#e2e8f0;border-radius:999px;touch-action:none}.ac-selection{position:absolute;top:0;bottom:0;background:#818cf8;border-radius:999px;opacity:.7}.ac-handle{position:absolute;top:-5px;width:16px;height:44px;border:0;border-radius:8px;background:#312e81;cursor:ew-resize;transform:translateX(-50%);z-index:2}.ac-times{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#64748b}.ac-times b{color:#0f172a}.ac-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.ac-inputs label,.ac-controls>label{display:grid;gap:7px;font-weight:700;font-size:14px}.ac-inputs input,.ac-controls select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:11px;background:#fff;font:inherit}.ac-preview-row{display:flex;gap:10px;align-items:center;margin-top:16px}.ac-preview-row span,.ac-help{color:#64748b;font-size:13px}.ac-controls h2{margin-top:0}.ac-controls>label{margin:15px 0}.ac-process{width:100%;margin-top:8px}.ac-result{margin-top:22px;padding-top:18px;border-top:1px solid #e2e8f0;display:grid;gap:10px}.ac-download{width:100%;box-sizing:border-box}.ac-help{line-height:1.6}@media(max-width:850px){.ac-shell{grid-template-columns:1fr}.ac-controls{order:2}.ac-stage{order:1}}@media(max-width:560px){.ac-page{padding-inline:12px}.ac-stage,.ac-controls{border-radius:16px;padding:14px}.ac-inputs{grid-template-columns:1fr}.ac-times{font-size:12px}.ac-drop{min-height:330px}}

/* Keep HTML hidden states authoritative over component display rules. */
.ac-page [hidden]{display:none !important}