/* Tool-local styles; shared site chrome is deliberately outside this scope. */
.vas-tool{--vas-accent:#176f79;--vas-text:#182b3d;--vas-border:#dce4ea;width:100%;max-width:var(--ks-tool-max-width,960px);min-width:0;margin-inline:auto;color:var(--vas-text);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-sizing:border-box}
.vas-tool *,.vas-tool *::before,.vas-tool *::after{box-sizing:border-box;min-width:0}
.vas-tool [hidden]{display:none!important}
.vas-tool .vas-language{text-align:right;margin-bottom:8px;font-size:14px}
.vas-tool a{color:var(--vas-accent);text-decoration:underline;overflow-wrap:anywhere}
.vas-tool .vas-card{background:#fff;border:1px solid var(--vas-border);border-radius:16px;padding:18px 20px;box-shadow:0 8px 24px #203b5b06;margin:0 0 12px;color:var(--vas-text)}
.vas-tool .vas-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:420px;padding:24px 16px;border:2px dashed #88b4bb;border-radius:12px;background:#edf7f8;color:var(--vas-text);text-align:center;cursor:pointer}
.vas-tool .vas-drop:hover,.vas-tool .vas-drop:focus-within{background:#e0f2f4;border-color:var(--vas-accent)}
.vas-tool .vas-drop-icon{color:var(--vas-accent);font-size:42px;line-height:1.2}
.vas-tool .vas-drop strong{font-size:18px}.vas-tool .vas-drop small{font-size:13px;color:#556575}
.vas-tool .vas-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.vas-tool.vas-has-files .vas-drop{min-height:44px;padding:8px 14px;align-items:flex-start;text-align:left;border-width:1px}
.vas-tool.vas-has-files .vas-drop-icon,.vas-tool.vas-has-files .vas-drop small{display:none}.vas-tool.vas-has-files .vas-drop strong{font-size:14px}
.vas-tool p{margin:8px 0;font-size:13px;line-height:1.6;color:#495057;overflow-wrap:anywhere}
.vas-tool p:empty{display:none}.vas-tool .vas-privacy{font-size:12px;color:#64748b;margin:8px 0 10px}
.vas-tool label{font-size:13px;font-weight:600;color:#243448}
.vas-tool button,.vas-tool input,.vas-tool select{font:inherit;font-size:14px;color:var(--vas-text);background:#fff;border:1px solid #a4b5c4;border-radius:7px;min-height:40px;padding:6px 10px;max-width:100%;box-shadow:none}
.vas-tool button{font-weight:650;padding:8px 14px;line-height:1.35;cursor:pointer;white-space:normal}
.vas-tool button:hover{background:#edf7f8;border-color:var(--vas-accent)}
.vas-tool button:disabled{cursor:not-allowed;background:#cbd5e1;color:#64748b;border-color:#cbd5e1;opacity:.6}
.vas-tool .vas-primary{background:var(--vas-accent);border-color:var(--vas-accent);color:#fff}
.vas-tool .vas-primary:hover{background:#11535b;border-color:#11535b}
.vas-tool :is(button,input,select,summary,a,canvas):focus-visible{outline:3px solid #39aebc;outline-offset:3px}
.vas-tool input:not([type=checkbox]):not([type=range]):not([type=file]),.vas-tool select{width:100%}
.vas-tool input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--vas-accent);margin:0 6px 0 0;vertical-align:middle}
.vas-tool input[type=range]{padding:0;accent-color:var(--vas-accent);border:0;background:transparent;min-height:32px;cursor:pointer}
.vas-tool .vas-editor{margin:10px 0 0;padding:0;border:0;min-inline-size:0}
.vas-tool .vas-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.vas-tool .vas-mode-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px;border:1px solid #d4dfe7;border-radius:10px;background:#fafcfd}
.vas-tool .vas-method{flex:1 1 160px}.vas-tool .vas-mode-settings{display:contents}
.vas-tool .vas-mode-settings label{flex:1 1 105px;max-width:190px}.vas-tool .vas-mode-settings label input{display:block}
.vas-tool .vas-auto-note{font-size:12px;margin:5px 0}
.vas-tool .vas-edit-grid{--vas-side:268px;display:grid;grid-template-columns:minmax(0,1fr) var(--vas-side);gap:12px;margin-top:12px;align-items:start}
.vas-tool .vas-visual{min-width:0}
.vas-tool .vas-wave{display:block;width:100%;height:210px;border-radius:8px;background:#161923;touch-action:none;cursor:crosshair}
.vas-tool .vas-pan-label{display:flex;align-items:center;gap:8px;font-size:12px;margin:2px 0}.vas-tool .vas-pan{flex:1;width:100%}
.vas-tool .vas-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}
.vas-tool .vas-position-row label{flex:1 1 100%;display:flex;align-items:center;gap:8px;font-size:12px}.vas-tool .vas-position{max-width:160px;font-variant-numeric:tabular-nums}
.vas-tool .vas-position-row button{flex:1;padding-inline:8px;font-size:12px}
.vas-tool .vas-segment-panel{background:#f8fafc;border:1px solid var(--vas-border);border-radius:10px;padding:10px;margin:0}
.vas-tool summary{cursor:pointer;font-size:14px;font-weight:650;color:var(--vas-text);overflow-wrap:anywhere;min-height:32px}
.vas-tool .vas-segment-count,.vas-tool .vas-result-count{display:inline-block;border-radius:20px;padding:0 8px;background:#edf7f8;color:var(--vas-accent);font-size:12px}
.vas-tool .vas-hint{font-size:11px;margin:0 0 7px}.vas-tool .vas-segments{max-height:393px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.vas-tool .vas-segment{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px;margin-bottom:7px;border:1px solid #d4dfe7;border-left:4px solid var(--vas-segment-color);border-radius:8px;background:#fff}
.vas-tool .vas-segment>label:first-child{grid-column:1/-1;min-height:28px;display:flex;align-items:center}.vas-tool .vas-segment label{font-size:11px}
.vas-tool .vas-segment input:not([type=checkbox]){display:block;padding:4px 5px;font-size:11px;font-variant-numeric:tabular-nums;min-height:36px}.vas-tool .vas-segment button{font-size:11px;padding:7px 5px;min-height:36px}
.vas-tool .vas-excluded{background:repeating-linear-gradient(135deg,#f1f3f5,#f1f3f5 6px,#e2e6ea 6px,#e2e6ea 7px);border-left-color:#87909b}
.vas-tool .vas-transport{--vas-side:268px;display:grid;grid-template-columns:minmax(0,1fr) var(--vas-side);align-items:end;gap:12px;margin:12px 0 8px;padding:10px 0;border-top:1px solid var(--vas-border);border-bottom:1px solid var(--vas-border)}
.vas-tool .vas-transport-main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:6px}
.vas-tool .vas-play-settings{display:flex;gap:6px;align-items:end}.vas-tool .vas-play-settings label{flex:0 1 60px;font-size:11px;line-height:1.5}.vas-tool .vas-play-settings select{display:block;height:46px;padding-inline:5px}
.vas-tool .vas-play-controls{grid-column:2;display:grid;grid-template-columns:44px 44px 90px 44px 44px;gap:4px;align-items:end}
.vas-tool .vas-play-controls button{height:46px;padding:5px 2px;font-size:12px;white-space:nowrap}.vas-tool .vas-play-controls .vas-play{font-size:14px}
.vas-tool .vas-transport-output{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:5px}.vas-tool .vas-export{min-height:46px}
.vas-tool .vas-segment-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.vas-tool .vas-segment-keep{grid-column:2}.vas-tool .vas-segment-keep:not(:disabled){color:#8a3429;border-color:#c7aaa6}.vas-tool .vas-excluded .vas-segment-keep:not(:disabled){color:var(--vas-accent);border-color:#88b4bb}
.vas-tool .vas-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#495057}
.vas-tool .vas-cut-note{font-size:12px;max-height:90px;overflow:auto;background:#f8fafc;border-radius:5px;padding:7px}.vas-tool .vas-warning{border-top:1px solid var(--vas-border);padding-top:9px;font-size:12px;color:#556575;margin-bottom:0}
.vas-tool .vas-file-panel{padding:8px 10px;margin-top:8px;border:1px solid var(--vas-border);border-radius:8px;background:#f8fafc}.vas-tool .vas-file-summary{overflow-wrap:anywhere}.vas-tool .vas-file-panel summary{min-height:25px;font-size:13px}
.vas-tool .vas-files,.vas-tool .vas-results{list-style:none;margin:8px 0 0;padding:0;max-height:240px;overflow-y:auto;overscroll-behavior:contain}
.vas-tool .vas-files li,.vas-tool .vas-results li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 0;border-bottom:1px solid var(--vas-border);font-size:12px}
.vas-tool .vas-files li>button:first-child{flex:1 1 180px;text-align:left;overflow-wrap:anywhere}.vas-tool .vas-files [aria-pressed=true]{background:#edf7f8;border-color:var(--vas-accent)}
.vas-tool .vas-files span,.vas-tool .vas-results span{font-size:11px;color:#64748b}.vas-tool .vas-results li{display:grid;gap:3px}.vas-tool .vas-results-panel h3{display:none}.vas-tool .vas-results-panel>.vas-row{margin:0}.vas-tool .vas-results-panel summary{margin-bottom:5px}
.vas-tool>details:not(.vas-card){background:#fff;border:1px solid var(--vas-border);border-radius:12px;padding:12px 20px;margin:0 0 12px}
.vas-tool .vas-processing{display:flex;align-items:center;gap:8px;margin-top:10px}.vas-tool progress{flex:1;width:100%;accent-color:var(--vas-accent);height:10px}.vas-tool .vas-status{white-space:pre-line;color:var(--vas-accent);font-weight:600}
@media(max-width:850px){.vas-tool .vas-edit-grid,.vas-tool .vas-transport{--vas-side:240px;grid-template-columns:minmax(0,1fr) var(--vas-side)}}
@media(min-width:651px) and (max-width:1100px){.vas-tool .vas-transport-main{grid-template-columns:1fr;row-gap:8px}.vas-tool .vas-play-settings{grid-column:1;justify-content:center}.vas-tool .vas-play-controls{grid-column:1;justify-self:center}}
@media(max-width:650px){.vas-tool .vas-card{padding:14px 16px;border-radius:12px}.vas-tool .vas-drop{min-height:180px;padding:20px 12px}.vas-tool .vas-edit-grid{grid-template-columns:minmax(0,1fr)}.vas-tool .vas-mode-bar{gap:7px}.vas-tool .vas-method{flex-basis:100%}.vas-tool .vas-mode-settings label{max-width:none;flex-basis:100%}.vas-tool .vas-mode-bar button{flex:1}.vas-tool .vas-segments{max-height:245px}.vas-tool .vas-segment{grid-template-columns:1fr 1fr}.vas-tool .vas-segment input:not([type=checkbox]){font-size:13px;min-height:40px}.vas-tool .vas-segment button{font-size:12px;min-height:42px}.vas-tool .vas-play-controls{width:100%;margin:0}.vas-tool .vas-play-controls button{flex:1;min-height:46px}.vas-tool .vas-time{width:100%;flex-basis:100%;text-align:center}.vas-tool .vas-export{width:100%;min-height:46px}.vas-tool>details:not(.vas-card){padding:12px 16px}.vas-tool .vas-position-row label{display:block}.vas-tool .vas-position{display:block;max-width:none}.vas-tool .vas-position-row button{min-height:44px}.vas-tool .vas-file-summary{font-size:12px}.vas-tool .vas-cut-note{max-height:100px}}
.vas-tool .vas-row.vas-mode-settings{display:contents;margin:0}
@media(max-width:650px){.vas-tool .vas-editor{display:flex;flex-direction:column}.vas-tool .vas-edit-grid{display:contents}.vas-tool .vas-visual{margin-top:10px;order:1}.vas-tool .vas-transport{order:2}.vas-tool [data-action=export-all]{order:4;margin:8px 0}.vas-tool .vas-segment-panel{order:5;margin-top:10px}.vas-tool .vas-cut-note,.vas-tool .vas-stream-note{order:6}}
@media(min-width:651px){.vas-tool .vas-segments{max-height:270px}.vas-tool .vas-position-row label{flex:1 1 230px;white-space:nowrap}.vas-tool .vas-position-row button{flex:0 1 auto}.vas-tool .vas-position-row .vas-position{width:140px}.vas-tool .vas-position-row{gap:6px}}

/* 16px inputs avoid focus zoom in iOS Safari; seconds input also works with a decimal keyboard. */
@media(max-width:650px){.vas-tool button,.vas-tool .vas-segment button{min-height:44px}}

.vas-tool .vas-segment-panel h3{margin:0 0 4px;color:var(--vas-text);font-size:14px;font-weight:650;line-height:1.6}
.vas-tool .vas-wave-hint{font-size:11px;margin:4px 0;color:#64748b}
.vas-tool input[aria-invalid=true]{border-color:#bd2727;background:#fff2f2;outline:2px solid #bd2727}
.vas-tool .vas-context-menu{position:fixed;z-index:1000;padding:6px;max-width:calc(100vw - 16px);background:#fff;border:1px solid #a4b5c4;border-radius:8px;box-shadow:0 6px 24px #182b3d33}
.vas-tool .vas-context-menu button{display:block;width:100%;text-align:left;border:0;min-height:44px;color:var(--vas-text)}
.vas-tool .vas-result-name{font-size:13px;overflow-wrap:anywhere}.vas-tool .vas-results details{padding:0;border:0;margin:0}.vas-tool .vas-results summary{font-size:12px;color:var(--vas-accent);font-weight:600;min-height:32px}.vas-tool .vas-results details a{display:inline-block;padding:7px 0;font-size:13px}
@media(max-width:650px){.vas-tool .vas-results summary,.vas-tool .vas-results details a{min-height:44px}}

@media(max-width:650px){.vas-tool input:not([type=checkbox]):not([type=range]):not([type=file]),.vas-tool select,.vas-tool .vas-segment input:not([type=checkbox]){font-size:16px;min-height:44px}}

/* Playback uses the waveform's column, so the play button stays on its centerline. */
@media(max-width:650px){.vas-tool .vas-transport{grid-template-columns:minmax(0,1fr)}.vas-tool .vas-transport-main{grid-template-columns:minmax(0,1fr);gap:10px}.vas-tool .vas-play-settings{grid-column:1;width:100%;gap:8px}.vas-tool .vas-play-settings label{flex:1 1 0}.vas-tool .vas-play-controls{grid-column:1;width:100%;grid-template-columns:1fr 1fr 1.5fr 1fr 1fr;gap:4px}.vas-tool .vas-play-controls .vas-play{min-width:0;font-size:12px}.vas-tool .vas-play-controls button{min-width:0;flex:none}.vas-tool .vas-transport-output{align-items:stretch}.vas-tool .vas-transport-output .vas-time{order:0;text-align:center}.vas-tool .vas-transport-output .vas-export{order:1}}

.vas-tool .vas-output-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:6px;width:100%}.vas-tool .vas-output-actions button{min-height:46px;padding:8px 6px;font-size:12px;line-height:1.35}.vas-tool .vas-merge{background:#fff;border-color:var(--vas-accent);color:var(--vas-accent)}
@media(max-width:650px){.vas-tool [data-action=merge-all]{order:4;margin:8px 0}.vas-tool .vas-output-actions button{min-height:46px}}

/* One bounded list, all task/file rows retained; scroll affordance remains visible. */
.vas-tool .vas-results{max-height:320px;overflow-y:scroll;scrollbar-gutter:stable;min-width:0}
.vas-tool .vas-results .vas-result-task{display:block;min-width:0;padding:10px 0}
.vas-tool .vas-task-title,.vas-tool .vas-task-state{display:block;overflow-wrap:anywhere}
.vas-tool .vas-task-results{list-style:none;margin:0;padding:0;min-width:0}
.vas-tool .vas-task-results .vas-result{display:grid;min-width:0;overflow-wrap:anywhere}
.vas-tool .vas-expiry-note,.vas-tool .vas-scroll-note{font-size:12px;color:#64748b;margin:7px 0}
.vas-tool .vas-results::-webkit-scrollbar{width:10px}
.vas-tool .vas-results::-webkit-scrollbar-track{background:#edf4f6;border-radius:5px}
.vas-tool .vas-results::-webkit-scrollbar-thumb{background:#91b4bd;border:2px solid #edf4f6;border-radius:5px}
