.service-nav{display:flex;align-items:center;gap:8px;padding:10px 28px;background:#fff;border-bottom:1px solid #e1e5ed;position:relative;z-index:2}.service-nav button{border:0;background:transparent;color:#576277;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;white-space:nowrap}.service-nav button[aria-pressed=true]{background:#eaf0ff;color:#244ed8}.service-nav .service-label{margin-left:auto;font-size:13px;color:#657087}.service-price-note{font-size:14px;color:#59657b;margin:12px 0;line-height:1.6}.selection-heading .flow-actions{min-width:240px}.flow-actions .secondary{border:1px solid #d8dfea;background:#fff;border-radius:12px;padding:13px 18px;color:#24364b;font-weight:600}.collage-watermark{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:2}.collage-watermark span{color:rgba(36,47,68,.28);background:rgba(255,255,255,.25);font-size:clamp(18px,3vw,30px);font-weight:700;transform:rotate(-25deg);padding:8px 16px;border-radius:8px}.collage-shop{padding:10px 16px;background:#fff;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #e1e5ed;flex-wrap:wrap}.collage-shop p{margin:0;font-size:14px;color:#59657b}.service-dialog{max-width:600px;width:calc(100vw - 32px);border:0;border-radius:20px;padding:28px;box-shadow:0 25px 100px #17233830}.service-dialog::backdrop{background:#18213277;backdrop-filter:blur(3px)}.service-dialog .dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.service-dialog h2{margin:0 0 10px;font-size:26px;line-height:1.2}.service-dialog p{line-height:1.6}.purchase-options{display:grid;gap:10px;margin:20px 0}.purchase-option{border:1px solid #d8dfed;border-radius:12px;background:#fff;text-align:left;padding:16px;display:flex;justify-content:space-between;gap:14px}.purchase-option[aria-pressed=true]{background:#edf2ff;border-color:#3159d8}.purchase-option strong,.purchase-option small{display:block}.purchase-option small{margin-top:6px;color:#59657b;font-size:14px;font-weight:400}.purchase-option b{white-space:nowrap}.service-dialog .field{margin:14px 0}.service-dialog .field input,.creative-form input,.creative-form select,.creative-form textarea{width:100%;box-sizing:border-box;border:1px solid #d4dce8;border-radius:10px;padding:12px;background:#fff;font:inherit;color:#243247}.service-dialog .check{display:flex;gap:9px;align-items:start;font-size:14px}.service-dialog .check input{width:18px;height:18px;flex:none}.service-error{color:#a12635;white-space:pre-line;font-size:14px}.creative-workspace{max-width:1480px;margin:0 auto;padding:30px 32px 50px}.creative-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.creative-heading h1{font-size:32px;letter-spacing:-.8px;line-height:1.15;margin:0 0 9px}.creative-heading p{font-size:16px;color:#59657b;margin:0;max-width:660px;line-height:1.55}.model-badge{display:inline-block;padding:7px 12px;border-radius:99px;background:#edf1ff;color:#304fc2;font-size:13px;white-space:nowrap}.creative-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:26px;align-items:start}.creative-form{background:#fff;padding:24px;border:1px solid #e0e5ee;border-radius:18px;display:grid;gap:16px;position:relative;top:auto}.creative-form .field{margin:0;display:grid;gap:8px;font-size:14px;font-weight:600}.creative-form textarea{min-height:130px;resize:vertical;font-size:16px;font-weight:400;line-height:1.5}.prompt-examples{display:flex;flex-wrap:wrap;gap:6px}.prompt-examples button{font-size:13px;background:#f0f3f9;border:0;border-radius:8px;padding:8px 10px;color:#46556d}.creative-cost{background:#f5f7fb;border-radius:12px;padding:14px;font-size:14px;line-height:1.6}.creative-cost strong{display:block;font-size:18px}.creative-form .muted{margin:0;line-height:1.5}.creative-gallery{min-height:300px}.creative-gallery h2,.creative-results h2{font-size:20px;margin:0 0 8px}.creative-gallery .muted{margin:0 0 18px}.creative-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;max-height:370px;overflow:auto;padding:3px}.creative-pick{position:relative;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#e9edf4;text-align:left;min-width:0}.creative-pick img{display:block;width:100%;height:126px;object-fit:cover}.creative-pick[aria-pressed=true]{border-color:#365fe4;box-shadow:0 0 0 1px #365fe4}.creative-pick span{display:block;background:#fff;padding:8px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-pick b{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:white;color:#2e54d6}.creative-empty{border:1px dashed #c7d1e1;border-radius:18px;padding:50px 25px;text-align:center;background:#fafbfe;line-height:1.6}.creative-results{margin-top:30px}.creative-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}.creative-result{background:#fff;border:1px solid #e1e6ef;border-radius:16px;overflow:hidden}.creative-result img{width:100%;height:300px;object-fit:contain;background:#eef1f6;display:block}.creative-result-body{padding:15px;display:grid;gap:10px}.creative-result-body p{font-size:14px;color:#59657b;margin:0;line-height:1.5}.creative-result-actions{display:flex;flex-wrap:wrap;gap:8px}.creative-result-actions button,.creative-result-actions a{font-size:14px;padding:10px 12px}.creative-run-state{padding:18px;border-radius:12px;background:#edf2ff;margin-bottom:20px}.creative-run-state progress{width:100%;margin:12px 0 6px;accent-color:#365fe4}.creative-run-state p{margin:5px 0;line-height:1.5}.creative-batch-confirm{margin-top:12px}.service-orders{display:grid;gap:10px;margin-top:16px}.service-orders .history-row{border:1px solid #e0e5ee;border-radius:12px;padding:12px}.services-test-note{font-size:14px;background:#fff2ce;color:#6d5419;border-radius:10px;padding:10px 12px}.original-file-input{display:none}.service-tab-active-editor .workflow-bar,.service-tab-active-editor #selection-workspace,.service-tab-active-editor .studio{display:none!important}.service-tab-active-editor .topbar #export-open{display:none!important}
@media(max-width:800px){.service-nav{padding:8px 12px;gap:4px;overflow:auto}.service-nav button{padding:11px 13px;font-size:14px}.service-nav .service-label{display:none}.creative-workspace{padding:24px 16px 40px}.creative-heading{align-items:start;flex-direction:column;gap:12px}.creative-heading h1{font-size:28px}.creative-layout{grid-template-columns:1fr;gap:20px}.creative-form{position:static;padding:18px;grid-row:2}.creative-gallery{min-height:0}.creative-picks{grid-template-columns:repeat(3,minmax(0,1fr));max-height:290px;gap:8px}.creative-pick img{height:100px}.creative-result-grid{grid-template-columns:1fr}.creative-result img{height:360px}.creative-gallery h2{font-size:18px}.creative-results{margin-top:22px}.service-dialog{padding:22px;max-height:calc(100dvh - 32px);overflow:auto}.collage-shop{padding:9px}.collage-shop p{width:100%;text-align:center}.selection-heading .flow-actions{min-width:0}.purchase-option{padding:13px}.service-dialog h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.service-nav *,.creative-workspace *{scroll-behavior:auto!important;transition:none!important}}

.service-tab-active-editor #workspace{overflow:auto;display:block}.service-tab-active-editor .creative-workspace{width:100%}.service-nav{flex-shrink:0}.creative-form textarea:focus-visible{outline:3px solid #7698f3;outline-offset:3px}.service-price-note{max-width:650px}.creative-result-body strong{overflow-wrap:anywhere}.service-dialog input[type=email]{font-size:16px}

.creative-result-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}.creative-result:only-child{max-width:720px}.creative-result:only-child img{height:auto;max-height:560px}.creative-results{scroll-margin-top:20px}#creative-batch-confirm{margin-top:18px}.creative-viewer{width:min(1200px,calc(100vw - 24px));height:calc(100dvh - 32px);padding:16px;border:0;border-radius:16px;background:#f7f9fc;overflow:auto}.creative-viewer::backdrop{background:#111a2bba}.creative-viewer[open]{display:flex;flex-direction:column;gap:14px}.creative-viewer-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.creative-viewer-toolbar strong{margin-right:auto;overflow-wrap:anywhere}.creative-viewer img{width:100%;flex:1;min-height:0;object-fit:contain}.creative-viewer .quiet{min-height:44px}

