[data-workspace-archetype]>.f-wrap{max-width:1720px}[data-workspace-archetype] .tool-topline{padding:12px 0}[data-workspace-archetype] .tool-heading h1{margin:18px 0 8px;font-size:clamp(28px,3vw,43px)}[data-workspace-archetype] .tool-heading>p{max-width:1050px;font-size:14px;line-height:1.6}[data-workspace-archetype] .tool-local{padding:9px 0;font-size:11px}.workspace-quickstart{align-items:center;gap:14px;padding:12px 0 17px;font-size:12px;line-height:1.6;display:flex;position:relative}.workspace-quickstart>strong{white-space:nowrap}.workspace-quickstart ol{counter-reset:steps;flex:1;gap:22px;list-style:none;display:flex}.workspace-quickstart li{counter-increment:steps}.workspace-quickstart li:before{content:counter(steps) ".";color:var(--f-blue);margin-right:6px;font-weight:700}.workspace-quickstart summary{cursor:pointer;text-underline-offset:3px;text-decoration:underline}.workspace-quickstart details[open]{background:var(--f-paper);border:1px solid var(--f-line);z-index:5;max-width:430px;padding:15px;position:absolute;top:0;right:0;box-shadow:0 10px 35px #0002}.workspace-quickstart details p{margin-top:10px}[data-workspace-archetype] .tool-controls,[data-workspace-archetype] .tool-result-panel{padding:21px}[data-workspace-archetype] .tool-panel-heading{margin-bottom:16px}[data-workspace-archetype] .tool-field{margin-bottom:14px}[data-workspace-archetype] .tool-field>label{font-size:12px}[data-workspace-archetype] .tool-guide{padding-block:38px}.workspace-advanced{border-block:1px solid var(--f-line);margin:12px 0;padding:12px 0}.workspace-advanced>summary{cursor:pointer;min-height:28px;font-size:13px;font-weight:600}.workspace-advanced[open]>summary{margin-bottom:14px}.workspace-advanced .tool-help{margin-block:8px}.workspace-stages{display:none}.workspace-statusline{border-top:1px solid var(--f-line);background:var(--f-paper);grid-column:1/-1;min-width:0;padding:9px 20px}.workspace-statusline .tool-status{min-height:24px;margin:0!important}[data-workspace-archetype=image] .tool-workspace{grid-template-columns:minmax(230px,.72fr) minmax(0,1.6fr) minmax(250px,.8fr);align-items:start}[data-workspace-archetype=image] .tool-workspace>.tool-result-panel{display:contents}.workspace-canvas{grid-column:2;min-width:0;padding:20px}.workspace-output{border-left:1px solid var(--f-line);background:#fafbf6;grid-column:3;align-self:stretch;min-width:0;padding:20px}[data-workspace-archetype=image] .tool-controls{align-self:stretch}[data-workspace-archetype=image] .tool-image-empty{flex-direction:column;justify-content:center;min-height:340px;display:flex}[data-workspace-archetype=image] .tool-image-empty h2{font-size:clamp(26px,2.5vw,42px)}[data-workspace-archetype=image] .tool-resize-preview{min-height:280px;max-height:none}[data-workspace-archetype=image] .tool-image-stage canvas,[data-workspace-archetype=image] .tool-resize-preview img{max-height:65vh}[data-workspace-archetype=image] .tool-image-facts{grid-template-columns:1fr}[data-workspace-archetype=image] .tool-image-facts>div+div{border-left:0;border-top:1px solid var(--f-line);padding:15px 0}[data-workspace-archetype=image] .tool-color-formats>div{grid-template-columns:1fr auto}[data-workspace-archetype=image] .tool-color-formats label{grid-column:1/-1}[data-workspace-archetype=image] .tool-selected-color{flex-wrap:wrap;gap:10px}[data-workspace-archetype=image] .tool-selected-color strong{font-size:23px}[data-workspace-archetype=image] .tool-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}[data-workspace-archetype=image] .tool-image-crosshair{display:none}[data-workspace-archetype=image] [data-has-sample=true] .tool-image-crosshair{display:block}[data-workspace-archetype=developer] .tool-workspace,[data-workspace-archetype=developer] [data-regex-tester]{border:1px solid var(--f-line);background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}[data-workspace-archetype=developer] .tool-editor{resize:vertical;min-height:310px;max-height:75vh}[data-workspace-archetype=developer] .dev-pattern{min-height:70px}[data-workspace-archetype=developer] [data-diff-viewer]{border:1px solid var(--f-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}[data-workspace-archetype=developer] .dev-input-grid{grid-column:1;grid-template-columns:1fr;gap:0}[data-workspace-archetype=developer] .dev-input-grid .tool-editor{height:190px;min-height:160px}[data-workspace-archetype=developer] .dev-settings{grid-area:2/1;gap:8px 18px}[data-workspace-archetype=developer] [data-diff-viewer]>.tool-result-panel{background:#fff;grid-area:1/2/3}[data-workspace-archetype=developer] .tool-panel-heading{border-bottom:2px solid var(--f-blue);padding-bottom:12px}[data-workspace-archetype=generator] .tool-workspace{background:0 0;border:0;grid-template-columns:minmax(270px,.68fr) minmax(0,1.6fr);gap:20px}[data-workspace-archetype=generator] .tool-controls{border:1px solid var(--f-line)}[data-workspace-archetype=generator] .tool-result-panel{border:1px solid var(--f-line);border-top:5px solid var(--f-blue);background:#fff}[data-workspace-archetype=generator] .tool-password-output{min-height:140px}[data-workspace-archetype=generator] .tool-number-output{height:210px}[data-workspace-archetype=generator] .tool-uuid-output{min-height:180px}[data-workspace-archetype=calculator] .tool-workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}[data-workspace-archetype=calculator] .tool-result-panel{top:calc(var(--site-header-height,76px) + 20px);position:sticky}[data-workspace-archetype=inspector] .tool-workspace{grid-template-columns:minmax(270px,.68fr) minmax(0,1.6fr)}[data-workspace-archetype=inspector] .tool-result-panel>.tool-panel-heading{background:var(--f-ink);color:var(--f-paper);padding:14px}[data-workspace-archetype=inspector] .tool-result-panel>.tool-panel-heading .f-label{color:inherit}[data-workspace-archetype=inspector] .esp-map{min-height:65px}@media (width>=761px) and (width<=1150px){[data-workspace-archetype=image] .tool-workspace{grid-template-columns:minmax(230px,.7fr) minmax(0,1.4fr)}.workspace-output{border-left:0;border-top:1px solid var(--f-line);grid-column:2}[data-workspace-archetype=image] .tool-controls{grid-row:1/3}.workspace-quickstart{flex-wrap:wrap}.workspace-quickstart ol{flex-basis:80%}}@media (width<=760px){[data-workspace-archetype] .tool-heading h1{margin-top:15px;font-size:29px}.workspace-quickstart{padding:8px 0 14px;display:block}.workspace-quickstart ol{margin:7px 0;display:block}.workspace-quickstart li{margin:3px 0}.workspace-quickstart details[open]{max-width:none;box-shadow:none;position:static}[data-workspace-archetype] .tool-workspace,[data-workspace-archetype=developer] [data-diff-viewer],[data-workspace-archetype=developer] [data-regex-tester]{grid-template-columns:minmax(0,1fr)}[data-workspace-archetype] .tool-controls,[data-workspace-archetype] .tool-result-panel{padding:18px}[data-stages-ready] .workspace-stages{top:calc(var(--site-header-height,76px) + 8px);z-index:4;background:var(--f-paper);border:1px solid var(--f-line);margin-bottom:10px;display:flex;position:sticky}.workspace-stages button{min-width:0;font:600 12px/1.4 var(--jbr-font);color:var(--f-muted);background:0 0;border:0;flex:1;min-height:48px;padding:13px 5px}.workspace-stages button[aria-selected=true]{background:var(--f-blue);color:#fff}.workspace-stages button:focus-visible{outline:3px solid var(--f-ink);outline-offset:-3px}.workspace-canvas,.workspace-output{border-left:0;grid-column:1;padding:18px}[data-workspace-archetype=image] .tool-image-empty{min-height:250px}[data-workspace-archetype=image] .tool-workspace>.tool-result-panel{padding:0}[data-workspace-archetype=developer] [data-diff-viewer]>.tool-result-panel,[data-workspace-archetype=developer] .dev-settings,[data-workspace-archetype=developer] .dev-input-grid{grid-area:auto/1}[data-workspace-archetype=calculator] .tool-result-panel{position:static}[data-workspace-archetype=image] .tool-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}.workspace-supplement{grid-column:1/-1;min-width:0}