.workbench-page{max-width:1600px;margin:auto;padding:28px 24px 64px}.wb-intro{max-width:850px;margin-bottom:24px}.wb-intro h1{font-size:clamp(28px,3.5vw,44px);line-height:1.2;margin:10px 0 16px}.wb-intro p,.hint,.connections{color:var(--muted)}.wb-intro a{color:#bfa7ff}.wb-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:16px 0;border-block:1px solid var(--line);margin-bottom:20px}.wb-toolbar label{margin-left:auto}.workbench-page button,.workbench-page select,.workbench-page input:not([type=range]):not([type=checkbox]){border:1px solid var(--line);border-radius:8px;background:#171b25;color:var(--text);padding:9px 12px;font:inherit;max-width:100%;min-width:0}.workbench-page button{cursor:pointer;font-size:14px}.workbench-page button:hover{border-color:#ac8af7}.workbench-page button:disabled{opacity:.4;cursor:default}.workbench-page .primary{background:#7947d4;border-color:#9367e3;color:white;font-weight:600}.wb-grid{display:grid;grid-template-columns:210px minmax(250px,1fr) 320px;gap:18px;align-items:start}.wb-panel{background:#10141d;border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}.wb-panel h2{font-size:17px;margin:0 0 16px}.wb-panel h3{font-size:15px}.wb-panel p{font-size:14px;overflow-wrap:anywhere}.wb-library{display:grid;gap:9px}.wb-library button{text-align:left;border-left:3px solid #a78bfa}.wb-library .source{border-left-color:#94a3b8}.wb-library .denoise{border-left-color:#2dd4bf}.wb-library .trim{border-left-color:#6ee7b7}.wb-library .eq{border-left-color:#fbbf24}.wb-library .volume{border-left-color:#fb923c}.wb-library .mix{border-left-color:#c4a7ff}.templates{display:grid;gap:8px;margin-top:22px}.templates p{font-size:12px;color:var(--muted)}.module-card{background:#161b27;border:1px solid var(--line);border-radius:10px;padding:14px;position:relative;margin:0 0 23px}.module-card:not(:last-child):after{content:'↓';position:absolute;bottom:-23px;left:50%;color:#6b7280}.module-card.selected{border-color:#a78bfa;box-shadow:0 0 0 1px #a78bfa33}.card-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.workbench-page .module-select{border:0;background:none;padding:0;font-size:16px;font-weight:600;text-align:left}.connections{margin:8px 0;font-size:12px!important}.badge{font-size:11px;color:#b8b3ca;white-space:nowrap}.card-actions{display:flex;flex-wrap:wrap;gap:6px}.workbench-page .card-actions button{font-size:12px;padding:5px 8px}.wb-settings{position:sticky;top:90px}.wb-settings label{display:flex;flex-direction:column;gap:7px;font-size:13px;margin:0 0 15px;min-width:0}.wb-settings label:has(input[type=checkbox]){flex-direction:row;align-items:center}.wb-settings input[type=file]{font-size:12px!important;width:100%}.mix-track{padding:12px;border-left:2px solid #54446e;margin:0 0 15px}.mix-track label:last-child{margin-bottom:0}.eq-bands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px}.eq-bands label{align-items:center;margin:0}.eq-bands input{writing-mode:vertical-lr;direction:rtl;width:28px;height:130px;accent-color:#b89bf0}.eq-bands output{font-size:10px;white-space:nowrap}.wb-preview{margin-top:20px}.preview-top,.export-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.preview-top{justify-content:space-between}.preview-top label,.export-row label{display:flex;align-items:center;gap:8px;font-size:14px}.wb-preview canvas{width:100%;height:100px;display:block;color:#bca0f0;margin:16px 0 8px}.wb-preview input[type=range]{width:100%;accent-color:#bca0f0;touch-action:pan-y}.transport{display:flex;align-items:center;gap:16px;margin:12px 0}.export-row{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.wb-status{padding:12px 16px;border:1px solid var(--line);border-radius:8px;margin-bottom:18px}.wb-status p{margin:0}.working{color:#a7f3d0;font-weight:600}.wb-status:has(.working){border-color:#3f8c74;background:#153529}.wb-status progress{width:100%;accent-color:#6ee7b7;margin-top:12px}#error{color:#ffb4b4;margin-bottom:16px;overflow-wrap:anywhere}.wb-help{max-width:900px;margin-top:30px}.wb-help h2{font-size:20px}.wb-help p{color:var(--muted)}.workbench-page :focus-visible{outline:2px solid #b89bf0;outline-offset:3px}[hidden]{display:none!important}
@media(min-width:1500px){.eq-bands{grid-template-columns:repeat(8,minmax(0,1fr))}.wb-grid{grid-template-columns:220px minmax(300px,1fr) 390px}}
@media(max-width:1050px){.wb-grid{grid-template-columns:160px minmax(220px,1fr)}.wb-settings{grid-column:1/-1;position:static}.eq-bands{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:640px){.workbench-page{padding:20px 14px 40px}.wb-grid{grid-template-columns:minmax(0,1fr)}.wb-settings{grid-column:auto}.wb-library{grid-template-columns:1fr 1fr}.templates{margin-top:14px}.wb-toolbar label{margin-left:0;width:100%}.wb-toolbar select{max-width:180px}.wb-panel{padding:14px}.eq-bands{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-top{align-items:start;flex-direction:column}.preview-top label{width:100%}.preview-top select{min-width:0;max-width:100%}.export-row label{max-width:100%}}
@media(max-width:640px){.wb-settings{grid-row:2}#settings-title{scroll-margin-top:85px}}
.workbench-page .module-card{margin:0}.module-card:not(:last-child):after{content:none}.workbench-page .drop-slot{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:34px;margin:7px 0;padding:5px 8px;background:transparent;border:1px dashed #434052;color:#a29ab5;font-size:12px;transition:background .12s,border-color .12s}.drop-slot:before{content:'+';font-size:17px;color:#bca0f0}.workbench-page .drop-slot:hover,.choosing-step .drop-slot{border-color:#b89bf0;background:#a78bfa12;color:#d8c9f4}.workbench-page .drop-slot.drop-over{background:#153a32;border:2px solid #6ee7b7;color:#baf7dc}.workbench-page .drop-slot.drop-invalid{background:#3e2029;border:2px solid #fb7185;color:#fecdd3}.workbench-page .module-handle{display:grid;place-items:center;flex:0 0 32px;padding:2px;width:32px;height:32px;min-height:32px;color:#c5b3e9;background:#262033;font-size:24px;line-height:1;cursor:grab;touch-action:none}.module-handle:active{cursor:grabbing}.card-top .module-select{flex:1;min-width:130px}.card-top .badge{margin-left:auto}.wb-library button{touch-action:none;cursor:grab;position:relative;padding-right:30px!important}.wb-library button:after{content:'⠿';position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#a79abc;font-size:20px}.workbench-page .picked-module{outline:2px solid #b89bf0;outline-offset:2px}.module-dragging{user-select:none;cursor:grabbing}.module-dragging [data-drag-kind]{cursor:grabbing}.module-drag-ghost{position:fixed;z-index:1000;pointer-events:none;width:225px;padding:12px 14px;background:#241d36f5;border:1px solid #b89bf0;box-shadow:0 10px 35px #0009;border-radius:10px;color:#f4f2f8;font-size:14px}.module-drag-ghost strong,.module-drag-ghost span{display:block;overflow-wrap:anywhere}.module-drag-ghost span{font-size:11px;margin-top:5px;color:#c9beda}.drag-hint{color:#bcb1d1!important;font-size:13px!important;margin-top:0}.wb-grid>aside:first-child{position:sticky;top:85px}
@media(max-width:640px){.wb-grid>aside:first-child{position:static}.workbench-page .drop-slot{min-height:40px}.card-top .module-select{min-width:90px}.workbench-page .module-handle{width:38px;min-height:38px;flex-basis:38px}}
.workbench-page{max-width:1680px}.wb-grid{grid-template-columns:174px minmax(0,1fr);align-items:start}.wb-grid>aside:first-child{grid-column:1;grid-row:1/3}.pipeline-panel{grid-column:2;grid-row:1}.wb-settings{grid-column:2;grid-row:2;position:static}.wb-settings #settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 22px;align-items:start}.wb-settings #settings>p{grid-column:1/-1;margin:0}.wb-settings label{margin-bottom:0}.wb-settings .mix-track{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wb-settings .eq-bands{grid-column:1/-1;grid-template-columns:repeat(8,minmax(0,1fr));max-width:850px}.pipeline-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;color:#bcb3ce;font-size:12px}.pipeline-zoom{display:flex;gap:5px;flex-shrink:0}.workbench-page .pipeline-zoom button{font-size:11px;padding:5px 8px}.pipeline-viewport{position:relative;overflow:auto;height:420px;max-width:100%;background-color:#0d111a;background-image:radial-gradient(#373244 1px,transparent 1px);background-size:18px 18px;border:1px solid #292a3b;border-radius:10px;overscroll-behavior:contain;scrollbar-color:#5b477b #151721}.pipeline-surface{position:relative;min-width:100%;min-height:100%}.pipeline-stage{position:absolute;top:0;left:0;transform-origin:0 0}.pipeline-wires{position:absolute;inset:0;overflow:visible;pointer-events:none}.pipeline-edge{fill:none;stroke:#71628e;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.pipeline-edge.active{stroke:#bea3f5;stroke-width:2.8}.pipeline-wire-preview{stroke:#6ee7b7;fill:none;stroke-width:3;stroke-dasharray:6 4}.workbench-page .pipeline-node,.pipeline-output{position:absolute;z-index:2;box-sizing:border-box;border-radius:10px;background:#171d29;padding:10px;border:1px solid #3a354b;border-left:3px solid var(--module-accent,#a78bfa);box-shadow:0 4px 14px #0004;margin:0}.pipeline-node[data-type=source]{--module-accent:#94a3b8}.pipeline-node[data-type=denoise]{--module-accent:#2dd4bf}.pipeline-node[data-type=trim]{--module-accent:#6ee7b7}.pipeline-node[data-type=eq]{--module-accent:#fbbf24}.pipeline-node[data-type=volume]{--module-accent:#fb923c}.pipeline-node[data-type=mix]{--module-accent:#c4a7ff}.workbench-page .pipeline-node.selected{border-color:var(--module-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--module-accent) 15%,transparent),0 6px 18px #0005}.pipeline-node-heading{display:flex;align-items:center;gap:5px;min-height:34px}.pipeline-icon{font-size:12px;font-weight:700;color:var(--module-accent);flex:0 0 20px;text-align:center}.workbench-page .pipeline-node .module-select{padding:0;font-size:12px;line-height:1.25;flex:1;min-width:0;white-space:normal;border:0;background:none;text-align:left}.workbench-page .pipeline-node .module-handle{width:20px;min-height:25px;height:25px;flex:0 0 20px;font-size:18px;padding:0;border:0;background:transparent;color:#a69ab9}.pipeline-node .pipeline-description{font-size:11px!important;margin:6px 0 10px;line-height:1.3;color:#a6aabd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-node-footer{display:flex;align-items:center;gap:5px;min-height:23px}.pipeline-node-footer .badge{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;font-size:9px}.workbench-page .pipeline-icon-button{font-size:13px;line-height:1;width:20px;height:22px;padding:2px;background:transparent;border-color:#444050;flex-shrink:0}.workbench-page .pipeline-load{padding:3px 5px;font-size:10px;white-space:nowrap;margin-right:auto;max-width:90px;overflow:hidden;text-overflow:ellipsis}.pipeline-node[data-type=source] .badge{display:none}.workbench-page .pipeline-port{position:absolute;z-index:4;top:50%;width:22px;height:22px;min-height:0;transform:translateY(-50%);padding:0;border:0;background:transparent;border-radius:50%;touch-action:none;cursor:crosshair}.pipeline-port:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#171d29;border:2px solid #b89bf0}.pipeline-port.input{left:-12px}.pipeline-port.output{right:-12px}.pipeline-port:hover:after,.pipeline-port.wire-selected:after{background:#6ee7b7;border-color:#6ee7b7;box-shadow:0 0 0 4px #6ee7b733}.pipeline-output{display:flex;flex-direction:column;justify-content:center;gap:7px;background:#142923;border-color:#36785f;border-left-color:#6ee7b7;color:#c2f7de}.pipeline-output strong{font-size:16px}.pipeline-node-kicker{font-size:10px;color:#90b8a7}.pipeline-output .pipeline-description{font-size:11px;color:#9ec8b6}.workbench-page .pipeline-drop{position:absolute;z-index:3;display:grid;place-items:center;transform:translate(-50%,-50%);width:27px;height:27px;min-height:0;padding:0;margin:0;font-size:19px;line-height:1;background:#171322;border:1px solid #685080;border-radius:50%;color:#d7c0fa;transition:none}.pipeline-drop:before{content:none}.workbench-page .pipeline-drop.drop-over{background:#185844;border:2px solid #6ee7b7;box-shadow:0 0 0 7px #6ee7b722}.workbench-page .pipeline-drop.drop-invalid{background:#692c3d;border:2px solid #fb7185;box-shadow:0 0 0 6px #fb718522}.workbench-page .pipeline-branch{min-height:36px;margin:12px 0 0}.pipeline-hint{font-size:12px!important;color:#a69ab9;margin:10px 0 0}.pipeline-empty{position:absolute;top:60px;left:30px;max-width:240px;font-size:14px!important}.pipeline-bypassed{opacity:.6}.module-dragging .pipeline-viewport{outline:1px solid #ac8af77a}.choosing-step .pipeline-drop{box-shadow:0 0 0 5px #b89bf026}.pipeline-panel>h2{margin-bottom:9px}.pipeline-panel>.drag-hint{margin-bottom:14px}
@media(max-width:1100px){.wb-grid{grid-template-columns:minmax(0,1fr)}.wb-grid>aside:first-child{grid-row:1;grid-column:1;position:static}.wb-library{grid-template-columns:repeat(6,minmax(0,1fr))}.templates{grid-template-columns:1fr 1fr;margin-top:15px;gap:8px}.templates h3,.templates p{grid-column:1/-1;margin:0}.pipeline-panel{grid-column:1;grid-row:2}.wb-settings{grid-column:1;grid-row:3}.pipeline-viewport{height:440px}}
@media(max-width:640px){.wb-library{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-panel{padding:12px}.pipeline-toolbar{align-items:start;flex-direction:column}.pipeline-viewport{height:560px}.wb-settings #settings{grid-template-columns:minmax(0,1fr)}.wb-settings .mix-track{grid-template-columns:1fr 1fr}.pipeline-node .pipeline-description{font-size:10px!important}.workbench-page .pipeline-node .module-select{font-size:11px}.pipeline-zoom{width:100%;justify-content:end}.workbench-page .pipeline-port{width:28px;height:28px}.pipeline-port.input{left:-15px}.pipeline-port.output{right:-15px}.pipeline-port:after{inset:8px}.workbench-page .pipeline-drop{width:29px;height:29px;min-height:0}.wb-settings .eq-bands{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pipeline-stage[data-vertical=true] .pipeline-port.input{top:-15px;left:50%;transform:translateX(-50%)}.pipeline-stage[data-vertical=true] .pipeline-port.output{top:auto;bottom:-15px;right:auto;left:50%;transform:translateX(-50%)}
.pipeline-node{cursor:pointer}.pipeline-node:focus-visible{outline:2px solid #c9a9ff;outline-offset:4px}.pipeline-description{cursor:pointer}.pipeline-node.drop-target-node{outline:3px solid #6ee7b7!important;outline-offset:4px;box-shadow:0 0 0 9px #6ee7b722!important}.pipeline-viewport.drop-over{outline:2px solid #6ee7b7;background-color:#10251f}.pipeline-viewport.drop-invalid{outline:2px solid #fb7185}.workbench-page .module-reset{justify-self:start;grid-column:1/-1;padding:6px 10px;font-size:12px}.wb-eq-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;min-width:0}.wb-eq-help,.wb-eq-graph,.wb-eq-bands{grid-column:1/-1}.wb-eq-help{margin:0!important}.wb-eq-graph{width:100%;max-height:230px;border:1px solid #343444;border-radius:8px;background:#0f141e}.wb-eq-bands{display:grid;grid-template-columns:repeat(var(--band-count,8),minmax(0,1fr));gap:9px;align-items:start}.wb-eq-bands fieldset{min-width:0;margin:0;padding:9px;border:1px solid #343444;border-radius:8px;text-align:center}.wb-eq-bands legend{font-size:11px;color:#b3aaca}.wb-eq-bands output,.wb-eq-bands fieldset>span{display:block;font-size:11px;white-space:nowrap}.wb-eq-gain{writing-mode:vertical-lr;direction:rtl;display:block;width:28px;height:145px;margin:9px auto;accent-color:#facc15}.wb-eq-bands details{margin-top:12px;font-size:11px}.wb-eq-bands summary{cursor:pointer;color:#b7a5d5}.wb-eq-bands label{margin:9px 0!important;font-size:11px!important}.workbench-page .wb-eq-bands input[type=number],.workbench-page .wb-eq-bands select{padding:5px 3px;width:100%;font-size:11px}.source-properties{font-size:13px;color:#b8b0cb;overflow-wrap:anywhere}
@media(max-width:800px){.wb-eq-bands{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:440px){.wb-eq-panel{grid-template-columns:minmax(0,1fr)}.wb-eq-bands{gap:6px}.wb-eq-bands fieldset{padding:7px 4px}.wb-eq-bands legend{font-size:10px}}
/* Nodes move independently of processing order; broad wire hit areas support mouse and touch. */
.pipeline-node,.pipeline-output{cursor:grab;touch-action:none;user-select:none}.pipeline-node .module-select,.pipeline-node .pipeline-description{cursor:grab;touch-action:none}.moving-node,.moving-node *{cursor:grabbing!important}.pipeline-edge-hit{fill:none;stroke:transparent;stroke-width:20;pointer-events:stroke;cursor:grab;touch-action:none}.pipeline-edge-hit:hover{stroke:#b89bf033}.pipeline-edge-hit.rewiring{stroke:#6ee7b733}.wire-drop-target{outline:3px solid #6ee7b7!important;outline-offset:4px}.wiring{cursor:crosshair}.pipeline-wires .pipeline-wire-preview{pointer-events:none}
/* SVG paths do not establish a touch-action region; the SVG root must opt out of panning. */
.pipeline-wires{touch-action:none}
.moving-route,.moving-route *{cursor:move!important}
.pipeline-routing-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-size:12px}.pipeline-routing-toolbar label{display:flex;align-items:center;gap:7px}.workbench-page .pipeline-routing-toolbar select,.workbench-page .pipeline-routing-toolbar button{font-size:12px;padding:5px 8px}.pipeline-route-selection{color:#bbb0ce;overflow-wrap:anywhere}
.pipeline-edge.route-selected{stroke:#6ee7b7;stroke-width:2.8}
/* Physical port positions remain absolute when their input/output role changes. */
.workbench-page .pipeline-stage .pipeline-port{top:auto;right:auto;bottom:auto;left:auto;width:28px;height:28px;transform:none;display:grid;place-items:center;font-size:12px;line-height:1}
.workbench-page .pipeline-stage .pipeline-port.side-top{top:-15px;left:calc(50% - 1px);right:auto;bottom:auto;transform:translateX(-50%)}
.workbench-page .pipeline-stage .pipeline-port.side-right{top:50%;right:-15px;left:auto;bottom:auto;transform:translateY(-50%)}
.workbench-page .pipeline-stage .pipeline-port.side-bottom{bottom:-15px;left:calc(50% - 1px);top:auto;right:auto;transform:translateX(-50%)}
.workbench-page .pipeline-stage .pipeline-port.side-left{top:50%;left:-17px;right:auto;bottom:auto;transform:translateY(-50%)}
.pipeline-port:after{inset:4px;border-color:#788297;background:#151b26}.pipeline-port[data-role=input]:after{border-color:#75baff;background:#173c60}.pipeline-port[data-role=output]:after{border-color:#6ee7b7;background:#174735}.pipeline-port-mark{position:relative;z-index:1;font-size:12px;font-weight:700;pointer-events:none;color:#dce8f5}.pipeline-port[data-role=free] .pipeline-port-mark{color:#a8b3c6}.pipeline-port-legend{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0 0;color:#b6bfd0;font-size:12px}.pipeline-port-legend span:before{content:'';display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#788297}.pipeline-port-legend .input:before{background:#75baff}.pipeline-port-legend .output:before{background:#6ee7b7}
.pipeline-port[data-role=free][data-capability=input]:after{border-color:#75baff}.pipeline-port[data-role=free][data-capability=output]:after{border-color:#6ee7b7}
.workbench-page .pipeline-arrow-handle{position:absolute;z-index:5;display:grid;place-items:center;width:22px;height:22px;min-height:0;padding:1px;border:0;border-radius:50%;background:transparent;color:#d0b9f5;transform:translate(-50%,-50%);cursor:grab;touch-action:none}.pipeline-arrow-handle svg{width:18px;height:18px;pointer-events:none}.pipeline-arrow-handle:hover,.pipeline-arrow-handle:focus-visible{background:#223e37;color:#6ee7b7;box-shadow:0 0 0 3px #6ee7b744}.pipeline-arrow-handle:active{cursor:grabbing}
/* Data-flow demo is a visual guide independent of audio processing. */
.pipeline-flow-dot{fill:#ecfdf5;stroke:#34d399;stroke-width:2;pointer-events:none;filter:drop-shadow(0 0 5px #34d399)}
.pipeline-edge.flow-active{stroke:#34d399;stroke-width:3.5}
.workbench-page .pipeline-node.flow-active,.workbench-page .pipeline-output.flow-active{border-color:#34d399;box-shadow:0 0 0 2px #34d39966,0 0 18px #34d39933}
.workbench-page .pipeline-demo-button{border-color:#34d39988;color:#a7f3d0}
.workbench-page .pipeline-demo-button[aria-pressed=true]{background:#14533b;color:#ecfdf5;border-color:#34d399}
.pipeline-demo-status{color:#a2adbb;font-size:11px;flex:1 1 190px}
@media(prefers-reduced-motion:reduce){.pipeline-flow-dot{filter:none}.workbench-page .pipeline-node.flow-active,.workbench-page .pipeline-output.flow-active{box-shadow:none}}

/* Anime.js animates flow packets and actual worker progress. */
.pipeline-flow-trail{fill:none;stroke:#4fe5c0;stroke-width:3.5;stroke-linecap:round;pointer-events:none;filter:drop-shadow(0 0 4px #34d39988)}
.workbench-page .pipeline-node.flow-active,.workbench-page .pipeline-output.flow-active{border-color:#34d399;box-shadow:0 0 0 2px rgb(52 211 153 / calc(var(--pipeline-flow-level,.5)*.6)),0 0 20px rgb(52 211 153 / calc(var(--pipeline-flow-level,.5)*.25))}
.workbench-page .pipeline-node.pipeline-processing{border-color:#38bdf8;background:#122839;box-shadow:0 0 0 2px rgb(56 189 248 / var(--pipeline-run-glow,.4)),0 0 24px rgb(56 189 248 / calc(var(--pipeline-run-glow,.4)*.5))}
.pipeline-node.pipeline-processing .pipeline-node-heading,.pipeline-node.pipeline-processing .badge{color:#bae6fd}
.pipeline-processing-outline{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none}
.pipeline-processing-orbit{fill:none;stroke:#b1edff;stroke-width:2;filter:drop-shadow(0 0 3px #38bdf8)}
.pipeline-processing-spinner{display:inline-block;width:9px;height:9px;margin-right:5px;vertical-align:-1px;border:2px solid #38bdf844;border-top-color:#7dd3fc;border-radius:50%}
.workbench-page .pipeline-node.pipeline-completed:not(.pipeline-processing){border-color:rgb(52 211 153 / calc(.3 + var(--pipeline-done-glow,0)));box-shadow:0 0 0 2px rgb(52 211 153 / var(--pipeline-done-glow,0)),0 0 18px rgb(52 211 153 / calc(var(--pipeline-done-glow,0)*.4))}
@media(prefers-reduced-motion:reduce){.pipeline-flow-trail,.pipeline-processing-outline,.pipeline-processing-spinner{display:none}.workbench-page .pipeline-node.pipeline-processing{box-shadow:0 0 0 2px #38bdf888}.workbench-page .pipeline-node.flow-active,.workbench-page .pipeline-output.flow-active{box-shadow:none}}
.workbench-page .pipeline-node.pipeline-processing .module-select{color:#e0f5ff;opacity:1}
.workbench-page #settings .wb-trim-control:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}

.wb-input-source{display:flex;flex-direction:column;gap:6px;min-width:0}
.wb-input-label{font-size:13px;color:#bcb3ce}
.wb-input-source .wb-input-value{margin:0;font-size:13px;color:#e0e5ef;line-height:1.5;overflow-wrap:anywhere;user-select:text}
.mix-track>.wb-input-source{grid-column:1/-1}
.workbench-page .wb-toolbar{gap:12px;padding:18px 0 22px}
.workbench-page .wb-file-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 24px;border:1px solid #6a5b87;border-radius:11px;background:linear-gradient(180deg,#393047,#241e31);box-shadow:inset 0 1px 0 #ffffff20,0 4px 0 #100c19,0 7px 14px #0003;font-size:16px;font-weight:650;line-height:1.4;transition:transform .15s,box-shadow .15s,border-color .15s}
.wb-file-button svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#cfbbf4}
.workbench-page .wb-file-button:hover:not(:disabled){transform:translateY(-1px);border-color:#b099d2;box-shadow:inset 0 1px 0 #ffffff30,0 5px 0 #100c19,0 9px 18px #0004}
.workbench-page .wb-file-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff15,0 2px 0 #100c19}
.pipeline-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.pipeline-heading h2{margin:0}
.pipeline-run-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.workbench-page .wb-run-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 24px;border-radius:10px;border-color:#bb96ff;background:linear-gradient(180deg,#a275f4,#7439cc);box-shadow:inset 0 1px 0 #ffffff40,0 3px 0 #43216f,0 6px 18px #8b5cf630;font-size:16px;font-weight:700;transition:filter .15s,transform .15s}
.wb-run-button svg{width:19px;height:19px;fill:currentColor;flex-shrink:0}
.workbench-page .wb-run-button:hover:not(:disabled){filter:brightness(1.12)}
.workbench-page .wb-run-button:active:not(:disabled){transform:translateY(1px)}
@media(max-width:640px){.workbench-page .wb-toolbar{display:grid;align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.workbench-page .wb-file-button{flex-direction:column;justify-content:flex-start;gap:7px;min-height:76px;padding:11px 6px;font-size:13px;white-space:normal}.workbench-page .wb-run-button{min-height:46px;padding:10px 14px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.workbench-page .wb-file-button,.workbench-page .wb-run-button{transition:none}.workbench-page .wb-file-button:hover:not(:disabled),.workbench-page .wb-file-button:active:not(:disabled),.workbench-page .wb-run-button:active:not(:disabled){transform:none}}

/* Large, prominent canvas controls with comfortable touch targets. */
.pipeline-toolbar{flex-wrap:wrap;row-gap:12px}
.pipeline-zoom{gap:9px;flex-wrap:wrap}
.workbench-page .pipeline-zoom button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 16px;font-size:14px;font-weight:650;line-height:1.4;color:#f5efff;border:1px solid #8670a8;border-radius:9px;background:linear-gradient(180deg,#443653,#2c233b);box-shadow:inset 0 1px 0 #ffffff26,0 3px 0 #130f1d,0 5px 10px #0003;transition:background .15s,border-color .15s,box-shadow .15s}
.pipeline-zoom svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#dfcbff}
.workbench-page .pipeline-zoom button:hover{border-color:#d1b4ff;background:linear-gradient(180deg,#57426d,#3a2c4d);box-shadow:inset 0 1px 0 #ffffff35,0 3px 0 #130f1d,0 5px 14px #0005}
.workbench-page .pipeline-zoom button:active{box-shadow:inset 0 2px 4px #0005,0 1px 0 #130f1d}
.workbench-page .pipeline-zoom button:focus-visible{outline:3px solid #c3a0ff;outline-offset:3px}
@media(max-width:640px){.pipeline-zoom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workbench-page .pipeline-zoom button{min-width:0;min-height:48px;padding:11px 8px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.workbench-page .pipeline-zoom button{transition:none}}

/* Beveled module tiles retain their exact canvas geometry and port positions. */
.wb-library{gap:12px}
.wb-library .source{--module-accent:#94a3b8}.wb-library .denoise{--module-accent:#2dd4bf}.wb-library .trim{--module-accent:#6ee7b7}.wb-library .eq{--module-accent:#fbbf24}.wb-library .volume{--module-accent:#fb923c}.wb-library .mix{--module-accent:#c4a7ff}
.workbench-page .wb-library button{min-height:50px;padding:12px 30px 12px 13px;border-color:color-mix(in srgb,var(--module-accent) 36%,#28303e);border-left:3px solid var(--module-accent);border-radius:10px;background:linear-gradient(155deg,color-mix(in srgb,var(--module-accent) 15%,#222837),#151a25 80%);box-shadow:inset 0 1px 0 #ffffff22,inset 0 -1px 0 #0006,0 4px 0 #080c13,0 7px 12px #0004;color:#f1f3fa;font-weight:600;transition:border-color .18s,box-shadow .18s,transform .18s}
.workbench-page .wb-library button:hover:not(:disabled){border-color:var(--module-accent);box-shadow:inset 0 1px 0 #ffffff35,0 5px 0 #080c13,0 9px 18px #0006,0 0 12px color-mix(in srgb,var(--module-accent) 12%,transparent);transform:translateY(-2px)}
.workbench-page .wb-library button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 4px #0005,0 1px 0 #080c13}
.workbench-page .pipeline-node,.workbench-page .pipeline-output{background:linear-gradient(150deg,color-mix(in srgb,var(--module-accent,#6ee7b7) 13%,#263040),#171d2a 72%);border-color:color-mix(in srgb,var(--module-accent,#6ee7b7) 38%,#28303e);border-left-color:var(--module-accent,#6ee7b7);box-shadow:inset 0 1px 0 #ffffff28,inset 0 -1px 0 #0005,0 5px 0 #080c15,0 10px 16px #0006;transition:border-color .18s,background .18s}
.workbench-page .pipeline-node.selected{box-shadow:inset 0 1px 0 #ffffff35,0 5px 0 #080c15,0 10px 18px #0007,0 0 0 2px color-mix(in srgb,var(--module-accent) 28%,transparent),0 0 20px color-mix(in srgb,var(--module-accent) 12%,transparent)}
.pipeline-icon{display:grid;place-items:center;flex-basis:24px;height:24px;border:1px solid color-mix(in srgb,var(--module-accent) 45%,transparent);border-radius:7px;background:linear-gradient(150deg,color-mix(in srgb,var(--module-accent) 23%,#1d2634),#171d29);box-shadow:inset 0 1px 0 #ffffff20,0 2px 3px #0005}
.pipeline-node .pipeline-description{color:#bbc3d5}
.pipeline-port:after{box-shadow:inset 0 1px 2px #ffffff30,0 2px 3px #0008}
.workbench-page .pipeline-node.flow-active,.workbench-page .pipeline-output.flow-active{box-shadow:inset 0 1px 0 #d1fae555,0 5px 0 #071711,0 9px 16px #0006,0 0 0 2px rgb(52 211 153 / calc(var(--pipeline-flow-level,.5)*.65)),0 0 30px rgb(52 211 153 / calc(var(--pipeline-flow-level,.5)*.4))}
.pipeline-flow-dot{filter:drop-shadow(0 0 3px #ecfdf5) drop-shadow(0 0 8px #34d399)}
.pipeline-flow-spark{fill:#6ee7b7;pointer-events:none}
.pipeline-edge.flow-active{filter:drop-shadow(0 0 4px #34d39988)}
.workbench-page .pipeline-node.pipeline-processing{background:linear-gradient(145deg,#21475b,#122536 75%);box-shadow:inset 0 1px 0 #c4f1ff66,0 5px 0 #071723,0 10px 20px #0007,0 0 0 2px rgb(56 189 248 / var(--pipeline-run-glow,.4)),0 0 36px rgb(56 189 248 / calc(var(--pipeline-run-glow,.4)*.65))}
.pipeline-processing-orbit{stroke-width:2.8;filter:drop-shadow(0 0 4px #38bdf8) drop-shadow(0 0 8px #38bdf877)}
.pipeline-processing-scan{fill:#7dd3fc;pointer-events:none}
.pipeline-processing-spinner{display:inline-flex;align-items:center;justify-content:space-between;gap:2px;width:18px;height:12px;border:0;border-radius:0;vertical-align:-2px;margin-right:6px}
.pipeline-processing-spinner i{display:block;width:2px;height:11px;border-radius:2px;background:#a5f3fc;transform-origin:center;box-shadow:0 0 4px #38bdf8}
.pipeline-run-stream{fill:none;stroke:#7dd3fc;stroke-width:3.5;stroke-dasharray:14 50;stroke-linecap:round;pointer-events:none;filter:drop-shadow(0 0 4px #38bdf8)}
@media(prefers-reduced-motion:reduce){.workbench-page .wb-library button,.workbench-page .pipeline-node,.workbench-page .pipeline-output{transition:none}.workbench-page .wb-library button:hover:not(:disabled),.workbench-page .wb-library button:active:not(:disabled){transform:none}.pipeline-flow-dot,.pipeline-edge.flow-active{filter:none}.pipeline-processing-spinner,.pipeline-processing-outline,.pipeline-run-stream{display:none}.workbench-page .pipeline-node.pipeline-processing{box-shadow:inset 0 1px 0 #c4f1ff44,0 5px 0 #071723,0 0 0 2px #38bdf888}}

/* Explicit edge selection stays visible when the pointer moves to Delete. */
.pipeline-edge.route-selected{stroke:#6ee7b7;stroke-width:4.5;filter:drop-shadow(0 0 4px #34d39999)}
.pipeline-edge-hit.route-selected,.pipeline-edge-hit.route-selected:hover{stroke:#6ee7b724}
.workbench-page .pipeline-arrow-handle.route-selected{color:#b6ffe1;background:#164c3b;box-shadow:0 0 0 2px #6ee7b755}
@media(prefers-reduced-motion:reduce){.pipeline-edge.route-selected{filter:none}}

.workbench-page .pipeline-zoom button:disabled:hover{border-color:#645a78;box-shadow:inset 0 1px 0 #ffffff26,0 3px 0 #130f1d,0 5px 10px #0003}

.workbench-page .wb-undo-button{border-color:#659da6;background:linear-gradient(180deg,#29434e,#1c2b37)}


/* User templates precede the built-in examples and keep long names contained. */
.workbench-page .wb-library button{border-bottom-width:2px;box-shadow:inset 0 1px 0 #ffffff38,inset 1px 0 0 #ffffff10,inset 0 -2px 0 #0005,0 5px 0 #080c13,0 9px 15px #0006;background:linear-gradient(150deg,color-mix(in srgb,var(--module-accent) 20%,#2a3242),#171d29 78%)}
.workbench-page .pipeline-node,.workbench-page .pipeline-output{border-bottom-width:2px;box-shadow:inset 0 2px 0 #ffffff30,inset 1px 0 0 #ffffff0d,inset 0 -2px 0 #0006,0 6px 0 #070b12,0 11px 20px #0008}
.workbench-page .pipeline-node.selected{box-shadow:inset 0 2px 0 #ffffff40,inset 0 -2px 0 #0006,0 6px 0 #070b12,0 11px 20px #0008,0 0 0 2px color-mix(in srgb,var(--module-accent) 40%,transparent),0 0 24px color-mix(in srgb,var(--module-accent) 20%,transparent)}
.workbench-page .pipeline-node.being-dragged{box-shadow:inset 0 2px 0 #ffffff40,0 8px 0 #070b12,0 18px 26px #000a,0 0 0 2px var(--module-accent)}
.workbench-page .pipeline-node.pipeline-processing{box-shadow:inset 0 2px 0 #c4f1ff77,inset 0 -2px 0 #0005,0 6px 0 #071723,0 12px 22px #0008,0 0 0 2px rgb(56 189 248 / var(--pipeline-run-glow,.4)),0 0 36px rgb(56 189 248 / calc(var(--pipeline-run-glow,.4)*.65))}

/* Stable canvas controls keep Undo immediately before Restore, including on blur. */
.workbench-page .pipeline-zoom .wb-undo-button{flex-direction:row;justify-content:center;min-height:46px;padding:11px 16px;font-size:14px;line-height:1.4}
@media(max-width:640px){.pipeline-zoom button:last-child{grid-column:1/-1}.workbench-page .pipeline-zoom .wb-undo-button{min-height:48px}}

.pipeline-zoom{min-width:0;max-width:100%;flex-shrink:1}


/* User flows are unified cards; the quiet trash action is part of the card. */
.wb-user-templates{display:grid;gap:9px;grid-column:1/-1;max-height:320px;overflow:auto;padding:3px 2px 12px;border-bottom:1px solid #303344;scrollbar-width:thin;scrollbar-color:#625273 transparent}
.wb-user-template{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;column-gap:4px;row-gap:1px;min-width:0;padding:6px 8px 5px 10px;border:1px solid #413a52;border-radius:10px;background:linear-gradient(145deg,#272337,#191f2c 80%);box-shadow:inset 0 1px 0 #ffffff12,0 3px 8px #0003;transition:border-color .15s,box-shadow .15s}
.wb-user-template:hover{border-color:#716084}
.wb-user-template:focus-within{border-color:#ad8bdf;box-shadow:0 0 0 2px #a78bfa1f,inset 0 1px 0 #ffffff1a}
.workbench-page .wb-user-template-load{grid-column:1/-1;grid-row:1;display:block;width:100%;min-width:0;min-height:28px;margin:0;padding:3px 0;border:0;border-radius:4px;box-shadow:none;background:transparent;color:#eee9f8;font-size:13px;font-weight:600;line-height:1.5;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;touch-action:manipulation}
.workbench-page .wb-user-template-load:hover{color:#fff;background:transparent}
.wb-user-template-info{grid-column:1;grid-row:2;display:flex;align-items:center;gap:5px;min-width:0;color:#a69db9;font-size:11px;line-height:1.5;pointer-events:none}
.wb-user-template-info svg{width:13px;height:13px;flex-shrink:0;fill:none;stroke:#a695be;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.workbench-page .wb-user-template-remove{grid-column:2;grid-row:2;display:grid;place-items:center;align-self:center;width:28px;height:28px;min-height:28px;margin:0;padding:0;border:0;border-radius:7px;background:transparent;color:#a79eb7;box-shadow:none;transition:color .15s,background .15s}
.wb-user-template-remove svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.workbench-page .wb-user-template-remove:hover:not(:disabled),.workbench-page .wb-user-template-remove:focus-visible{color:#fda4af;background:#f43f5e18}
.workbench-page .wb-user-template-name{grid-column:1/-1;grid-row:1;width:100%;min-width:0;margin:0;padding:2px 4px;font-size:13px;line-height:1.5;border-color:#b89bf0;border-radius:4px;background:#151320;color:#f4edff;box-shadow:inset 0 1px 3px #0004}
@media(pointer:coarse){.wb-user-template{grid-template-columns:minmax(0,1fr) 36px}.workbench-page .wb-user-template-remove{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.wb-user-template,.workbench-page .wb-user-template-remove{transition:none}}

.wb-grid>aside:first-child>.templates>h2{grid-column:1/-1;font-size:17px;margin:0 0 8px}
/* Searchable, grouped catalogue leaves the canvas as the main workspace. */
.wb-grid{grid-template-columns:240px minmax(0,1fr)}
#module-search{width:100%;margin:0 0 12px;font-size:13px}
.wb-library{display:block;max-height:540px;overflow:auto;scrollbar-width:thin;padding:2px 5px 6px 2px;overscroll-behavior:contain}
.wb-module-group{margin-bottom:12px}.wb-module-group>summary{font-size:12px;font-weight:650;color:#c9bfdf;padding:8px 2px;cursor:pointer}
.wb-module-grid{display:grid;gap:7px}
.workbench-page .wb-library .add-module{display:grid;grid-template-columns:25px minmax(0,1fr);gap:4px 7px;width:100%;min-height:68px;padding:9px 20px 9px 8px!important;border-left-color:var(--module-accent);align-items:center}
.wb-library .add-module:after{right:5px;font-size:15px}.wb-library-icon{grid-row:1/3;align-self:start;padding-top:2px;color:var(--module-accent);font-size:16px;text-align:center}
.wb-library-name{font-size:12px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}.wb-library-description{grid-column:2;font-size:10px;line-height:1.5;color:#b8afc7;font-weight:400;overflow-wrap:anywhere}
.wb-screen-note{border-left:3px solid #9385bc;padding:9px 13px;background:#191726;border-radius:6px;color:#c7bdd9;font-size:13px;line-height:1.6}
.wb-limit-note{color:#fcd793!important}.wb-limit-errors{padding:10px 16px;background:#3a2029;color:#fecdd3;border:1px solid #a34762;border-radius:8px;margin-bottom:18px}.wb-limit-errors p{margin:5px 0;font-size:14px}
.pipeline-delete-hint{color:#86efac;font-size:12px;flex-basis:100%}
.workbench-page textarea{box-sizing:border-box;width:100%;min-width:0;background:#171b25;border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--text);font:inherit;resize:vertical}.workbench-page textarea:disabled{opacity:.45;cursor:not-allowed}#transcript{margin:12px 0}
@media(max-width:1100px){.wb-grid{grid-template-columns:200px minmax(0,1fr)}.wb-grid>aside:first-child{display:block}.wb-library{max-height:480px}.wb-screen-note{border-color:#fbbf24;background:#302619;color:#fde7b5}}
@media(max-width:640px){.wb-grid{grid-template-columns:minmax(0,1fr)}.wb-grid>aside:first-child,.pipeline-panel,.wb-settings{grid-column:1;grid-row:auto}.wb-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-library{max-height:320px}.wb-library-description{display:none}.workbench-page .wb-library .add-module{min-height:48px}.wb-library-icon{grid-row:1}.wb-screen-note{font-weight:600}}

#module-category{width:100%;margin-bottom:8px;font-size:13px}
.wb-resources{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:13px 16px;border:1px solid #384254;border-radius:10px;background:#111b25;margin-bottom:16px;font-size:12px;color:#bdcddd}
.wb-resource-values{display:flex;flex-wrap:wrap;gap:8px 20px;flex:1;min-width:0}.wb-resource-values span{overflow-wrap:anywhere}.wb-resources p{width:100%;margin:0;line-height:1.6;color:#9fadc0;font-size:12px}.workbench-page .wb-resources button{font-size:12px;padding:8px 11px}.wb-resources.resource-warning{border-color:#ac7d36;background:#2b2318}.wb-resources.resource-warning #resource-note{color:#fcd68c}#stage-location{color:#9ebacc;font-size:12px}

/* Keep actionable limits next to Run and visible while the canvas is scrolled. */
.wb-alerts{position:sticky;top:90px;z-index:8;padding:16px 18px;margin:0 0 18px;border:2px solid #d9a448;border-left-width:6px;border-radius:12px;background:#352b17;color:#ffe2a3;box-shadow:0 8px 24px #0006;max-height:40vh;overflow:auto;scroll-margin-top:104px;overflow-wrap:anywhere}
.wb-alerts.has-error{border-color:#f47485;background:#3b202a;color:#ffdae0}
.wb-alert-heading{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.5}
.wb-alert-heading svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wb-alerts #error,.wb-alerts #resource-alert,.wb-alerts .wb-limit-errors p{font-size:15px;line-height:1.7;color:inherit;margin:10px 0 0}
.wb-alerts .wb-limit-errors{padding:0;margin:0;border:0;background:none;color:inherit}
@media(max-width:600px){.wb-alerts{top:76px;padding:12px;scroll-margin-top:90px}.wb-alert-heading{font-size:15px}.wb-alerts #error,.wb-alerts #resource-alert,.wb-alerts .wb-limit-errors p{font-size:14px}}

.wb-reference-audio{display:block;width:100%;max-width:520px;margin:8px 0 18px;color-scheme:dark}

/* First-use walkthrough: the highlighted control remains interactive. */
.wb-tour-spot{position:fixed;z-index:9998;pointer-events:none;border:3px solid #b39cff;border-radius:10px;box-shadow:0 0 0 9999px #03050bb3,0 0 22px #b39cffff;transition:top .18s,left .18s,width .18s,height .18s}
.workbench-page .wb-tour{position:fixed;z-index:9999;right:20px;bottom:20px;width:min(390px,calc(100vw - 32px));max-height:min(55vh,460px);overflow:auto;padding:20px;border:1px solid #a890f4;border-radius:16px;background:#1c1a2d;color:#fff;box-shadow:0 16px 50px #000b}
.workbench-page .wb-tour.tour-at-top{top:84px;bottom:auto}
.wb-tour h2{margin:3px 0 8px;font-size:19px;line-height:1.35}.wb-tour-count{margin:0;color:#c8b8ff;font-weight:700;font-size:12px}.wb-tour-body{margin:0;color:#e1dbf1;font-size:14px;line-height:1.6}.wb-tour-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.wb-tour-actions #tour-skip{margin-right:auto}.workbench-page .wb-tour-open{border-color:#9575ec;color:#e1d2ff;font-weight:700}
.wb-screen-note{display:flex;align-items:center;gap:12px;padding:15px 18px!important;border:2px solid #e5a83f!important;border-radius:10px!important;background:#352916!important;color:#ffe2a0!important;font-size:15px!important;font-weight:700;line-height:1.55;box-shadow:0 5px 18px #0004}.wb-screen-note:before{content:'!';display:grid;place-items:center;flex:none;width:27px;height:27px;border:2px solid currentColor;border-radius:50%;font-size:18px;font-weight:800}
@media(max-width:600px){.workbench-page .wb-tour{right:16px;bottom:12px;padding:15px}.workbench-page .wb-tour.tour-at-top{top:76px}.wb-screen-note{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.wb-tour-spot{transition:none}}

/* Text sources and speech input span the full settings panel. */
.wb-settings #settings>.wb-text-field{grid-column:1/-1;width:100%}.wb-settings .wb-text-field textarea{width:100%;min-height:112px;line-height:1.6}
.preview-top label{flex-wrap:wrap;min-width:0}
@media(max-width:600px){.wb-resource-values{flex-basis:100%}}
.pipeline-routing-toolbar label{flex-wrap:wrap;min-width:0;max-width:100%}.pipeline-routing-toolbar select{min-width:0;max-width:100%}

.wb-settings #settings>.wb-language-notice{display:flex;align-items:center;gap:10px;padding:13px 16px;border:2px solid #e5a83f;border-left-width:5px;border-radius:10px;background:#352916;color:#ffe2a0;font-size:16px;font-weight:700;line-height:1.5}.wb-language-notice:before{content:'!';display:grid;place-items:center;flex:none;width:23px;height:23px;border:2px solid currentColor;border-radius:50%;font-weight:800}

.wb-settings #settings>.wb-language-notice{width:fit-content;max-width:100%;justify-self:start;box-sizing:border-box}
/* Enlarge native file selection and hide the browser's empty-file caption. */
.workbench-page .wb-settings input[type=file]{font-size:0!important;color:transparent;border:0;background:transparent;padding:0;min-height:48px;line-height:0}
.workbench-page .wb-settings input[type=file]::file-selector-button{font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;width:100%;max-width:240px;min-height:48px;margin:0;padding:12px 20px;border:1px solid #aa8be8;border-radius:10px;background:linear-gradient(#8d64d5,#6840b3);color:#fff;cursor:pointer;box-shadow:inset 0 1px 0 #fff3,0 3px 8px #0004}
.workbench-page .wb-settings input[type=file]:hover::file-selector-button{background:linear-gradient(#9b73e2,#754bc2)}
.workbench-page .wb-settings input[type=file]:disabled::file-selector-button{opacity:.45;cursor:default}