/* Task-first workbench: bounded commerce, visible free creation. */
.workspace-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.page:has(> .workspace-home) { padding-top:32px; }
.workspace-heading .section-kicker { font-size:11px; letter-spacing:.1em; }
.workspace-heading h1 { margin:10px 0; font-size:clamp(26px,2.6vw,36px); font-weight:600; letter-spacing:-.04em; overflow-wrap:anywhere; }
.workspace-heading p { color:#71776b; margin:0; font-size:13px; }
.creation-launchpad { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.commerce-entry { grid-row:1/3; }
.creation-launchpad .commerce-entry > div { height:100%; justify-content:center; }
.creation-entry h2 { margin:14px 0 8px; }
.creation-entry p { margin-bottom:12px; }
.creation-entry small { margin-top:8px; }
.workspace-home .commerce-entry { position:relative; display:block; min-height:clamp(350px, calc((100svh - 126px) * .54), 480px); margin:0; border-radius:12px; }
.workspace-home .commerce-entry > div { position:relative; z-index:1; display:flex; align-items:flex-start; padding:26px; }
.creation-launchpad .section-kicker { font-size:10px; letter-spacing:.1em; }
.creation-launchpad h2 { margin:20px 0 10px; font-size:26px; font-weight:600; letter-spacing:-.035em; }
.workspace-home .commerce-entry p { max-width:190px; font-size:13px; line-height:1.7; margin:0 0 12px; }
.entry-output { color:#e0e6d8; font-size:12px; margin-bottom:18px; }
.commerce-entry .primary-button { min-height:42px; padding:10px 16px; gap:22px; font-size:13px; }
.creation-launchpad small { display:block; margin-top:12px; font-size:11px; color:#717a68; }
.commerce-entry small { color:#bac7b4; }
.entry-art { position:absolute; right:-48px; top:32px; width:210px; height:auto; opacity:.45; pointer-events:none; }
.creation-entry { display:flex; flex-direction:column; position:relative; min-width:0; padding:26px; border:1px solid #dcded1; border-radius:12px; transition:border-color .15s,background .15s; }
.free-entry { background:#eeeedd; }.edit-entry { background:#fdfcf7; }
.creation-entry:hover { border-color:#8f9c7e; background:#e9ecdd; }
.creation-entry p { color:#687160; font-size:13px; line-height:1.7; margin:0 0 22px; }
.entry-icon { position:absolute; right:22px; top:22px; color:#7c876d; }
.entry-link { display:flex; justify-content:space-between; gap:12px; font-size:14px; font-weight:600; margin-top:auto; color:#344634; }
.workspace-home .workspace-shortcuts { margin:28px 0; padding:0; border:0; background:none; }
.workspace-home .section-heading { margin-bottom:14px; gap:14px; }.workspace-home .section-heading h2 { font-size:18px; }.workspace-home .section-heading p { font-size:12px; line-height:1.6; }
.workspace-shortcuts .home-tool-grid { grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; }
.workspace-shortcuts .home-tool-card { min-height:100px; padding:16px; display:grid; grid-template-columns:32px 1fr; gap:5px 10px; align-content:start; }
.workspace-shortcuts .tool-illustration { width:32px; height:32px; grid-row:1/3; margin:0; border-radius:6px; }.workspace-shortcuts .studio-icon { width:19px; height:19px; }
.workspace-shortcuts .home-tool-card::after { display:none; }.workspace-shortcuts .home-tool-card b { font-size:13px; }.workspace-shortcuts .home-tool-card small { font-size:11px; line-height:1.6; }
.workspace-empty { display:flex; align-items:center; gap:18px; padding:24px; border:1px dashed #cfd4c3; border-radius:10px; background:#f8f8f1; }.empty-work-icon { color:#8a967c; }.workspace-empty b { font-size:14px; }.workspace-empty p { margin:7px 0 0; font-size:12px; color:#737b68; }.workspace-empty > a { margin-left:auto; white-space:nowrap; }
.workspace-footer { display:flex; justify-content:space-between; gap:16px; padding:24px 0; font-size:12px; color:#6d7664; }.workspace-footer span { font-size:11px; }.workspace-footer > a span { margin-left:12px; }
.workspace-how { border-top:1px solid var(--line); padding:18px 0; color:#66715e; font-size:12px; }.workspace-how summary { cursor:pointer; padding:4px 0; }.workspace-how ol { display:grid; grid-template-columns:repeat(4,1fr); padding-left:18px; gap:24px; }.workspace-how li span { display:block; margin-top:8px; font-size:11px; }
.workspace-running { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid #cbd6c1; background:#edf2e6; padding:16px 20px; border-radius:8px; margin-bottom:24px; font-size:13px; }.workspace-running > span { display:flex; align-items:center; gap:10px; }
.workspace-home a:focus-visible,.workspace-home summary:focus-visible { outline:3px solid #b97645; outline-offset:4px; }
@media(max-width:1200px) { .entry-art { width:160px; right:-55px; opacity:.22; }.creation-launchpad { gap:12px; }.creation-entry,.workspace-home .commerce-entry > div { padding:22px; } }
@media(min-width:761px) and (max-height:850px) {
 .creation-entry { padding:20px; }.creation-entry h2 { margin:10px 0 6px; font-size:24px; }.creation-entry p { margin:0 0 10px; }.creation-entry small { margin-top:6px; }
}
@media(max-width:760px) {
 .workspace-heading { position:relative; display:block; margin-bottom:18px; }.workspace-heading p { max-width:none; line-height:1.7; }.workspace-heading .quiet-button { position:absolute; right:0; top:0; font-size:10px; padding:0 0 5px; max-width:116px; }.workspace-heading h1 { margin-top:20px; }
 .creation-launchpad { grid-template-columns:1fr 1fr; gap:12px; }.workspace-home .commerce-entry { grid-column:1/-1; min-height:0; }
 .workspace-home .commerce-entry { grid-row:auto; }
 .workspace-home .commerce-entry > div { padding:16px 20px; display:grid; grid-template-columns:1fr auto; gap:6px 12px; }
 .commerce-entry .section-kicker { grid-column:1/-1; }.creation-launchpad h2 { font-size:23px; margin:8px 0; }.workspace-home .commerce-entry p { grid-column:1; max-width:none; margin:0; font-size:12px; }
 .commerce-entry h2 { grid-column:1; }.commerce-entry .primary-button { grid-column:2; grid-row:2/4; align-self:center; gap:8px; padding:10px; font-size:12px; }
 .entry-output { grid-column:1/-1; margin:0; font-size:11px; }.commerce-entry small { grid-column:1/-1; margin:0; font-size:10px; }.entry-art { display:none; }
 .creation-entry { padding:14px; min-height:196px; }.creation-entry h2 { font-size:20px; }.creation-entry p { font-size:12px; margin-bottom:14px; }.entry-icon { display:none; }.creation-launchpad small { font-size:10px; }
 .workspace-shortcuts .home-tool-grid { grid-template-columns:1fr 1fr; gap:10px; }.workspace-shortcuts .home-tool-card { padding:12px; }
 .workspace-empty { flex-wrap:wrap; padding:20px; }.workspace-empty > a { margin-left:42px; }.workspace-footer { flex-direction:column; gap:14px; }.workspace-how ol { grid-template-columns:1fr 1fr; }
}
@media(prefers-reduced-motion:reduce) { .creation-entry { transition:none; } }

.workspace-footer .home-recharge-link { margin:0; padding:0; border:0; }
.workspace-footer .home-recharge-link a { display:inline; padding:0; min-height:0; color:#94603f; background:none; border:0; }
.workspace-footer .home-recharge-link a::after { display:none; }
.tool-group { margin:30px 0; }.tool-group h2 { margin:0; font-size:19px; }.tool-group header p { margin:8px 0; font-size:13px; color:#737b69; }
.image-tools-index .tool-group { margin-block:8px; padding:0; }
.image-tools-index .tool-group > header { padding:0; }
.image-tools-index .tool-group .home-tool-card { min-height:154px; }
.tool-group .image-tools-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.image-tools-index h1 { font-size:clamp(26px,3vw,38px); }
.image-tool-page .section-heading h1 { font-size:clamp(28px,3vw,40px); }
.tool-field-hint,.tool-save-note { font-size:12px; color:#6c7661; line-height:1.7; }
.tool-field-hint { margin:-12px 0 0; }
.prompt-ideas { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:16px; background:#f5f6ed; border-radius:8px; }
.prompt-ideas > span { font-size:12px; color:#68745a; }.prompt-ideas small { flex-basis:100%; color:#777f70; font-size:11px; }
.prompt-idea { padding:9px 12px; border:1px solid #d0d9c5; background:#fffef8; color:#45573a; border-radius:5px; cursor:pointer; font-size:12px; }
.prompt-idea:hover { border-color:#869477; }.prompt-idea:focus-visible { outline:2px solid #ac673f; outline-offset:3px; }
.tool-feedback { margin:0; font-size:13px; color:#4c6440; line-height:1.7; }.tool-feedback:empty { display:none; }.tool-feedback.is-error { color:#a33320; }
.image-tool-form [aria-invalid=true] { border-color:#a33320; }.image-tool-result > p { color:#67725e; font-size:13px; line-height:1.7; }.image-tool-result { scroll-margin-top:100px; }
@media(max-width:1100px) { .tool-group .image-tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .tool-group .image-tools-grid { grid-template-columns:1fr; }.image-tool-form { padding:18px; }.image-tool-page .section-heading { flex-wrap:wrap; }.image-tool-page .section-kicker { font-size:10px; } }
@media(max-width:760px) {
 .image-tool-form .canvas-preset-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .image-tool-form .canvas-preset-card { grid-template-columns:1fr; grid-template-rows:56px auto auto; gap:6px; padding:10px 4px; }
 .image-tool-form .canvas-preset-frame { width:28px; grid-row:auto; }
 .image-tool-form .canvas-preset-card b { font-size:12px; }.image-tool-form .canvas-preset-card small { font-size:9px; }
 .image-tool-form .canvas-preset-card em { display:none; }
}