/* Audio Editing follows the shared Effects workspace and parameter console. */
body[data-editing-layout]{--tool-accent:#6b59d3;--tool-on-accent:#fff;--coral:#6b59d3}
body[data-editing-layout] .tool-head{max-width:850px;margin:0 auto;padding:38px 24px 8px;text-align:center}
body[data-editing-layout] .tool-head h1{margin:0 0 12px;font-size:clamp(29px,4vw,44px);line-height:1.16;letter-spacing:-.045em;font-weight:750}
body[data-editing-layout] .editing-intro{max-width:780px;margin:0 auto;padding:0 24px 12px;text-align:center}
body[data-editing-layout] .editing-intro p{margin:0;color:#65717d;font-size:15px;line-height:1.7}
body[data-editing-layout] #workspace{max-width:1024px;margin:0 auto;padding:24px 24px 30px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none}
body[data-editing-layout] #workspace>.section-head{margin:0 auto 18px;text-align:center}
body[data-editing-layout] #workspace>.section-head h2{margin:0;color:#342850;font-size:clamp(21px,2.5vw,28px);font-weight:700;letter-spacing:-.025em;line-height:1.35}
body[data-editing-layout] .tool-shell{max-width:960px;min-height:0;margin:0 auto;padding:24px;border:1px solid #e6e0ef!important;border-radius:22px;background:#fff!important;box-shadow:0 8px 28px #6b59d308}
body[data-editing-layout] .drop-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:210px;width:100%;padding:28px 20px;gap:7px;border:1.5px dashed #cfc2e7!important;border-radius:17px;background:linear-gradient(140deg,#fcfbff,#f7f3fe)!important;color:#342850!important;box-shadow:none;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
body[data-editing-layout] .drop-zone:hover:not(:disabled),body[data-editing-layout] .drop-zone.dragging{border-color:#9276d3!important;background:#f1ebfc!important;box-shadow:0 0 0 4px #8a6ace0a}
body[data-editing-layout] .drop-zone strong{font-size:18px;font-weight:650}
body[data-editing-layout] .drop-zone>span:not(.upload-icon){max-width:490px;color:#8c809b;font-size:13px;line-height:1.6;text-align:center}
body[data-editing-layout] .drop-zone small{max-width:490px;margin:9px auto 0;color:#91859f;font-size:12px;line-height:1.6;text-align:center}
body[data-editing-layout] .upload-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 0 10px;border:1px solid #e4d9f5!important;border-radius:17px;background:#eee7fb!important;box-shadow:0 4px 10px #6b59d308;font-size:0}
body[data-editing-layout] .tool-limit{display:block;margin:0 0 18px;padding:11px 14px;border:1px solid #eae4f2;border-radius:11px;background:#faf8fe!important;color:#81758e;font-size:12px;line-height:1.65}
body[data-editing-layout] .editing-console,body[data-editing-layout] .editor-shell fieldset.editing-console{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:20px;border:1px solid #e7e0f3!important;border-radius:20px;background:linear-gradient(135deg,#faf8ff,#f5f3fa);box-shadow:inset 0 1px 0 #fff,0 4px 18px #6b59d306}
body[data-editing-layout] .editing-console-heading{display:flex;align-items:center;gap:10px;grid-column:1/-1;margin:0 0 4px;color:#342850;font-size:18px;font-weight:700;letter-spacing:-.025em;line-height:1.4}
body[data-editing-layout] .editing-console-icon{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border:1px solid #e7def7;border-radius:12px;background:#fff;color:#7960cf;box-shadow:0 3px 9px #6b59d308}
body[data-editing-layout] .editing-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-editing-layout] .editing-param{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;margin:0;padding:15px 16px;border:1px solid #e8e3ef!important;border-radius:13px;background:#fff!important;color:#665b76;font-size:12px;line-height:1.5;box-shadow:0 2px 6px #3b205303;transition:border-color .18s,box-shadow .18s}
body[data-editing-layout] .editing-param:focus-within{border-color:#baa7e3!important;box-shadow:0 0 0 3px #a68adf13}
body[data-editing-layout] main :is(select,input[type=number],input[type=text]){min-width:0;max-width:100%;width:100%;min-height:39px;margin:0;padding:9px 11px;border:1px solid #e4deec!important;border-radius:9px;background:#faf9fd!important;color:#43354f!important;font:inherit;font-size:13px;line-height:1.4}
body[data-editing-layout] main select{appearance:none;padding-right:32px;background:#faf9fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%238c7ba2' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center!important}
body[data-editing-layout] .editing-param output{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:6px;background:#f3eefc;color:#6f52b5;font-size:12px;font-weight:650;white-space:nowrap}
body[data-editing-layout] .editing-param>span:has(output){display:flex;align-items:center;justify-content:space-between;gap:8px}
body[data-editing-layout] input.track-gain{display:block;appearance:none;width:100%;height:22px;margin:0;padding:0;border:0!important;background:transparent!important;box-shadow:none;cursor:pointer}
body[data-editing-layout] input.track-gain::-webkit-slider-runnable-track{height:5px;border:0;border-radius:8px;background:linear-gradient(to right,#a48adf 0 var(--editing-progress,50%),#ece7f4 var(--editing-progress,50%) 100%)}
body[data-editing-layout] input.track-gain::-webkit-slider-thumb{appearance:none;width:17px;height:17px;margin-top:-6px;border:3px solid #fff;border-radius:50%;background:#8564c6;box-shadow:0 0 0 1px #d4c6ec,0 2px 4px #6b59d31c}
body[data-editing-layout] input.track-gain::-moz-range-track{height:5px;border-radius:8px;background:#ece7f4}
body[data-editing-layout] input.track-gain::-moz-range-progress{height:5px;border-radius:8px;background:#a48adf}
body[data-editing-layout] input.track-gain::-moz-range-thumb{width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:#8564c6}
body[data-editing-layout] main :is(#export,#convertButton,#downloadButton){position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:58px;height:auto;margin:0;padding:17px 24px;border:1px solid #7865dc!important;border-radius:14px!important;background:linear-gradient(110deg,#8069df,#6957d5 55%,#5844bb)!important;color:#fff!important;font-size:16px;font-weight:700;letter-spacing:.015em;line-height:1.4;box-shadow:0 7px 18px #6957d52b;cursor:pointer;transition:transform .18s,box-shadow .18s}
body[data-editing-layout] main :is(#export,#downloadButton)::before{content:"";width:22px;height:22px;flex-shrink:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m-5-5 5 5 5-5M5 17v4h14v-4'/%3E%3C/svg%3E") center/contain no-repeat}
body[data-editing-layout] main :is(#export,#convertButton,#downloadButton)::after{position:absolute;inset:0;content:"";background:linear-gradient(110deg,transparent 25%,#ffffff24 50%,transparent 75%);transform:translateX(-130%);pointer-events:none;transition:transform .6s}
body[data-editing-layout] main :is(#export,#convertButton,#downloadButton):hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px #6957d53d}
body[data-editing-layout] main :is(#export,#convertButton,#downloadButton):hover:not(:disabled)::after{transform:translateX(130%)}
body[data-editing-layout] main :is(#export,#convertButton,#downloadButton):disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
body[data-editing-layout] main .icon-button{border:1px solid #dfd4ee!important;border-radius:10px!important;background:linear-gradient(180deg,#fff,#f5f1ff)!important;color:#7960b5!important;font-size:12px;font-weight:600;box-shadow:0 2px 5px #6b59d30a}
body[data-editing-layout] main button:focus-visible,body[data-editing-layout] .drop-zone:focus-visible{outline:2px solid #8b70ce;outline-offset:3px}
body[data-editing-layout] .editor-player{padding:14px;margin:12px 0;border:1px solid #e8e1f1;border-radius:14px;background:#faf8ff!important;box-shadow:none}
body[data-editing-layout] .editor-player .waveform-track{border:1px solid #e8e1f1;border-radius:10px;background:#fff!important}
body[data-editing-layout] .editor-player .audio-progress{accent-color:#9073d1;background:transparent!important}
body[data-editing-layout] .editor-player .audio-play{border-radius:50%!important;background:#8b6bd0!important;border-color:#8b6bd0!important;color:#fff!important;box-shadow:0 3px 8px #6b59d31a}
body[data-editing-layout] .editor-result{margin-top:20px;padding-top:16px;border-top:1px solid #e9e1f2}
body[data-editing-layout] .editor-result>h3{margin:0 0 12px;color:#534361;font-size:16px}
body[data-editing-layout] .editor-result .audio-actions{display:block;padding:10px 0 0;margin:0}
body[data-editing-layout] .editor-result .editing-console{margin-top:16px}
body[data-editing-layout] .editor-hint{color:#95859f;font-size:12px;line-height:1.6}
body[data-editing-layout] .editor-hint:empty,body[data-editing-layout] #status:empty{display:none}
body[data-editing-layout] #status{margin:12px 0;color:#8b7b98;font-size:12px;line-height:1.6}
body[data-editing-layout] .editor-check{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:0 0 2px;padding:12px 14px;border:1px solid #e8e3ef;border-radius:12px;background:#fff;color:#665b76;font-size:12px}
body[data-editing-layout] input[type=checkbox]{accent-color:#8e6cc8}
body[data-editing-layout] .track-card{margin:16px 0 0;padding:18px;border:1px solid #e7e0f3;border-radius:18px;background:linear-gradient(135deg,#faf8ff,#f5f3fa)}
body[data-editing-layout] .track-card h3{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;color:#554364;font-size:14px}
body[data-editing-layout] .track-card h3 .track-remove{flex-shrink:0;width:28px;height:28px;min-height:28px;padding:0;border-radius:8px!important;font-size:21px;font-weight:400}
body[data-editing-layout] .track-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
body[data-editing-layout] .track-settings .editing-param{min-width:0;padding:13px}
body[data-editing-layout] .track-settings .editing-param:has(.track-gain){grid-column:span 2}
body[data-editing-layout] .track-settings .editing-param:has(.track-mute){display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:9px;height:100%;padding:13px}
body[data-editing-layout] .track-settings input[type=checkbox]{width:17px;height:17px;margin:0}
body[data-editing-layout] .track-range-labels{color:#9c85b6;font-size:11px}
body[data-editing-layout] #tracks:empty{display:none}
body[data-editing-layout] .editor-shell>.audio-actions{display:flex;justify-content:flex-end;padding:10px 0 0;margin:0}
body[data-editing-layout] .editor-shell>.audio-actions:has(#clear:disabled){display:none}
body[data-editing-layout] .cut-source-row{position:relative;padding-right:38px;gap:0!important}
body[data-editing-layout] #cut-panel .cut-source-row #clear{position:absolute;right:0;top:24px;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;flex-basis:28px;font-size:21px;border-radius:8px!important}
body[data-editing-layout] #source-name{margin:18px 0 4px;color:#675273;font-size:13px}
body[data-editing-layout] .cut-settings .editing-console-heading{grid-column:1;grid-row:1}
body[data-editing-layout] .cut-settings .editing-reset{grid-column:2;grid-row:1;justify-self:end;align-self:center;min-height:36px;padding:8px 13px}
body[data-editing-layout] .cut-settings .editing-param{grid-column:1/-1}
body[data-editing-layout] .cut-handle{border-color:#a98dd4;background:#e4d7f5;color:#8561b8;border-radius:5px}
body[data-editing-layout] .selection-region{border-color:#c3abe5;background:#ab8ad329}
body[data-editing-layout] .convert-settings.editing-console{gap:16px}
body[data-editing-layout] .format-select-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-editing-layout] .format-select-grid .editing-param{display:flex}
body[data-editing-layout] .advanced-settings{grid-column:1/-1;padding-top:12px;border-top:1px solid #e6def0}
body[data-editing-layout] .advanced-settings summary{color:#89739c;font-size:12px;cursor:pointer}
body[data-editing-layout] .advanced-settings .convert-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 0 0;margin:0;background:none;border:0}
body[data-editing-layout] .setting-row.editing-param{align-items:stretch;flex-wrap:nowrap;gap:10px}
body[data-editing-layout] .setting-row label{color:#665b76;font-size:12px}
body[data-editing-layout] .export-name-control{display:flex;align-items:center;gap:8px;min-width:0;margin:0;padding:0;border:0;background:none;color:#9b87ac;font-size:12px}
body[data-editing-layout] .export-name-control input{flex:1;min-width:0}
body[data-editing-layout] .convert-actions{margin:12px 0 0;padding:0}
body[data-editing-layout] #workView{margin-top:18px}
body[data-editing-layout] .file-row{padding:12px 14px;border:1px solid #e8e1f1;border-radius:13px;background:#faf8ff}
body[data-editing-layout] .file-info{min-width:0}
body[data-editing-layout] .result-panel{margin-top:14px;padding:18px;border:1px solid #e7e0f3!important;border-radius:16px;background:#faf8ff!important;box-shadow:none}
body[data-editing-layout] .result-status{margin-bottom:16px;border:0}
body[data-editing-layout] .progress-panel{margin-top:14px;padding:16px;border:1px solid #e7e0f3;border-radius:13px;background:#f8f5fd}
body[data-editing-layout] .progress-track{height:5px;border-radius:8px;background:#e8e0f3}
body[data-editing-layout] .progress-track>i{border-radius:8px;background:linear-gradient(90deg,#a48adf,#6b59d3)!important}
body[data-editing-layout] .editing-guide,body[data-editing-layout] .editing-faq{max-width:960px;margin:0 auto;padding:28px 24px}
body[data-editing-layout] .editing-guide h2,body[data-editing-layout] .editing-faq h2{margin:0 0 16px;color:#342850;font-size:26px;letter-spacing:-.025em}
body[data-editing-layout] .editing-guide h3{margin:24px 0 10px;color:#51415e;font-size:18px}
body[data-editing-layout] .editing-guide p,body[data-editing-layout] .editing-faq p{color:#756c81;font-size:14px;line-height:1.8}
body[data-editing-layout] .editing-faq details{margin:10px 0;padding:18px;border:1px solid #e8e1f1;border-radius:13px;background:#fff}
body[data-editing-layout] .editing-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;color:#5c486e;font-size:14px;font-weight:650;cursor:pointer}
body[data-editing-layout] .editing-faq summary::-webkit-details-marker{display:none}
body[data-editing-layout] .editing-faq summary::after{content:"+";flex-shrink:0;color:#8a70cb;font-size:20px;font-weight:400}
body[data-editing-layout] .editing-faq details[open] summary::after{content:"−"}
body[data-editing-layout] [hidden]{display:none!important}
@media(max-width:640px){
 body[data-editing-layout] .tool-head{padding:28px 18px 8px}
 body[data-editing-layout] .editing-intro{padding-inline:18px}
 body[data-editing-layout] .editing-intro p{font-size:14px}
 body[data-editing-layout] #workspace{padding:20px 14px 24px}
 body[data-editing-layout] .tool-shell{padding:16px;border-radius:18px}
 body[data-editing-layout] .editing-console,body[data-editing-layout] .editor-shell fieldset.editing-console{padding:14px;gap:10px;border-radius:16px}
 body[data-editing-layout] .editing-console-heading{font-size:16px;gap:8px}
 body[data-editing-layout] .editing-console-icon{width:32px;height:32px;border-radius:10px}
 body[data-editing-layout] .editing-param{padding:12px 10px}
 body[data-editing-layout] .track-card{padding:14px}
 body[data-editing-layout] .track-settings{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-editing-layout] .track-settings .editing-param:has(.track-gain){grid-column:auto}
 body[data-editing-layout] .track-settings .editing-param:has(.track-mute){grid-column:1/-1;min-height:42px}
 body[data-editing-layout] .advanced-settings .convert-settings{grid-template-columns:1fr}
 body[data-editing-layout] .editor-player{padding:10px}
 body[data-editing-layout] main :is(#export,#convertButton,#downloadButton){min-height:54px;padding:15px 18px;font-size:15px}
 body[data-editing-layout] .editing-reset{font-size:10px!important;padding-inline:9px!important}
 body[data-editing-layout] .cut-settings{grid-template-columns:minmax(0,1fr) auto!important}
}
@media(prefers-reduced-motion:reduce){body[data-editing-layout] main *,body[data-editing-layout] main *::before,body[data-editing-layout] main *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body[data-editing-layout] .export-settings label.editor-check{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;min-height:44px;flex:initial}
body[data-editing-layout] .editor-check input[type=checkbox]{width:17px;height:17px;min-height:0;flex:0 0 17px;margin:0}
body[data-editing-layout] .tool-shell:has(#resultPanel:not([hidden])) #progressPanel{display:none}
body[data-editing-layout] .toast{border:1px solid #d8caec;border-radius:12px;background:#f1eafa;color:#6b4e8e;box-shadow:0 6px 20px #6b59d31a;font-size:12px}