@media(min-width:801px){.creative-form{grid-row:1 / span 2}.creative-layout>.creative-results{grid-column:2;margin-top:0}}@media(max-width:800px){.creative-layout>.creative-results{grid-column:1;grid-row:3}.creative-layout>div{grid-column:1;grid-row:1}}

.service-short{display:none}@media(max-width:800px){.service-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:7px 10px;overflow:visible;gap:4px}.service-nav button{padding:12px 4px;min-width:0;font-size:14px}.service-long{display:none}.service-short{display:inline}}

@media(max-width:800px){.studio,.studio[data-panel=canvas]{overflow-y:auto;overscroll-behavior:contain}.canvas-panel{flex:0 0 auto}.canvas-scroll{flex:none;height:clamp(380px,calc((100vw - 64px)*1.777),620px);min-height:380px}.studio .toolnav,.studio[data-panel=canvas] .toolnav{position:fixed;bottom:0;left:0;right:0}.editor-panel,.studio[data-panel=design] .design-panel,.studio[data-panel=photos] .photos-panel{flex:0 0 auto;min-height:250px;max-height:340px}.collage-shop{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px}.collage-shop p{grid-column:1 / -1}.collage-shop button{font-size:13px;padding:10px 8px;white-space:nowrap;min-width:0}.collage-shop #clear-creative-background{grid-column:1 / -1}}
@media(max-width:580px){.workflow-bar:has(#back-to-selection:not([hidden])) li:not([aria-current]){display:none}.workflow-bar #back-to-selection{white-space:nowrap;flex:none}.workflow-bar:has(#back-to-selection:not([hidden])) ol{min-width:0;font-size:12px}}

/* v14: formats wrap rather than squeezing six buttons on small screens. */
.canvas-toolbar{flex-wrap:wrap}.format-grid{min-width:0;flex-wrap:wrap;gap:2px}.format-button{white-space:nowrap;flex:none}.canvas-toolbar .canvas-actions{margin-left:auto}.template-preview{height:auto;aspect-ratio:var(--template-ratio,9/16);min-height:96px;max-height:210px}.swatches{flex-wrap:wrap}.template{overflow-wrap:normal}.template small{line-height:1.4}
@media(max-width:800px){.canvas-toolbar .format-grid{flex:1;justify-content:flex-start}.format-button{flex:0 0 auto;min-height:42px;padding:6px 8px}.design-panel .template-preview{height:auto;max-height:140px;min-height:88px}.studio[data-panel=design] .design-panel{flex-basis:280px}}

@font-face{font-family:StudioModern;src:url('/assets/fonts/Manrope-Variable.woff2');font-weight:200 800}body,button,input,select,textarea{font-family:StudioModern,sans-serif}.format-grid{width:auto;flex:1}.format-button{flex-shrink:0}.canvas-toolbar .canvas-actions{flex:none}.canvas-toolbar .format-grid{max-width:100%}