/* Tool-only desktop-style shell. Discovery pages and generated artifacts are untouched. */
/* Match discovery widths as browser zoom changes the available CSS viewport. */
@media(min-width:1450px){.tool-page,body:has(.tool-page)>:is(.site-header,.site-footer) .container{max-width:1400px}}
@media(min-width:1700px){.tool-page,body:has(.tool-page)>:is(.site-header,.site-footer) .container{max-width:1600px}}
.tool-page{font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;--ui-gap:10px;--ui-radius:9px}
.tool-page>.breadcrumbs{margin-bottom:15px}.tool-page>.tool-heading{margin-bottom:18px}.tool-heading h1{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-size:clamp(27px,2.8vw,37px);letter-spacing:-.035em;margin:10px 0 8px}.tool-heading>p{font-size:14px;line-height:1.55;margin-bottom:10px}.tool-heading>.page-meta{gap:14px}.tool-page .tool-shortcuts{margin:8px 0 10px}
.workspace{font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;--ui-edge:color-mix(in srgb,var(--muted) 30%,var(--line));--ui-panel:color-mix(in srgb,var(--surface) 70%,var(--bg));border:1px solid var(--ui-edge);border-radius:11px;box-shadow:0 5px 20px #15243b0d,0 1px 3px #15243b0a;background:var(--bg)}
html[data-theme=dark] .workspace{--ui-edge:color-mix(in srgb,var(--muted) 28%,var(--line));box-shadow:0 8px 24px #0003,0 1px 3px #0003}
.workspace .workspace-bar{padding:10px 15px;background:var(--ui-panel);font-size:12px;min-height:43px;border-color:var(--ui-edge);box-shadow:inset 3px 0 var(--category-accent)}
.workspace :is(.workspace-input,.workspace-preview){padding:16px;min-width:0}.workspace .workspace-preview{background:var(--ui-panel)}
.workspace .workspace-body:has(>.workspace-input):has(>.workspace-preview){grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}
[data-category=text-tools] .workspace .workspace-body,[data-category=developer-tools] .workspace .workspace-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.workspace :is(h2,h3){font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;letter-spacing:-.02em}.workspace h2{font-size:18px;margin-bottom:12px}.workspace h3{font-size:14px;margin-bottom:10px}
.workspace .field{position:relative;gap:5px;margin-bottom:9px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--ui-radius,9px);background:var(--bg);min-width:0;box-shadow:0 1px 2px #172b4d04}
.workspace .field>label{font-size:12px;font-weight:650;line-height:1.4;margin:0}.workspace .field small,.workspace .form-help{font-size:12px;line-height:1.5}.workspace .field-grid{gap:9px}
.workspace .field>input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),.workspace .field>select{min-height:40px;padding:8px 10px;font-size:13px;border-radius:6px;border-color:var(--ui-edge)}
.workspace .field:focus-within{border-color:color-mix(in srgb,var(--category-accent) 60%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--category-accent) 10%,transparent)}
.workspace .button,.workspace .icon-button{border-radius:8px;border-color:var(--ui-edge);box-shadow:0 2px 3px #172b4d0a,inset 0 1px 0 #ffffff19;min-height:42px;font:600 13px/1.35 "Segoe UI Variable Text","Segoe UI",Arial,sans-serif;padding:9px 12px;transition:background-color .14s,border-color .14s,box-shadow .14s}
.workspace .icon-button{padding:8px;min-width:42px}.workspace .button:not(.primary){background:var(--bg);color:var(--text);border-color:var(--ui-edge)}
.workspace .button:not(:disabled):hover,.workspace .icon-button:not(:disabled):hover{border-color:var(--category-accent);box-shadow:0 3px 7px #15243b12,inset 0 1px 0 #ffffff20;background:var(--category-soft)}
.workspace .button.primary{background:var(--tool-action);border-color:var(--tool-action);color:var(--tool-action-ink);box-shadow:0 3px 7px color-mix(in srgb,var(--category-accent) 18%,transparent)}
.workspace .button.primary:not(:disabled):hover{background:color-mix(in srgb,var(--tool-action) 94%,var(--tool-action-ink))}
.workspace .button[aria-pressed=true],.workspace .button[aria-selected=true],.workspace .button[data-ui-active=true]{background:var(--tool-action);color:var(--tool-action-ink);border-color:var(--tool-action);font-weight:750;box-shadow:0 0 0 2px color-mix(in srgb,var(--category-accent) 17%,transparent),0 3px 7px #15243b18}
.workspace :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--category-accent);outline-offset:3px}.workspace button:disabled{box-shadow:none;cursor:not-allowed}
.workspace .scan-actions,.workspace .form-actions{gap:7px;margin-bottom:9px}.workspace :is(.editor-toolbar,.text-studio-toolbar,.dev-toolbar,.pws-toolbar,.studio-tabs,.editor-tabs){gap:7px;padding:10px 12px;background:var(--ui-panel);border-color:var(--ui-edge)}
.workspace :is(label):has(>input[type=checkbox]),.workspace :is(label):has(>input[type=radio]){border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:42px;background:var(--bg);font-size:12px;line-height:1.4;gap:8px;align-items:center;box-shadow:0 1px 2px #172b4d06}
.workspace label:has(>input:checked){border-color:var(--category-accent);background:var(--category-soft);font-weight:700;box-shadow:inset 3px 0 var(--category-accent),0 1px 3px #172b4d0a}
.workspace label:has(>input[type=checkbox]),.workspace label:has(>input[type=radio]){color:var(--text)}
.workspace label:has(>input[type=checkbox]):not(:has(canvas,img)),.workspace label:has(>input[type=radio]):not(:has(canvas,img)){display:flex}
.workspace label>input:is([type=checkbox],[type=radio]){accent-color:var(--category-accent);width:17px;height:17px;flex:none}
.workspace .field[data-ui-engaged=true]{border-color:var(--category-accent);background:color-mix(in srgb,var(--category-soft) 65%,var(--bg));box-shadow:inset 3px 0 var(--category-accent)}
.workspace .field[data-ui-engaged=true]>label:first-of-type::after{content:"ON";display:inline-block;font-size:9px;letter-spacing:.08em;font-weight:800;margin-left:8px;padding:2px 5px;border:1px solid var(--category-accent);border-radius:4px;color:var(--category-accent);background:var(--bg)}
.workspace .ui-choice-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(110px,100%),1fr));gap:6px;width:100%;min-width:0}
.workspace .ui-choice{display:flex;align-items:center;gap:8px;text-align:left;justify-content:flex-start;min-height:44px;min-width:0;padding:9px 10px;border:1px solid var(--ui-edge);border-radius:8px;background:var(--ui-panel);color:var(--text);font:600 12px/1.4 "Segoe UI Variable Text","Segoe UI",Arial,sans-serif;box-shadow:0 1px 3px #172b4d0a}
.workspace .ui-choice-label{min-width:0;overflow-wrap:anywhere}.workspace .ui-choice-mark{flex:none;display:grid;place-items:center;width:15px;height:15px;border:1.5px solid currentColor;border-radius:50%;font-size:10px;line-height:1;opacity:.65}.workspace .ui-choice[aria-checked=true]{border-color:var(--tool-action);background:var(--tool-action);color:var(--tool-action-ink);font-weight:750;box-shadow:0 0 0 2px color-mix(in srgb,var(--category-accent) 15%,transparent)}
.workspace .ui-choice[aria-checked=true] .ui-choice-mark{opacity:1;background:var(--tool-action-ink);color:var(--tool-action);border-color:var(--tool-action-ink)}.workspace .ui-choice[aria-checked=true] .ui-choice-mark::after{content:"✓"}.workspace .ui-choice:not(:disabled):hover{border-color:var(--category-accent);box-shadow:0 3px 7px #172b4d18}.workspace .ui-choice:disabled{opacity:.45;box-shadow:none}
.workspace select.ui-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;border:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.workspace .scan-drop{padding:15px;border:1px dashed color-mix(in srgb,var(--category-accent) 45%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--category-soft) 30%,var(--bg))}.workspace .scan-drop>label{margin-bottom:10px;font-size:13px}.workspace .file-selection,.workspace .pdf-selection{margin:9px 0;padding:9px 11px}
.workspace :is(.cad-load,.cad-report){padding:16px}.workspace .cad-sidebar,.workspace .mesh-settings{padding:14px;background:var(--ui-panel)}.workspace .download-actions{padding:8px;margin-top:10px;border-color:var(--ui-edge)}
.workspace details>summary{cursor:pointer;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:12px}.workspace details[open]>summary{border-color:var(--category-accent);background:var(--category-soft);font-weight:700}
.workspace .cw-picker{padding:15px;gap:9px;background:var(--ui-panel)}.workspace .cw-active{padding:15px}.workspace .cw-active h2{font-size:23px}.workspace .cw-picker>.field{margin:0}.workspace .cw-picker select:not(.ui-native-select){min-height:44px}
.workspace .cw-picker[data-ui-picker]{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}.workspace .cw-picker[data-ui-picker]>.field:has(#cw-group){grid-column:1/-1}.workspace .cw-picker[data-ui-picker] .ui-choice-group{display:flex;flex-wrap:wrap}.workspace .cw-picker[data-ui-picker] .ui-choice{flex:1 1 125px}
/* Audio transport is docked directly to the corresponding waveform. */
.workspace .audio-load,.workspace .audio-stage{padding:15px 16px}.workspace .audio-stage-heading{gap:10px}.workspace .audio-stage-heading h2{margin-bottom:9px}.workspace .audio-stage-heading p{margin-bottom:9px;font-size:12px}
.workspace .audio-stage>.audio-wave-board{border-radius:9px 9px 0 0;border-color:var(--ui-edge)}.workspace .audio-stage>.audio-ruler{margin:0;padding:5px 10px;border-inline:1px solid var(--ui-edge);background:var(--surface)}
.workspace .audio-stage>.audio-transport{margin:0 0 10px;padding:10px;border:1px solid var(--ui-edge);border-top:0;border-radius:0 0 9px 9px;background:var(--bg);gap:8px;box-shadow:0 3px 8px #172b4d08}
.workspace .audio-transport .scan-actions{gap:6px}.workspace .audio-transport #at-play-status{font-size:11px}.workspace .audio-transport .audio-seek{padding:9px 0 0;margin:0}.workspace .audio-seek{padding:10px 0;margin:0}.workspace .audio-seek .scan-actions{gap:6px;margin-top:8px}.workspace .audio-seek input[type=number]{min-height:42px}
.workspace .audio-live-box{padding:12px;border-color:var(--ui-edge);box-shadow:0 2px 5px #172b4d08}.workspace .audio-level-stats{padding:12px}.workspace .audio-part,.workspace .audio-queue-row{border-color:var(--ui-edge);box-shadow:0 2px 4px #172b4d08}
.workspace .ui-audio-dock{width:100%;min-width:0;border:1px solid var(--ui-edge);border-radius:9px;background:var(--bg);overflow:hidden;box-shadow:0 3px 9px #172b4d0a;margin:0 0 10px}.workspace .ui-audio-dock>.audio-wave-board{border:0;border-bottom:1px solid var(--line);border-radius:0;width:100%;margin:0}.workspace .ui-audio-dock>audio{display:block;width:calc(100% - 20px);margin:10px}.workspace .ui-audio-dock>.audio-seek{padding:0 10px 10px}.workspace .ui-audio-dock[data-ui-playing=true]{border-color:var(--category-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--category-accent) 12%,transparent)}
.ui-mobile-transport{display:none}
@media(min-width:1100px){.workspace .cad-sidebar{max-height:760px;overflow:auto}.workspace .editor-controls{background:var(--ui-panel)}.workspace .editor-tabs{gap:6px}.workspace .editor-controls fieldset{padding:14px}}
@media(max-width:760px){.workspace .workspace-body:has(>.workspace-input):has(>.workspace-preview),[data-category=text-tools] .workspace .workspace-body,[data-category=developer-tools] .workspace .workspace-body{grid-template-columns:1fr}.workspace :is(.workspace-input,.workspace-preview){padding:12px}.workspace .field{padding:9px;margin-bottom:8px}.workspace .button,.workspace .icon-button,.workspace .ui-choice,.workspace label:has(>input[type=checkbox]),.workspace label:has(>input[type=radio]){min-height:44px}.workspace .audio-load,.workspace .audio-stage{padding:12px}.workspace .ui-choice-group{grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr))}.workspace .cw-picker{padding:12px;gap:8px}.tool-page>.tool-heading h1{font-size:28px}.tool-page>.tool-heading>p{font-size:13px}.ui-mobile-transport:not([hidden]){position:fixed;display:flex;align-items:center;gap:6px;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));max-width:460px;margin-inline:auto;padding:9px;border:1px solid var(--category-accent);border-radius:11px;background:var(--bg);box-shadow:0 6px 28px #0004;z-index:100}.ui-mobile-transport .button{padding:8px;min-width:44px;min-height:44px}.ui-mobile-transport .ui-mini-time{font-size:11px;font-variant-numeric:tabular-nums;min-width:0;color:var(--muted);margin-left:auto}}
@media(prefers-reduced-motion:reduce){.workspace .button,.workspace .ui-choice{transition:none}}
@media(max-width:760px){.workspace .cw-picker[data-ui-picker]{grid-template-columns:1fr}}
@media(min-width:1000px){.workspace .ui-audio-layout{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);align-items:start}.workspace .ui-audio-preview-stack{position:sticky;top:12px;align-self:start;min-width:0;max-height:calc(100dvh - 24px);overflow:auto;border-left:1px solid var(--ui-edge);background:var(--ui-panel)}.workspace .ui-audio-preview-stack>.audio-stage{background:var(--bg);border-bottom:1px solid var(--ui-edge)}.workspace .ui-audio-preview-stack>.workspace-preview{border:0}.workspace{overflow:clip}.workspace .workspace-body:has(>.workspace-preview){align-items:start}.workspace .workspace-body>.workspace-preview{align-self:start;position:sticky;top:12px}html[data-ui-embedded=true] .workspace .ui-audio-preview-stack{position:static;max-height:none;overflow:visible}}
@media(max-width:999px){.workspace .ui-audio-layout{display:flex;flex-direction:column}.workspace .ui-audio-layout>.workspace-input{order:2;width:100%}.workspace .ui-audio-preview-stack{display:contents}.workspace .ui-audio-preview-stack>.audio-stage{order:1;width:100%}.workspace .ui-audio-preview-stack>.workspace-preview{order:3;width:100%}}