@import url('/static/design-editor.generated.css');
/* Source layout stays in the exported Tailwind markup; only functional states and responsive fixes live here. */
html{scroll-behavior:smooth;scroll-padding-top:80px}body.design-site{margin:0;font-family:Geist,Arial,sans-serif;font-size:14px;line-height:1.45;background:#faf8ff;color:#131b2e}*{box-sizing:border-box}
#prompt-input{padding-right:60px}.design-site header a{white-space:nowrap}.design-site header nav a{white-space:normal}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
button,a,input,summary{touch-action:manipulation}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #006398;outline-offset:3px}summary{cursor:pointer}img{max-width:100%}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details[open]>summary .material-symbols-outlined{transform:rotate(180deg)}[hidden]{display:none!important}
.design-skip{position:fixed;z-index:100;left:12px;top:-100px;background:white;padding:12px}.design-skip:focus{top:12px}.design-mobile-nav{display:none;position:relative}.design-mobile-nav summary{padding:8px;font-weight:600}.design-mobile-nav nav{position:absolute;right:0;top:40px;width:230px;padding:12px;background:white;box-shadow:0 8px 24px #131b2e30;border-radius:8px}.design-mobile-nav nav a{display:block;padding:9px;color:#00236f}.design-example-note{color:#666978;font-size:12px;margin:8px 0 12px}.design-pricing-terms{font-size:14px;margin:12px 0;color:#00236f}.design-billing-note{font-size:12px;margin-top:10px;color:#444651}.design-payment-history{max-width:1376px;margin:0 auto;padding:32px}.design-payment-history article{padding:14px;margin:10px 0;background:white}.design-payment-history h2{font-family:'Space Grotesk';font-size:20px;margin:20px 0 10px}.payment-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.6;margin:14px 0}.payment-consent input{margin-top:4px;flex-shrink:0}.payment-status{padding:12px;color:#004b73}.design-payment-history .button,.design-site .payment-consent+button{background:#00236f;color:white;padding:10px 16px;border-radius:4px}.design-payment-history a{text-decoration:underline}
@media(max-width:1535px){header[data-wide-nav] .design-mobile-nav{display:block}}
#design-generation-status{font-size:13px;line-height:1.6;margin-top:12px;color:#004b73;flex-basis:100%}#design-generation-status:empty{display:none}#design-generation-status a{text-decoration:underline;font-weight:600}#design-result{width:100%;padding:16px;margin-top:12px;background:#f2f3ff;border-radius:8px}#design-result img{width:100%;max-height:600px;object-fit:contain}#design-result a{display:inline-block;padding:10px 16px;margin-top:12px;background:#00236f;color:white;border-radius:4px}.design-upload-label{display:block;font-size:12px;padding:10px 0;flex-basis:100%}.design-upload-label input{display:block;max-width:100%;padding:8px;border:1px solid #c5c5d3;border-radius:4px;margin-top:6px}.design-selected{box-shadow:inset 0 0 0 2px #006398!important;background-color:#cce5ff!important;color:#00236f!important}.design-template-empty{grid-column:1/-1;padding:32px;text-align:center}.editor-command-ribbon{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#eaedff}.editor-command-ribbon span{font:10px 'JetBrains Mono';letter-spacing:.08em}.editor-command-ribbon h1{font:600 24px 'Space Grotesk';margin-top:4px}.editor-command-ribbon a{font-size:12px;color:#006398}
@media(max-width:1279px){.design-mobile-nav{display:block}.design-site header>div{gap:6px}.design-site header>div>div{min-width:0}}
@media(max-width:640px){.design-site h1{font-size:30px;line-height:1.2}.design-site header{height:64px}.design-site header>div>div:last-of-type>a.hidden{display:none}.design-site section{max-width:100vw}.design-site .text-headline-lg{font-size:26px;line-height:1.25}.design-site table{font-size:11px}.design-site table th,.design-site table td{padding:8px!important}.design-site .overflow-x-auto{max-width:100%}#blueprint-canvas-wrapper{height:430px}#blueprint-canvas-wrapper>div:first-of-type,#blueprint-canvas-wrapper>div:last-child{flex-wrap:wrap;gap:6px}.design-payment-history{padding:20px 12px}.editor-command-ribbon{padding:12px}.design-example-note{font-size:11px}.design-site footer{overflow:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
#app{font-family:Geist,Arial,sans-serif}#app .tool-layout{padding:0;gap:0;max-width:none;grid-template-columns:270px minmax(0,1fr) 280px}#app .control-panel,#app .workspace-inspector{top:64px;max-height:calc(100dvh - 64px);min-height:calc(100dvh - 160px)}#app .control-panel{background:#f2f3ff}#app .panel-title,#app h2,#app h3{font-family:'Space Grotesk',sans-serif}#app .button.primary,#app .segmented button.active,#app .style-option.active{background:#00236f;color:white}#app .result-panel,#app .result-toolbar,#app .result-footnote{background:#102547}#app .canvas-area{background-color:#0c2a57;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:24px 24px}#app .canvas-meta,#app .canvas-caption{background:#172f52}#app .inspector-eyebrow,#app .inspector-export-heading{font-family:'JetBrains Mono',monospace}#app .result-panel{min-width:0}#app .button{border-radius:4px}#app .plan-svg{box-shadow:none}#app .control-panel input,#app .control-panel select,#app .control-panel textarea{font-family:Geist,Arial,sans-serif}
@media(max-width:1100px){#app .tool-layout{grid-template-columns:250px minmax(0,1fr)}#app .workspace-inspector{grid-column:1/-1;position:static;max-height:none;min-height:0}#app .control-panel{position:static;max-height:none}}
@media(max-width:767px){#app .tool-layout{display:flex;flex-direction:column}#app .control-panel,#app .workspace-inspector{min-height:0;width:100%;max-height:none}#app .result-panel{width:100%}}
@media(min-width:1101px){body[data-design=editor] #app .tool-layout{grid-template-columns:minmax(0,1fr) 280px}body[data-design=editor] #app .control-panel{position:fixed;left:0;top:410px;width:256px;max-height:calc(100dvh - 410px);min-height:0;z-index:51;padding:14px;border:0}body[data-design=editor] #app .control-panel .upload-box{min-height:95px;padding:12px}body[data-design=editor]>aside>div:last-child{display:none}}
body[data-design=editor] #app .canvas-meta{background:#172f52}body[data-design=editor] #app .drawing-view{background:transparent}body[data-design=editor] #app .canvas-area{min-height:550px}body[data-design=editor] header>div:first-child{min-width:0}body[data-design=editor] header .design-mobile-nav{margin-left:auto}body[data-design=editor] #app .canvas-meta strong{color:#e2e8f0}
@media(max-width:1100px){body[data-design=editor]>aside{display:none}body[data-design=editor]>.pl-64{padding-left:0}body[data-design=editor] header{left:0!important;width:100%;padding:0 12px}body[data-design=editor] header>div:first-child{display:none}body[data-design=editor] #app .control-panel{position:static}body[data-design=editor] #app .canvas-area{min-height:340px}}
/* Functional workspaces use the approved Stitch colors and typography. */
.workflow-field{display:grid;gap:10px;margin:20px 0;color:#131b2e;min-width:0}.workflow-field>label,.workflow-field legend{font-size:13px;font-weight:650}.workflow-field textarea,.workflow-field select{width:100%;min-width:0;padding:12px;border:1px solid #c5c5d3;border-radius:6px;background:#f2f3ff;font:inherit;font-size:14px;line-height:1.6}.workflow-field fieldset{border:0;padding:10px 0;display:flex;flex-wrap:wrap;gap:12px}.workflow-check{display:flex;gap:7px;align-items:center;font-size:13px}.workflow-check input{accent-color:#006398}.workflow-field #preview-img{max-height:240px;width:100%;object-fit:contain;background:#eaedff}.workflow-result{min-width:0;margin-top:24px}.workflow-result h3{font-size:20px;margin-bottom:14px}.workflow-output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.workflow-output-grid figure{margin:0;min-width:0}.workflow-output-grid img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#eee}.workflow-output-grid figcaption{font-size:12px;color:#444651;padding:8px 0}.workflow-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.workflow-actions button,.workflow-actions a,.workflow-retry,.workflow-history button,#clear-upload{padding:10px 14px;border:1px solid #c5c5d3;border-radius:5px;background:#eaedff;color:#00236f;font-size:13px;cursor:pointer}.workflow-actions button:disabled{opacity:.5;cursor:wait}.workflow-history{margin-top:22px;padding:16px 0;border-top:1px solid #c5c5d3}.workflow-history summary{cursor:pointer;font-size:14px;font-weight:600}.workflow-history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #e2e7ff}.workflow-history-row span{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.workflow-history-row button{flex-shrink:0}.workflow-history #design-history{padding-top:12px;font-size:13px}.workflow-retry{margin:10px 0}[data-design-choice][aria-pressed=false]{box-shadow:none!important}[data-design-choice][aria-pressed=false] .material-symbols-outlined:only-child{opacity:.7}[data-design-choice][aria-pressed=false] .bg-secondary.w-2,[data-design-choice][aria-pressed=false] .absolute{visibility:hidden}[data-design-choice].design-selected{outline:2px solid #006398;outline-offset:1px}
@media(max-width:500px){.workflow-history-row{align-items:flex-start;flex-direction:column}.workflow-actions>*{flex:1;text-align:center}.workflow-output-grid{grid-template-columns:1fr}}
.workflow-submit{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%}.workflow-submit .workflow-field{margin-top:0}.workflow-results-panel{width:100%;min-width:0;margin-top:22px;padding:clamp(16px,3vw,32px);background:#ffffff;border-radius:10px}.workflow-results-panel:has(.workflow-result[hidden]){padding-top:0;padding-bottom:0;background:transparent}[data-design-choice][aria-pressed=false] .material-symbols-outlined.text-secondary{color:inherit}[data-design-choice][aria-pressed=false] .material-symbols-outlined:empty{display:none}
[data-design-choice][aria-pressed=false]{background-color:#f2f3ff!important;color:#444651!important}[data-choice-indicator]{display:none}[data-design-choice][aria-pressed=true] [data-choice-indicator]{display:inline-flex}
.workflow-brief{font-size:13px;color:#444651;line-height:1.6;margin:0 0 16px;white-space:pre-wrap;overflow-wrap:anywhere}.workflow-result .workflow-actions a{margin-top:0}

/* Direct before/after dragging; vertical touch scrolling remains available. */
#slider-container{touch-action:pan-y;cursor:ew-resize}
#slider-container img{pointer-events:none;-webkit-user-drag:none}
#before-clip-layer{width:100%;clip-path:inset(0 50% 0 0)}
#before-clip-layer>div{width:100%;max-width:none}
#slider-handle{width:44px;transform:translateX(-50%);background:transparent;box-shadow:none;z-index:10;pointer-events:auto;outline:none}
#slider-handle::before{content:"";position:absolute;inset:0 auto;width:3px;background:#fff;box-shadow:0 0 8px #0006;pointer-events:none}
#slider-handle>div{position:relative;flex-shrink:0;width:44px;height:44px;margin-left:0;transition:transform .15s}
#slider-handle:focus-visible>div{outline:3px solid #006398;outline-offset:3px}
#slider-handle:hover>div,.comparison-dragging #slider-handle>div{transform:scale(1.1)}
@media(prefers-reduced-motion:reduce){#slider-handle>div{transition:none}}