/* A quiet editing desk: controls read as a sequence, artwork owns the space. */
.workbench-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:6px 0 24px}
.workbench-kicker{font:10px var(--font-mono);letter-spacing:.12em;color:var(--accent)}
.workbench-heading h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.045em;margin-top:9px}
.workbench-heading p{font:11px/1.7 var(--font-mono);color:var(--muted);margin:0 0 3px}
.workspace{grid-template-columns:320px minmax(0,1fr);border-radius:12px;box-shadow:0 12px 40px #14201006;overflow:clip}
.control-panel{padding:24px;background:var(--surface)}
.control-panel>.panel-title{margin-bottom:20px}
.control-panel>.panel-title h2{font-size:17px;letter-spacing:-.02em}
.control-panel>.panel-title p{display:none}
.upload-box{padding:18px 12px;border-style:solid;background:var(--page)}
.upload-box>strong{font-size:12px}.upload-box>span{font-size:10px}
.upload-actions{gap:7px}.upload-button,.sample-button{padding:9px 11px;font-size:11px}
.sample-chip{font-size:10px}.fields{gap:22px;margin-top:24px}
.preset-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.preset-button{min-height:35px;font-size:11px;border-color:transparent;background:var(--page);transition:background .15s,border-color .15s}
.preset-button[data-preset="Fine Art"]{grid-column:1/-1;text-align:left;padding-left:12px;border:1px solid var(--line)}
.preset-button[data-preset="Fine Art"]:after{content:"240";float:right;margin-right:10px;font:10px var(--font-mono);opacity:.7}
.field-hint{font:10px/1.6 var(--font-ui)!important;color:var(--muted);font-weight:400!important}
.field-row output{background:var(--page);padding:4px 7px;border-radius:3px;font-size:11px}
.preview-panel{padding:26px 30px;background:var(--page);top:0;align-self:start}
.preview-panel .panel-title h2{font-size:18px}.preview-panel>.panel-title{margin-bottom:22px}
.preview-panel .output-stats{font-size:10px;line-height:1.6;min-height:16px}
.preview-tools{gap:18px;margin-bottom:12px}.preview-tools>span{margin-right:auto;font-size:9px;letter-spacing:.08em}
.preview-tools button{font-size:10px;min-height:30px;text-decoration:none;border:1px solid var(--line);border-radius:4px;padding:6px 10px;background:var(--surface)}
.preview-tools button:hover{border-color:var(--muted)}
.ascii-frame{height:560px;max-height:70vh;border-radius:7px;padding:28px;box-shadow:inset 0 0 0 1px #ffffff09;place-items:safe center}
.ascii-output{line-height:1.25;font-variant-ligatures:none;text-rendering:geometricPrecision}
.preview-panel[data-paper=true] .ascii-frame{background:#f5f1e8;color:#292c27;box-shadow:inset 0 0 0 1px #292c2712}
.preview-panel[data-paper=true]:not(.has-output) .ascii-output,.preview-panel[data-paper=true]:not(.has-output) .ascii-output:before{color:#696b61}
.preview-tools button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}
.preview-panel.is-expanded{top:20px}

.actions{gap:8px;margin-top:20px}.primary-action,.download-action{min-height:43px;padding:12px 17px;font-size:11px}
.primary-action{margin-right:auto}.export-panel{margin-top:18px}.preview-panel>.status{font-size:10px;margin-top:14px}
.preview-panel.is-expanded{padding:24px 32px}.preview-panel.is-expanded .ascii-frame{max-height:none;height:calc(100dvh - 280px)}
@media(max-width:1050px){.workspace{grid-template-columns:290px minmax(0,1fr)}.control-panel{padding:20px}.preview-panel{padding:24px 20px}.ascii-frame{height:480px;padding:18px}.workbench-heading p{max-width:20ch}}
@media(max-width:767px){.workbench-heading{display:block;margin-top:24px}.workbench-heading p{max-width:none;margin-top:13px;font-size:10px}.workspace{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--line);padding:22px}.fields{grid-template-columns:1fr 1fr;gap:22px 18px}.fields>.field:first-child,.fields>.toggle-grid,.fields>.advanced-controls,.fields>#resetButton{grid-column:1/-1}.fields>.field:has(#gammaRange){grid-column:1/-1}.preset-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.preset-button[data-preset="Fine Art"]{grid-column:1/-1}.preview-panel{position:relative;padding:24px 18px}.ascii-frame{height:420px;max-height:65vh;padding:16px}.preview-tools{gap:8px}.preview-tools>span{font-size:8px}.preview-tools button{font-size:9px;padding:6px 8px}.actions{gap:6px}.primary-action,.download-action{padding:11px 9px;font-size:10px}.preview-panel.is-expanded{inset:8px;padding:18px 12px}.workbench-heading h2{max-width:20ch}}
@media(prefers-reduced-motion:reduce){.preset-button{transition:none}}