/* Compact controls shared by all tools; selected states never suggest a next tool. */
[hidden]{display:none!important}
.workspace:not(.start) .side{padding:16px;min-width:0}
.tool-main-title{margin-bottom:10px}.tool-main-title h2{font-size:20px}.tool-main-title p{font-size:12px;margin-top:4px}
.tool-action-dock{position:sticky;top:70px;z-index:8;display:flex;flex-wrap:wrap;gap:8px;background:var(--card);padding:10px 0;border-bottom:1px solid var(--line);margin-bottom:12px}
.tool-action-dock:empty{display:none}
.tool-action-dock>.btn{flex:1 1 145px;width:auto;min-height:42px;margin:0!important;font-size:12px;padding:10px}
.tool-action-dock .download-options-menu{width:100%;font-size:12px}
.download-options-menu summary{cursor:pointer;padding:6px 0;color:#4d5550}
.download-options-menu[open]{max-height:260px;overflow:auto}
.download-options-menu .post-result-download{margin:0;padding:8px 0;border:0}.download-options-menu h3{display:none}
.tool-settings-body{min-width:0}.tool-settings-body .export-block{margin-top:10px}.tool-settings-body label{margin-bottom:6px}
.tool-settings-body .frame-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tool-settings-body .frame-option{padding:7px;min-width:0}.tool-settings-body .frame-option b{font-size:12px}.tool-settings-body .frame-option span{font-size:10px}
.tool-settings-body .proof-thumb.mockup{height:58px}.tool-settings-body .frame-sample{height:48px}
.tool-settings-body .print-size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tool-settings-body .print-size-option{padding:8px;min-height:66px}.tool-settings-body .dpi-grid{gap:6px}
.tool-settings-body .dpi-option{padding:8px}.tool-settings-body .dpi-option b{font-size:12px}.tool-settings-body .dpi-option span{font-size:11px}
.tool-settings-body .source-card{padding:8px;margin-bottom:10px}.tool-settings-body .source-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.tool-settings-body .source-option{padding:7px}.tool-settings-body .source-option span{font-size:11px}
.compact-tool-tabs{display:flex;gap:5px;margin-bottom:12px}.compact-tool-tabs button,.artwork-presets button,.artwork-stepper button,.artwork-position button{border:1px solid var(--line2);border-radius:8px;background:#fafbf9;color:var(--ink);min-height:40px;padding:7px 10px;font:inherit;font-size:12px;cursor:pointer}
.compact-tool-tabs button{flex:1;padding:7px 4px}.compact-tool-tabs [aria-pressed=true],.artwork-presets [aria-pressed=true]{background:var(--accent-soft);border-color:#b6d4e5;color:#24668e}
.artwork-presets{display:flex;gap:6px;margin:8px 0}.artwork-presets button{flex:1}
.artwork-stepper{display:flex;gap:8px;align-items:center}.artwork-stepper input{width:88px;text-align:center;padding:8px}.artwork-stepper button{width:44px;font-size:22px}
.artwork-position{display:grid;grid-template-columns:repeat(3,42px);gap:5px;margin:8px 0}.artwork-position button{padding:4px;font-size:18px}.artwork-position button:disabled{opacity:.35;cursor:default}
.artwork-position button:nth-child(1){grid-area:1/2}.artwork-position button:nth-child(2){grid-area:2/1}.artwork-position button:nth-child(3){grid-area:2/2}.artwork-position button:nth-child(4){grid-area:2/3}.artwork-position button:nth-child(5){grid-area:3/2}
.settings-shortcut{display:none}
.artwork-position-row{display:flex;align-items:center;gap:18px}.artwork-position-row .sub{max-width:180px;font-size:12px}
.mockup-artwork-controls .btn{margin-top:6px}.project-details .project-meta{margin:10px 0 0}.tool-settings-body .advanced{margin-top:10px}
@media(min-width:901px){
 .workspace:not(.start){grid-template-columns:150px minmax(0,1fr) minmax(350px,.85fr);align-items:start}
 .workspace:not(.start) .panel.preview{position:sticky;top:78px;padding:16px}
 .workspace:not(.start) .stage{min-height:240px;height:calc(100dvh - 310px);max-height:650px;padding:12px}
 .workspace:not(.start) .stage>img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
 .workspace:not(.start) .side{position:sticky;top:78px;max-height:calc(100dvh - 160px);overflow:auto;scrollbar-width:thin;box-sizing:border-box}
 .tool-action-dock{top:-16px;padding-top:12px}
 .resize-stage-layout,.expand-stage-layout{height:100%;min-height:0;max-height:100%}
 .resize-stage-frame,.expand-canvas{height:calc(100dvh - 440px);max-height:420px;min-height:120px}
}
@media(max-width:900px){
 .workspace:not(.start){display:flex;flex-direction:column;gap:12px}.workspace:not(.start)>*{width:100%}
 .tool-rail{position:sticky;top:var(--workspace-header-height,120px);z-index:9}.tool-nav button{min-width:90px;font-size:12px;min-height:42px}
 .settings-shortcut{display:block}.workspace .side{scroll-margin-top:calc(var(--workspace-header-height,120px) + 74px)}
 .workspace:not(.start) .panel.preview{padding:12px}.workspace:not(.start) .stage{min-height:180px;max-height:310px;padding:8px}.workspace:not(.start) .stage>img{max-height:280px;width:auto;max-width:100%;object-fit:contain}
 .workspace:not(.start) .stage.resize-stage,.workspace:not(.start) .stage.expand-stage{max-height:340px}.resize-stage-layout,.expand-stage-layout{min-height:300px;padding:30px 6px 68px}.resize-stage-frame,.expand-canvas{height:210px}
 .tool-action-dock{top:calc(var(--workspace-header-height,120px) + 72px)}.preview-head h1{font-size:19px}.preview-toolbar{margin-bottom:8px}.preview-toolbar button{min-height:38px;padding:6px 8px;font-size:11px}
 .tool-settings-body .dpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-settings-body .export-grid,.tool-settings-body .watermark-choice,.tool-settings-body .expand-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tool-settings-body .source-options{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-settings-body .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* Four room choices fit neatly into two rows; finishes remain three across. */
.frame-options:has(> [data-room]){grid-template-columns:repeat(2,minmax(0,1fr))}