.volume-selection-tools{margin:14px 0;padding:13px;border:1px solid var(--line,#68838c);border-radius:12px;background:var(--surface,#fff);color:var(--text,#132d38)}
.volume-selection-tools *{box-sizing:border-box}.volume-selection-tools [hidden],.volume-selection-overlay[hidden],.volume-selection-overlay [hidden]{display:none!important}
.volume-selection-tools .volume-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.volume-selection-tools .volume-heading b{font-size:.95rem}.volume-selection-tools p{margin:6px 0 9px;line-height:1.45}.volume-selection-tools .small{font-size:.78rem;color:var(--muted,#526a73)}
.volume-selection-tools button,.volume-selection-tools summary,.volume-selection-tools select,.volume-selection-tools input{font:inherit}.volume-selection-tools button{min-height:42px;border-radius:8px;padding:8px 10px;border:1px solid var(--line,#79949e);background:var(--surface2,#edf4f4);color:var(--text,#17313b);font-weight:700;font-size:.78rem;cursor:pointer}.volume-selection-tools button:disabled{opacity:.5;cursor:default}.volume-selection-tools button:focus-visible,.volume-selection-tools input:focus-visible,.volume-selection-tools select:focus-visible,.volume-selection-tools summary:focus-visible,.volume-selection-overlay button:focus-visible{outline:3px solid var(--accent,#087d72);outline-offset:3px}
.volume-selection-tools .volume-modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.volume-selection-tools .volume-modes button[aria-pressed=true]{background:var(--accent,#087a6e);color:var(--ink,#fff);border-color:var(--accent,#087a6e)}
.volume-selection-tools #volume-status{padding:8px 0;min-height:2.7em}.volume-selection-tools[data-error=true] #volume-status{color:var(--danger,#ae352f);font-weight:650}.volume-selection-tools .volume-commit,.volume-selection-tools .volume-presets,.volume-selection-tools .volume-outline-actions{display:flex;flex-wrap:wrap;gap:7px}.volume-selection-tools #volume-apply{background:var(--accent,#087a6e);color:var(--ink,#fff)}.volume-selection-tools #volume-parameters{margin:8px 0;border:1px solid var(--line,#8da3ab);border-radius:8px}.volume-selection-tools summary{cursor:pointer;padding:10px;min-height:42px;font-size:.8rem;font-weight:700}.volume-selection-tools .volume-parameter-body{padding:0 10px 10px;display:grid;gap:10px}.volume-selection-tools fieldset{margin:0;padding:8px;border:1px solid var(--line,#8da3ab);border-radius:7px;min-width:0}.volume-selection-tools legend{font-size:.76rem;padding:0 4px;color:var(--muted,#526a73)}.volume-selection-tools label{display:grid;gap:4px;font-size:.76rem;font-weight:650}.volume-selection-tools input:not([type=checkbox]),.volume-selection-tools select{display:block;width:100%;min-width:0;min-height:40px;padding:7px;border:1px solid var(--line,#9db0b7);border-radius:6px;background:var(--bg,#fff);color:var(--text,#17313b)}.volume-selection-tools input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent,#087a6e)}.volume-selection-tools .volume-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.volume-selection-tools #volume-envelope{border:1px solid #b97828;background:color-mix(in srgb,#eea138 10%,transparent);padding:10px;border-radius:8px;margin-bottom:10px}.volume-selection-tools #volume-envelope label{display:flex;gap:8px;align-items:center}.volume-selection-tools .volume-limit{border-top:1px solid var(--line,#8da3ab);padding-top:8px}
.volume-selection-overlay{position:absolute;pointer-events:none;z-index:6;overflow:hidden;touch-action:none}.volume-selection-overlay svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.volume-selection-overlay path{fill:none;stroke-linecap:round;stroke-linejoin:round}.volume-selection-overlay .volume-wire{stroke:#ffc16d;stroke-width:1.7;filter:drop-shadow(0 1px 1px #031119)}.volume-selection-overlay .volume-stroke{stroke:#73fff0;stroke-width:2.6}.volume-selection-overlay .volume-hull{stroke:#ffac44;stroke-width:2.4;stroke-dasharray:7 5;fill:#ffac441b}.volume-selection-overlay button{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);min-width:34px;min-height:34px;border:1px solid #ffd291;border-radius:8px;background:#153240ed;color:#ffe1b4;font:700 11px system-ui;box-shadow:0 1px 5px #041019b0;touch-action:none;cursor:grab;padding:4px}.volume-selection-overlay button:active{cursor:grabbing}.volume-selection-overlay button:disabled{opacity:.4;cursor:default}.volume-selection-overlay .volume-center-handle{border-radius:50%;background:#ffba57;color:#102a35;font-size:19px;z-index:2}
@media(max-width:600px){.volume-selection-tools{padding:10px;margin:10px 0}.volume-selection-tools .volume-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.volume-selection-tools .volume-heading button{white-space:nowrap}.volume-selection-tools .volume-commit button{flex:1 1 auto}.volume-selection-tools button{min-height:44px}.volume-selection-tools .volume-presets button{flex:1 1 115px}.volume-selection-overlay button{min-width:40px;min-height:40px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.volume-selection-tools *{scroll-behavior:auto!important}}
.volume-selection-overlay .volume-view-actions{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:center;flex-wrap:wrap;gap:5px;pointer-events:none}.volume-selection-overlay .volume-view-actions button{position:static;transform:none;pointer-events:auto;min-height:36px;padding:7px 10px;font-size:12px;cursor:pointer}.volume-selection-overlay .volume-view-actions button:disabled{cursor:default}