@font-face{font-family:'Source Serif Pro';src:url('/static/fonts/SourceSerifPro-Regular.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:'Source Serif Pro';src:url('/static/fonts/SourceSerifPro-Semibold.otf') format('opentype');font-weight:600 700;font-display:swap}
:root{--spruce:#02463a;--tint:#386c66;--line:#d9dfdf;--muted:#677272;--stage:#eef1f2;--limestone:#f7f5f2}*{box-sizing:border-box}body{margin:0;background:var(--stage);color:#1e2928;font-family:'Segoe UI',Arial,sans-serif;font-size:14px}button,input,textarea,select{font:400 14px 'Segoe UI',Arial,sans-serif}button{background:white;border:1px solid #c9d1d1;color:#243533;border-radius:4px;padding:9px 12px;cursor:pointer;line-height:1.2;min-height:36px}button:hover{background:#f2f7f5;border-color:var(--tint)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #85be00;outline-offset:2px}.primary{background:var(--spruce);color:white;border-color:var(--spruce);font-weight:600}.primary:hover{background:#126151;color:white}input:not([type=range]):not([type=checkbox]),textarea,select{width:100%;border:1px solid #cbd2d2;border-radius:4px;padding:9px 10px;background:white;color:#243533;line-height:1.35}textarea{resize:vertical}input[type=range]{width:100%;accent-color:var(--spruce);cursor:pointer;min-height:22px;margin:0 0 9px}input[type=checkbox]{accent-color:var(--spruce)}label{display:block;font-size:12px;margin:12px 0 6px;color:#3d4847}output{float:right;color:var(--muted)}h1,h2{margin:0;font-weight:650;letter-spacing:-.3px}h1{font-size:20px}h2{font-size:19px}.topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;background:white;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:20px;flex-shrink:0}.identity img{width:172px;height:auto}.identity h1{padding-left:20px;border-left:1px solid var(--line)}.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.top-actions button{font-size:13px;padding:9px 14px}.editor-layout{display:grid;grid-template-columns:260px minmax(350px,1fr) 320px;gap:14px;padding:14px;align-items:start}.panel{background:white;border:1px solid #e6ebeb;border-radius:5px}.library{padding:17px 14px;position:sticky;top:14px}.library h2{margin-bottom:17px}.library select{margin-bottom:8px}.upload-button{width:100%;margin:2px 0 12px}.gallery-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:9px}.text-button{border:0;background:none;padding:3px 0;min-height:26px;font-size:12px;text-decoration:underline;text-underline-offset:3px;color:var(--spruce)}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:calc(100vh - 404px);min-height:210px;overflow-y:auto;overscroll-behavior:contain;padding:2px}.photo-item{border:2px solid transparent;min-height:0;padding:0;overflow:hidden;text-align:left;background:#f4f6f5}.photo-item.selected{border-color:var(--spruce)}.photo-item img{width:100%;height:89px;object-fit:cover;display:block}.photo-item strong{display:block;font-weight:600;font-size:11px;line-height:1.3;padding:5px 5px 2px}.photo-item small{display:block;font-size:10px;color:var(--muted);padding:0 5px 5px}.library-note{font-size:11px;color:var(--muted);line-height:1.5;margin:14px 0 9px}.guidelines-link{font-size:12px;color:var(--spruce)}.workspace{min-width:0;padding:10px 4px}.canvas-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap;font-size:13px}.canvas-toolbar .segmented{width:auto}.canvas-toolbar .segmented button{min-width:60px}.canvas-toolbar>span:last-child{font-size:11px;color:var(--muted)}.segmented{display:flex;width:100%;gap:6px}.segmented button{flex:1;padding:8px 5px;font-size:12px}.segmented button[aria-pressed=true]{border:2px solid var(--spruce);padding:7px 4px;background:#edf5f2;color:var(--spruce);font-weight:650}.canvas-stage{display:flex;justify-content:center;align-items:center;min-height:300px;position:relative}canvas{display:block;max-width:100%;height:auto;max-height:calc(100vh - 255px);object-fit:contain;background:white;box-shadow:0 1px 3px #183f2722;touch-action:none;cursor:grab}canvas:focus-visible{outline:2px solid var(--spruce);outline-offset:3px}#loading{position:absolute;background:white;border:1px solid var(--line);padding:15px;border-radius:4px}.layer-toolbar{display:flex;justify-content:center;align-items:center;gap:6px;margin:23px 0 12px;flex-wrap:wrap}.layer-toolbar span{font-size:12px;color:var(--muted);margin-right:3px}.layer-toolbar button{font-size:12px;min-height:30px;padding:6px 10px}.layer-toolbar button[aria-pressed=true]{background:#dce9e4;color:var(--spruce);border-color:var(--tint)}.canvas-hint,.save-status,.notice{text-align:center;font-size:12px;line-height:1.5;color:var(--muted);margin:7px auto;max-width:600px}.save-status{font-size:11px}.notice{color:#735b2b}.inspector{padding:17px 16px;max-height:calc(100vh - 92px);overflow-y:auto;overscroll-behavior:contain;position:sticky;top:14px}.inspector>h2{padding-bottom:12px}details{border-top:1px solid var(--line);padding:12px 0 14px}summary{font-size:14px;font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}summary::after{content:'−';font-weight:400;font-size:18px}details:not([open]) summary::after{content:'+'}details>summary{margin-bottom:13px}details:not([open]){padding-bottom:0}details:not([open])>summary{margin-bottom:12px}.frame-choices button{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.frame-icon{display:block;width:24px;height:25px;background:#edf0ef;border:1px solid #899592}.border-frame{border:4px solid #899592}.footer-frame{border-bottom:8px solid #899592}.outline-frame{outline:1px solid #899592;outline-offset:-5px}.no-frame{border:0;background:linear-gradient(135deg,transparent 48%,#9da7a5 49%,#9da7a5 51%,transparent 52%)}.full-width{width:100%}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:22px;height:22px;min-height:22px;padding:0;background:var(--swatch);border-radius:50%;border:1px solid #bbc3c0}.swatch:hover{background:var(--swatch);transform:scale(1.12)}.swatch[aria-pressed=true]{outline:2px solid var(--spruce);outline-offset:2px}.two-fields{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}.field-note{font-size:11px;line-height:1.5;color:var(--muted);margin:9px 0}.check{display:flex;align-items:flex-start;gap:7px;line-height:1.4;font-size:11px}.check input{margin:2px 0 0}.ai-panel{border-top:1px solid var(--line);padding-top:14px}.ai-panel h2{font-size:15px}.ai-actions{display:flex;gap:7px;margin-top:9px}.ai-actions button{flex:1;font-size:12px}.error{color:#a12f20!important}.empty{font-size:13px;color:var(--muted);grid-column:1/-1;padding:25px 10px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#pending-actions{display:flex;gap:8px}#pending-actions[hidden]{display:none}[hidden]{display:none!important}@media(min-width:1750px){.editor-layout{grid-template-columns:285px minmax(400px,1fr) 340px;gap:24px;padding:20px}.photo-item img{height:105px}.workspace{padding:10px 20px}}@media(max-width:1120px){.editor-layout{grid-template-columns:215px minmax(290px,1fr) 270px;gap:9px;padding:9px}.topbar{padding:10px 15px}.identity img{width:132px}.identity{gap:12px}.identity h1{font-size:17px;padding-left:12px}.top-actions{gap:5px}.top-actions button{padding:8px;font-size:12px}.inspector{padding:14px 12px}.library{padding:14px 10px}.canvas-toolbar{gap:7px}.canvas-toolbar .segmented button{min-width:45px}.photo-item img{height:76px}.canvas-hint{font-size:11px}}@media(max-width:850px){.topbar{flex-wrap:wrap;justify-content:center}.identity{margin-right:auto}.top-actions{width:100%;justify-content:center}.top-actions button{flex:1}.editor-layout{grid-template-columns:minmax(0,1fr) 290px;gap:12px;padding:12px}.workspace{grid-column:1;grid-row:1}.inspector{grid-column:2;grid-row:1/3;max-height:calc(100vh - 20px);top:10px}.library{grid-column:1;grid-row:2;position:static}.photo-grid{max-height:340px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.library select{width:32%;display:inline-block}.workspace canvas{max-height:65vh}.layer-toolbar{margin-top:16px}.canvas-toolbar>span:first-child{display:none}}@media(max-width:610px){.topbar{padding:12px}.identity{width:100%;justify-content:space-between;margin:0}.identity img{width:145px}.identity h1{font-size:18px}.top-actions{gap:5px}.top-actions button{font-size:10px;padding:7px 4px;min-height:32px}.editor-layout{display:flex;flex-direction:column;padding:10px;gap:15px}.workspace,.library,.inspector{width:100%;position:static;max-height:none}.workspace{order:0}.library{order:1}.inspector{order:2;padding:18px}.canvas-toolbar{margin-bottom:16px}.canvas-stage{min-height:220px}canvas{max-height:60vh}.photo-grid{max-height:330px;grid-template-columns:repeat(3,minmax(0,1fr))}.photo-item img{height:86px}.library-note{font-size:12px}.canvas-hint{max-width:330px}.layer-toolbar span{display:none}.segmented button{min-height:40px}.swatch{width:29px;height:29px;min-height:29px}.inspector label{font-size:13px}.field-note{font-size:12px}.ai-actions button{font-size:14px}}
.inspector{display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 92px)}.inspector-options{overflow-y:auto;min-height:140px;padding-right:4px}.inspector-options>h2{padding-bottom:12px}.ai-panel{flex-shrink:0;background:white;margin-top:4px;padding-top:12px}.ai-panel textarea{font-size:13px}.ai-panel .field-note{margin:6px 0}.library{height:calc(100vh - 92px);display:flex;flex-direction:column}.photo-grid{flex:1;min-height:80px;max-height:none}.library-note{flex-shrink:0}@media(max-width:610px){.inspector{height:auto;overflow:visible}.inspector-options{overflow:visible}.library{height:auto}.photo-grid{max-height:330px;min-height:120px}.ai-panel{margin-top:10px}}
.photo-grid{align-content:start}.photo-item{align-self:start}.workspace canvas{max-height:calc(100vh - 300px)}@media(max-width:850px){.workspace canvas{max-height:60vh}}
@media(max-width:610px){.library select{width:100%;display:block}.top-actions button{min-height:42px;font-size:11px}.inspector input:not([type=range]),.inspector textarea,.inspector select{font-size:16px}}
@media(min-width:1400px){.editor-layout{grid-template-columns:320px minmax(350px,1fr) 360px}.photo-item img{height:120px}.photo-item strong{font-size:12px}.photo-item small{font-size:11px}}

/* Preserve full thumbnail cards inside the constrained, scrollable library. */
.photo-grid{grid-auto-rows:max-content}.photo-item{height:auto}.photo-item img{flex-shrink:0}
.canvas-fit{width:fit-content;max-width:100%;margin:0 auto 13px}.canvas-fit button{min-width:110px}.canvas-fit button::after{display:block;font-size:10px;font-weight:400;opacity:.75;margin-top:3px}.canvas-fit [data-value=contain]::after{content:'May leave margins'}.canvas-fit [data-value=cover]::after{content:'Crops to the frame'}
/* Creative library tabs and code-native template previews. */
.library h2{margin-bottom:12px}.library-tabs{display:flex;gap:4px;margin-bottom:12px;flex-shrink:0}.library-tabs button{flex:1;padding:8px 4px;font-size:12px}.library-tabs [aria-selected=true]{background:var(--spruce);color:white;border-color:var(--spruce)}.library [role=tabpanel]{min-height:0;flex:1;overflow-y:auto}.library #view-photos{display:flex;flex-direction:column;overflow:hidden}.template-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:2px}.template-card{text-align:left;padding:6px;min-width:0}.template-card[aria-pressed=true]{outline:2px solid var(--spruce);outline-offset:-2px}.template-card strong{display:block;font-size:12px;margin:7px 2px 3px}.template-card small{font-size:11px;color:var(--muted);display:block;line-height:1.4;margin:0 2px 4px}.template-art{display:block;width:100%;aspect-ratio:1;background:#b6c6b8;position:relative;overflow:hidden;border-radius:2px}.template-art::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#526c56 0 9%,#80917a 9% 11%);opacity:.6}.template-art::after{content:'Your outdoors';position:absolute;background:#f7f5f2;color:#02463a;font:600 16px 'Source Serif Pro',serif;padding:10px;inset:62% 0 0;line-height:1.1}.art-editorial::after{inset:0 0 48%;background:linear-gradient(#f7f5f2 70%,#f7f5f200)}.art-card::after{inset:24% 12% 17%;border:1px solid #386c66;outline:5px solid #f7f5f2}.art-angled::after{inset:0 37% 26% 0;clip-path:polygon(0 0,100% 0,78% 100%,0 100%);padding-right:25px}.art-rounded::after{inset:30% 22% 0 0;border-radius:0 18px 0 0}.art-spruce::after,.art-contractor::after{inset:0 15% 0 0;background:linear-gradient(90deg,#02463a,#02463ae6 65%,#02463a00);color:#f7f5f2;padding-top:35px}.art-connect::after{content:'Connect\A □';white-space:pre;text-align:center;inset:20% 20% 12%;font-family:'Segoe UI',sans-serif}.phrase-list{display:grid;gap:9px;padding:2px}.phrase-card{text-align:left;padding:12px;line-height:1.4}.phrase-card strong{display:block;font-size:14px;font-weight:600}.phrase-card small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.phrase-card span{display:block;color:var(--spruce);font-size:11px;margin-top:9px}.design-meta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:-12px 0 14px;font-size:11px;color:var(--muted)}#quality-summary.warning{color:#8a5413}.workspace canvas{height:auto;max-height:none}.canvas-toolbar{margin-bottom:22px}.library #view-photos .photo-grid{min-height:80px}.inspector #template-select{margin-top:0}@media(max-width:610px){.library [role=tabpanel]{max-height:520px}.library #view-photos{max-height:none}.template-card strong{font-size:14px}.template-card small{font-size:12px}.template-art{aspect-ratio:1.5}.design-meta{margin-top:-6px;font-size:11px}.library #view-photos .photo-grid{max-height:330px;min-height:120px}}

.logo-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.logo-choices button{grid-column:span 2;min-width:0;white-space:normal;line-height:1.35}.logo-choices button:nth-child(n+4){grid-column:span 3}

.mode-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;background:white;padding:8px 14px;border-bottom:1px solid var(--line)}.mode-nav a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border:1px solid #b9cbc3;border-radius:8px;text-decoration:none;font-weight:600;color:var(--spruce);background:#f4f8f6;font-size:13px;cursor:pointer}.mode-nav a:hover{background:#e4f0e9;border-color:var(--spruce)}.mode-nav a[aria-current=page]{background:var(--spruce);border-color:var(--spruce);color:white}.mode-icon{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:19px;line-height:1}@media(max-width:420px){.mode-nav{padding:8px 10px}.mode-nav a{flex:1;gap:6px;padding:9px 8px;font-size:12px}}.editor-layout .library,.editor-layout .inspector{height:calc(100vh - 144px);max-height:calc(100vh - 144px)}.ai-panel a{color:var(--spruce)}@media(max-width:610px){.editor-layout .library,.editor-layout .inspector{height:auto;max-height:none}}

/* Practical editing controls, with touch targets that stay usable at small sizes. */
.library input[type=search]{margin:0 0 8px;font-size:13px}.template-card{padding:7px;border-color:#dce4df;border-radius:7px}.template-card:hover{box-shadow:0 3px 12px #02463a14}.template-card strong{font-size:13px}.template-art{aspect-ratio:4/3;background:#e6ece8;border-radius:4px}.template-art.has-preview::before,.template-art.has-preview::after{display:none}.template-art img{display:block;width:100%;height:100%;object-fit:contain}.template-card small{line-height:1.45}.template-list{gap:12px}.phrase-card{border-radius:7px}.phrase-card:hover{border-color:var(--spruce)}.selection-tools{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:10px auto 12px}.selection-tools>span{font-size:12px;font-weight:600;color:var(--spruce)}.nudge-controls,.quick-size,.size-stepper,.inline-actions{display:flex;align-items:center;gap:6px}.nudge-controls button,.quick-size button,.size-stepper button{min-height:36px;min-width:36px;padding:6px;font-size:18px}.quick-size input#logo-quick-size{width:62px;padding:7px 4px;text-align:center}.size-stepper input#logo-size-number{width:80px;text-align:center}.quick-size span,.size-stepper span{font-size:12px;color:var(--muted)}.size-stepper{justify-content:flex-start;margin:3px 0 7px}.inline-actions{justify-content:space-between;flex-wrap:wrap}.logo-choices+.segmented{flex-wrap:wrap}#logo-controls [data-control=logo_background]{display:grid;grid-template-columns:1fr 1fr}#logo-controls [data-control=logo_background] button{white-space:normal;line-height:1.35;min-height:43px}.layer-toolbar button{min-height:38px}#logo-note{min-height:32px}.canvas-stage{background:radial-gradient(#d4dcda 1px,transparent 1px);background-size:12px 12px;border:1px solid #dce3e0;border-radius:8px;padding:12px}.top-actions button{white-space:nowrap}input[type=range]{min-height:30px}.library [role=tabpanel]{scrollbar-gutter:stable}.inspector-options{scrollbar-gutter:stable}.field-note{line-height:1.55}
@media(max-width:850px){.selection-tools{gap:7px}.template-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:610px){.top-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.top-actions button{font-size:12px}.selection-tools{gap:8px}.nudge-controls button,.quick-size button{min-height:40px;min-width:40px}.selection-tools>span{width:100%;text-align:center}.canvas-stage{padding:7px}.template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.template-art{aspect-ratio:4/3}.library input[type=search]{font-size:16px}.layer-toolbar{margin-top:14px}.canvas-hint{font-size:12px}.inspector summary{font-size:16px}.inspector details{padding-top:16px}.library-tabs button{min-height:43px;font-size:14px}}

.text-control-group{padding:13px 0 16px;border-bottom:1px solid #e0e6e3}.text-control-group:first-of-type{padding-top:3px}.text-control-group h3{font-size:14px;line-height:1.4;margin:0;color:var(--spruce);font-weight:650}.text-control-group h3 span{font-size:11px;font-weight:400;color:var(--muted);margin-left:5px}.paragraph-controls textarea{min-height:124px;line-height:1.5}.paragraph-controls .two-fields{align-items:center}.paragraph-controls output{float:none;display:block;font-size:11px;line-height:1.3}.paragraph-controls #body-count{float:right;display:inline;font-weight:400}.paragraph-controls #paragraph-fit-status.error{color:#9b3e24;background:#fff2e8;padding:9px;border-radius:4px}.paragraph-controls .inline-actions{margin-top:7px}.caption-controls{margin-bottom:8px}.layer-toolbar{row-gap:8px}@media(max-width:610px){.paragraph-controls textarea{font-size:16px}.text-control-group{padding-bottom:18px}.paragraph-controls .inline-actions{gap:10px}}

/* Complete graphics use the same canvas, with a distinct third AI action. */
.complete-graphic-button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;border-color:var(--spruce);background:#edf5f2;color:var(--spruce);font-weight:600;min-height:42px}.complete-graphic-button:hover{background:#dcece3}.complete-graphic-button span{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:18px}#complete-graphic-help{line-height:1.5}#complete-graphic-note{background:#f7f5f2;border:1px solid var(--line);border-radius:6px;padding:9px 12px;max-width:650px}@media(min-width:611px){.ai-panel{max-height:55%;min-height:0;flex-shrink:1;overflow-y:auto;padding-right:4px}.inspector-options{min-height:0}}
.canvas-mirror-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:10px 0 0}.canvas-mirror-tools button{font-size:12px;min-height:38px;padding:9px 14px}.canvas-mirror-tools button[aria-pressed=true]{background:#dce9e4;border-color:var(--spruce);color:var(--spruce);font-weight:650}.mirror-help{max-width:600px;margin:7px auto 14px;padding:0 8px;text-align:center;font-size:11px;line-height:1.5;color:var(--muted)}@media(max-width:610px){.canvas-mirror-tools button{min-height:42px;font-size:13px}.mirror-help{font-size:12px;max-width:340px}}
.library #photo-search{margin-bottom:8px;font-size:13px}.library #category-filter{width:100%}.library #load-more-photos{flex-shrink:0;font-size:12px;margin-top:9px}.library .photo-item small{overflow-wrap:anywhere}.library .photo-item strong{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}.library .photo-item .asset-kind{font-size:9px;color:var(--spruce);font-weight:600;padding-top:0}@media(max-width:610px){.library #photo-search{font-size:16px}}

/* A short starting path; specialist controls stay available when needed. */
.topbar{position:relative;z-index:20}.top-actions{align-items:center}.project-menu{position:relative;border:0;padding:0;flex-shrink:0}.project-menu>summary{margin:0!important;min-height:36px;padding:9px 14px;border:1px solid #c9d1d1;border-radius:4px;background:white;font-size:13px;font-weight:400;gap:12px}.project-menu>summary::after{content:'+';font-size:15px}.project-menu[open]>summary{border-color:var(--spruce);background:#edf5f2}.project-menu[open]>summary::after{content:'−'}.project-menu-options{position:absolute;right:0;top:calc(100% + 7px);width:250px;padding:10px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 9px 30px #173d2d26;display:grid;gap:6px;z-index:40}.project-menu-options button{text-align:left;width:100%;font-size:13px}.project-menu-options p{font-size:11px;line-height:1.5;color:var(--muted);margin:4px 4px 2px}.library h2{font-size:18px;margin-bottom:5px}.library-intro{font-size:12px;line-height:1.45;color:var(--muted);margin:0 0 12px;flex-shrink:0}.library-tabs button{font-size:11px;min-height:38px}.gallery-more-filters{border:0;padding:0 0 8px!important;margin:0;flex-shrink:0}.gallery-more-filters>summary{font-size:12px;font-weight:600;margin:0!important;min-height:28px;color:var(--spruce);justify-content:flex-start;gap:5px}.gallery-more-filters>summary::after{margin-left:auto}.photo-filter-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.photo-filter-fields .filter-setting{grid-column:1/-1}.photo-filter-fields label{font-size:11px;margin:7px 0 5px}.photo-filter-fields select{font-size:12px;padding:8px!important;margin:0!important}.library-info{flex-shrink:0;padding:9px 0 0!important;margin-top:9px;border-top:1px solid var(--line)}.library-info>summary{font-size:11px;margin:0!important;color:var(--muted);font-weight:400;min-height:24px}.library-info .library-note{margin:8px 0}.library-info a{display:block;margin-top:8px}.library-info #remove-unused{display:block;text-align:left}.studio-start{max-width:760px;margin:0 auto 16px;padding:12px;background:white;border:1px solid #d8e2dc;border-radius:9px}.studio-start h2{font-size:14px;margin-bottom:9px;letter-spacing:0}.studio-start-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.studio-start-actions button{min-width:0;text-align:left;padding:10px;background:#f7faf8;border-color:#d4e1d9;border-radius:6px}.studio-start-actions button:hover{background:#eaf3ed;border-color:var(--spruce)}.studio-start-actions strong{display:block;font-size:13px;color:var(--spruce)}.studio-start-actions small{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}.workspace-mode{margin-bottom:13px}.ratio-choices button strong,.ratio-choices button small{display:block}.ratio-choices button strong{font-size:12px;font-weight:600}.ratio-choices button small{font-size:10px;font-weight:400;margin-top:3px;color:var(--muted)}.canvas-toolbar .ratio-choices button{min-width:64px;min-height:48px}.inspector-tabs{display:flex;gap:5px;flex-shrink:0;padding:4px;background:#edf2ef;border-radius:7px;margin-bottom:13px}.inspector-tabs button{flex:1;min-height:38px;font-size:13px;font-weight:600;border-color:transparent;background:transparent}.inspector-tabs button[aria-pressed=true]{background:white;color:var(--spruce);border-color:#b9cec2;box-shadow:0 1px 4px #02463a0d}.inspector-options{flex:1;min-height:0}.inspector-options>h2{font-size:17px}.inspector .ai-panel{border:0;padding:0 3px 4px 0;margin:0;flex:1;min-height:0;max-height:none;overflow-y:auto}.inspector .ai-panel h2{font-size:18px;margin-bottom:10px}.text-format-options{padding:9px!important;border:0;border-radius:5px;background:#f5f8f6;margin-top:10px}.text-format-options>summary{font-size:12px;font-weight:500;margin:0!important;min-height:25px}.text-format-options[open]>summary{margin-bottom:5px!important}.text-format-options label{margin-top:10px}.text-control-group h3{font-size:15px}.ai-examples{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 8px}.ai-examples button{font-size:11px;min-height:32px;padding:7px 8px;border-radius:20px;background:#f0f6f2}.ai-panel #ai-prompt{min-height:110px;font-size:14px;line-height:1.5}.ai-panel .ai-actions button{min-height:45px;line-height:1.4;font-size:13px}.ai-artwork-options{margin:15px 0 12px;padding:12px 0}.ai-artwork-options>summary{font-size:13px;line-height:1.4;margin-bottom:0!important}.ai-artwork-options[open]>summary{margin-bottom:10px!important}.ai-artwork-options .full-width{min-height:43px;font-size:12px;margin-top:9px}.ai-panel #ai-status:not(:empty){padding:9px;border-radius:5px;background:#f1f6f3;color:var(--spruce);margin-top:12px;line-height:1.5}.text-control-group{padding-top:12px;padding-bottom:13px}
@media(max-width:1120px){.studio-start-actions strong{font-size:12px}.studio-start-actions button{padding:9px 6px}.studio-start-actions small{font-size:10px}.project-menu>summary{padding:8px;font-size:12px}}
@media(max-width:610px){.top-actions{display:flex;flex-wrap:nowrap;gap:6px;width:100%}.top-actions>button{flex:1;min-width:0;min-height:42px;padding:8px 5px;font-size:12px;white-space:normal}.top-actions #download{flex:2}.project-menu{flex:1}.project-menu>summary{min-height:42px;justify-content:center;font-size:12px;padding:9px 7px;gap:6px}.project-menu-options{left:0;right:auto;width:250px}.studio-start{padding:12px;margin-bottom:14px}.studio-start-actions button{min-height:66px;padding:9px 7px}.studio-start-actions strong{font-size:12px}.studio-start-actions small{font-size:11px}.library-tabs button{font-size:13px}.library-intro{font-size:13px}.gallery-more-filters>summary{font-size:13px;min-height:36px}.photo-filter-fields label{font-size:12px}.photo-filter-fields select{font-size:16px}.library-info>summary{font-size:12px;min-height:34px}.inspector-tabs button{min-height:43px;font-size:14px}.inspector .ai-panel{overflow:visible;min-height:250px}.ai-panel #ai-prompt{font-size:16px}.ai-examples button{font-size:12px;min-height:38px}.text-format-options>summary{font-size:13px;min-height:34px}.canvas-toolbar .ratio-choices button{min-width:59px}.inspector-options>h2{font-size:18px}}

/* Photo output stays beside the canvas, where dimensions and cropping are visible. */
.preview-history-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:15px auto 4px}.preview-history-tools button{font-size:12px;min-height:36px;padding:8px 12px}.preview-history-tools span{flex-basis:100%;text-align:center;font-size:11px;color:var(--muted);line-height:1.4}.recent-results{max-width:820px;margin:20px auto 0;padding:13px 14px;border:1px solid #d2dfd6;border-radius:8px;background:white}.recent-results>summary{font-size:14px;margin:0!important;gap:8px;justify-content:flex-start}.recent-results>summary::after{margin-left:auto}.recent-results #recent-images-count{background:#e4efe8;color:var(--spruce);border-radius:15px;min-width:24px;text-align:center;padding:3px 7px;font-size:12px}.recent-image-list{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity}.recent-image-card{flex:0 0 156px;min-width:0;padding:5px;text-align:left;border:2px solid #e0e7e2;border-radius:7px;scroll-snap-align:start;white-space:normal}.recent-image-card.selected{border-color:var(--spruce);background:#f2f8f4}.recent-image-card img{display:block;width:100%;height:125px;object-fit:contain;background:#eef1ef;border-radius:3px}.recent-image-card strong{display:block;font-size:12px;line-height:1.35;margin:7px 3px 4px;overflow-wrap:anywhere}.recent-image-card small{display:block;font-size:10px;color:var(--muted);line-height:1.4;margin:0 3px 7px}.recent-image-card span{display:block;font-size:11px;font-weight:650;color:var(--spruce);margin:4px 3px}.preview-photo-toggle{font-size:11px!important;align-items:center;margin:6px 0 12px}.preview-photo-toggle input{flex-shrink:0}.template-art{aspect-ratio:1}.complete-logo-controls{padding:9px 10px;background:#f5f8f6;border:1px solid #dce6df;border-radius:6px;margin-top:10px}.complete-logo-controls label{margin-top:0}.complete-logo-controls select{font-size:12px}.complete-logo-preview{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;margin-top:8px;padding:10px;background:white;border-radius:5px}.complete-logo-preview img{display:block;max-width:100%;max-height:45px;object-fit:contain;min-width:0;flex:1}.complete-logo-preview:has(#complete-logo-partner:not([hidden])) img{max-width:48%}#pending-actions{flex-wrap:wrap}#download-ai-result{font-size:12px}.recent-results[open]>summary{margin-bottom:9px!important}@media(max-width:610px){.preview-history-tools button{min-height:42px;font-size:13px;padding:9px 11px}.preview-history-tools span{font-size:12px}.recent-results{padding:13px 11px}.recent-image-card{flex-basis:145px}.recent-image-card img{height:118px}.recent-image-card strong{font-size:13px}.recent-image-card small{font-size:11px}.recent-image-card span{font-size:12px}.preview-photo-toggle{font-size:12px!important}.complete-logo-controls select{font-size:16px}}
.library #view-photos{overflow-y:auto;overflow-x:hidden}.inspector-ai-notice{flex-shrink:0;margin:0 0 10px;padding:9px 10px;border:1px solid #c4d9c9;border-radius:6px;background:#edf5ef;color:var(--spruce);font-size:12px;line-height:1.5}.inspector-tabs button[aria-label*="suggestion ready"]{border-color:var(--spruce);color:var(--spruce);background:#e0eee3}
.workspace-mode{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 17px}.workspace-mode-label{font-size:12px;font-weight:600;color:var(--muted)}.workspace-mode-toggle{width:min(300px,100%);background:#e4ebe7;border:1px solid #cbd8d0;padding:4px;border-radius:8px;gap:4px}.workspace-mode-toggle button{border-color:transparent;background:transparent;border-radius:5px;font-weight:600;min-height:38px}.workspace-mode-toggle button[aria-pressed=true]{background:white;border:1px solid #a6bfb0;box-shadow:0 1px 4px #02463a12;padding:8px 5px}.photo-output-panel{max-width:760px;margin:0 auto 18px;padding:16px 18px;background:white;border:1px solid #d5e1d9;border-radius:9px;box-shadow:0 2px 7px #02463a06}.photo-output-panel[hidden],.photo-size-controls[hidden]{display:none!important}.photo-output-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.photo-output-heading h2{font-size:17px;letter-spacing:-.15px}.photo-output-heading>span{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;font-weight:700;color:var(--tint);background:#edf5f0;border-radius:4px;padding:5px 8px}.photo-output-options{gap:8px}.photo-output-options button{padding:10px 6px;border-radius:6px;min-height:59px;line-height:1.35}.photo-output-options button[aria-pressed=true]{padding:9px 5px;background:#edf5f2}.photo-output-options strong,.photo-output-options small{display:block}.photo-output-options strong{font-size:13px;font-weight:650}.photo-output-options small{font-size:10px;font-weight:400;margin-top:3px;color:#67756d}.photo-output-panel .field-note{font-size:11px;margin:11px 0;line-height:1.55}.photo-size-controls{border-top:1px solid #e1e8e3;margin-top:12px;padding-top:1px}.photo-size-fields{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) auto;gap:9px;align-items:end}.photo-size-fields label{margin-top:10px}.photo-size-fields .dimension-times{align-self:end;text-align:center;padding-bottom:10px;color:var(--muted)}.photo-size-fields button{min-height:38px;white-space:nowrap}.photo-ratio-lock{margin:10px 0 0;font-size:12px;line-height:1.5}.photo-output-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #e1e8e3;margin-top:12px;padding-top:10px}.photo-output-footer p{margin:0;flex:1;min-width:150px;font-size:12px;font-weight:600;color:var(--spruce);line-height:1.5}.photo-output-footer .text-button{font-size:11px;white-space:nowrap}.photo-source-note{margin:11px 0 0;background:#f7f5f2;border-radius:5px;padding:9px 11px;font-size:11px;line-height:1.5;color:#5c594d}@media(max-width:1100px){.photo-size-fields{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)}.photo-size-fields button{grid-column:1/-1}.photo-output-panel{padding:14px}.photo-output-options{gap:5px}.photo-output-options small{font-size:9px}}@media(max-width:610px){.workspace-mode{justify-content:space-between;margin-bottom:14px}.workspace-mode-label{font-size:12px}.workspace-mode-toggle{width:265px;max-width:76%}.workspace-mode-toggle button{min-height:42px;font-size:13px}.photo-output-panel{padding:14px;margin-bottom:15px}.photo-output-heading h2{font-size:17px}.photo-output-options button{min-height:64px}.photo-output-options strong{font-size:14px}.photo-output-options small{font-size:10px}.photo-output-panel .field-note{font-size:12px}.photo-size-fields input{font-size:16px}.photo-size-fields button{min-height:42px}.photo-output-footer{gap:8px}.photo-output-footer p{font-size:12px}.photo-source-note{font-size:12px}.photo-ratio-lock{font-size:13px}}