@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_f13c5299-module__KQuWiq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_f13c5299-module__KQuWiq__variable{--font-body:"Inter","Inter Fallback"}
@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1e219c03c996efbd-s.ba7d7329.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.0c27b1b4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/03bda585a99c6450-s.p.ad37b9d9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_2504c0e9-module__4AJDSG__className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.fraunces_2504c0e9-module__4AJDSG__variable{--font-display:"Fraunces","Fraunces Fallback"}
:root{--bg:#fff;--surface:#f8f9fa;--ink:#0a0a0a;--muted:#6b7280;--accent:#2563eb;--border:#e5e7eb;--shadow:0 1px 3px #0000000d;--shadow-lg:0 4px 12px #00000014}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0a;--surface:#141414;--ink:#fff;--muted:#9ca3af;--accent:#3b82f6;--border:#262626;--shadow:0 1px 3px #0000004d;--shadow-lg:0 4px 12px #00000080}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);min-height:100vh;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit;background:0 0;border:none}main{padding:32px 24px 72px}.page{z-index:1;flex-direction:column;gap:20px;max-width:1080px;margin:0 auto;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.branding{flex-direction:column;gap:2px;display:flex}.wordmark{font-family:var(--font-display);color:var(--ink);font-size:24px;font-weight:700;line-height:1}.tagline,.status-pill{color:var(--muted);font-size:13px;font-weight:400}.upload-zone{border:2px dashed var(--border);cursor:pointer;background:var(--surface);border-radius:8px;place-items:center;min-height:480px;transition:all .2s;display:grid}.upload-zone:hover{border-color:var(--accent);background:var(--bg)}.upload-zone.drag{border-color:var(--accent);background:var(--bg);border-style:solid}.upload-prompt{text-align:center;padding:48px}.upload-title{color:var(--ink);margin-bottom:8px;font-size:32px;font-weight:600}.upload-subtitle{color:var(--muted);font-size:15px}.button{border:1px solid var(--border);cursor:pointer;background:var(--surface);color:var(--ink);border-radius:6px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .15s}.button:hover:not(:disabled){background:var(--bg);box-shadow:var(--shadow)}.button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button.primary:hover:not(:disabled){opacity:.9}.button.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.button.accent:hover:not(:disabled){background:color-mix(in srgb,var(--accent)88%,#000 12%);border-color:color-mix(in srgb,var(--accent)88%,#000 12%);color:#fff;opacity:1}.button.ghost{border-color:var(--border);color:var(--muted);background:0 0}.button.ghost:hover:not(:disabled){background:var(--surface);color:var(--ink)}.button:disabled{opacity:.4;cursor:not-allowed}.result-section{animation:.4s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-stage{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);--preview-height:clamp(360px,70vh,560px);min-height:var(--preview-height);border-radius:8px;place-items:center;margin-bottom:16px;display:grid;position:relative;overflow:hidden}.result-preview{width:min(100%,1100px);height:var(--preview-height);min-height:var(--preview-height);place-items:center;margin:0 auto;display:grid;position:relative}.result-preview img{max-width:100%;max-height:var(--preview-height);object-fit:contain}.preview-loading{background:var(--surface);cursor:wait;z-index:20;place-items:center;gap:16px;display:grid;position:absolute;inset:0}.ascii-loader{font-family:var(--font-body);color:var(--ink);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:6px;font-size:28px;line-height:1;display:flex}.ascii-face{text-align:center;width:180px;height:1.2em;position:relative;overflow:hidden}.face-stack{will-change:transform;grid-auto-rows:1.2em;animation:1.2s steps(4,end) infinite face-stack;display:grid}.face-frame{justify-content:center;align-items:center;height:1.2em;display:flex}@keyframes face-stack{0%{transform:translateY(0)}to{transform:translateY(-300%)}}.ascii-dots{gap:3px;margin-top:2px;font-size:18px;display:flex}.ascii-dots span{animation:1.4s infinite dot-bounce}.ascii-dots span:first-child{animation-delay:0s}.ascii-dots span:nth-child(2){animation-delay:.2s}.ascii-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.loading-text{color:var(--muted);-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500}.result-status{color:var(--muted);font-size:14px}.generate-action{justify-content:center;align-items:center;gap:12px;padding:16px 0;display:flex}.generate-button{background:var(--accent);color:#fff;cursor:pointer;box-shadow:var(--shadow-lg);border:none;border-radius:6px;min-width:140px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .15s}.generate-button:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-lg)}.generate-button:disabled{opacity:.5;cursor:not-allowed}.button-text-cycle{perspective:500px;min-width:12ch;height:1.4em;line-height:1.4em;display:inline-block;position:relative;overflow:hidden}.cycle-text{transform-origin:50%;white-space:nowrap;opacity:0;will-change:transform,opacity;animation:9s infinite text-slide;position:absolute;top:0;left:50%;transform:translate(-50%,120%)rotateX(18deg)}.cycle-text:first-child{animation-delay:0s}.cycle-text:nth-child(2){animation-delay:3s}.cycle-text:nth-child(3){animation-delay:6s}@keyframes text-slide{0%{opacity:0;transform:translate(-50%,120%)rotateX(18deg)}10%{opacity:1;transform:translate(-50%)rotateX(0)}32%{opacity:1;transform:translate(-50%)rotateX(0)}42%{opacity:0;transform:translate(-50%,-120%)rotateX(-18deg)}to{opacity:0;transform:translate(-50%,-120%)rotateX(-18deg)}}.result-compare{width:min(100%,1100px);height:var(--preview-height);margin:0 auto;position:relative}.compare-layer{position:absolute;inset:0}.compare-layer img{object-fit:contain;width:100%;height:100%}.compare-layer.after{clip-path:inset(0 calc(100% - (var(--slider)*1%))0 0)}.compare-handle{top:0;left:calc(var(--slider)*1%);background:var(--accent);pointer-events:none;width:2px;height:100%;position:absolute;transform:translate(-50%)}.compare-handle:before{content:"";border:2px solid var(--accent);background-color:var(--bg);width:52px;height:52px;box-shadow:var(--shadow-lg);background-image:url(/stamps/stamp-doodle-arrows-lime-bg.png);background-position:50%;background-repeat:no-repeat;background-size:185%;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-range{opacity:0;cursor:ew-resize;z-index:10;width:100%;height:100%;position:absolute;inset:0}.result-sidebyside{width:min(100%,1100px);height:auto;min-height:var(--preview-height);background:0 0;grid-template-columns:1fr 1fr;gap:0;margin:0 auto;display:grid;position:relative}.result-sidebyside:after{content:"";background:var(--accent);z-index:4;border-radius:0;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.sidebyside-panel{background:var(--surface);min-height:var(--preview-height);align-items:center;padding:0;display:flex;position:relative;overflow:visible}.sidebyside-panel.before{justify-content:flex-end}.sidebyside-panel.after{justify-content:flex-start}.sidebyside-stamp{z-index:6;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)scale(.72)}.sidebyside-stamp:before{content:"";z-index:-1;background:radial-gradient(circle,#fffffff2 0%,#fff9 24%,#fff3 36%,#fff0 48%);border-radius:50%;position:absolute;inset:-2px}.sidebyside-stamp:after{content:"";aspect-ratio:1/1.06;z-index:-3;border:2px solid #3b82f6e6;border-radius:50%;width:50%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-25deg);box-shadow:0 0 14px #3b82f673}.stamp-ring{aspect-ratio:1/1.12;z-index:-4;border-radius:50%;width:50%;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.stamp-ring-pink{aspect-ratio:1/1.06;border:2px solid #ff5ad2f2;width:50%;transform:translate(-50%,-50%)rotate(8deg);box-shadow:0 0 14px #ff5ad273}.stamp-image{opacity:.9;mix-blend-mode:normal;filter:drop-shadow(0 12px 20px #0000002e);z-index:1;width:min(300px,54vw);height:auto;display:block;position:relative}.sidebyside-stamp[data-stamp=rect] .stamp-round,.sidebyside-stamp[data-stamp=round] .stamp-rect,.sidebyside-stamp[data-stamp=doodle-arrows-compact-white] .stamp-round,.sidebyside-stamp[data-stamp=doodle-arrows-compact-white] .stamp-rect{display:none}.sidebyside-label{color:var(--muted);background:var(--bg);z-index:10;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.sidebyside-panel.after .sidebyside-label{left:auto;right:12px}.sidebyside-panel img{max-width:100%;max-height:var(--preview-height);object-fit:contain;width:auto;height:auto;display:block}.view-toggle{background:var(--border);border-radius:6px;gap:1px;width:fit-content;margin:24px auto 16px;padding:1px;display:flex}.toggle-btn{background:var(--surface);color:var(--muted);cursor:pointer;border:none;border-radius:5px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.toggle-btn:first-child{border-radius:5px 0 0 5px}.toggle-btn:last-child{border-radius:0 5px 5px 0}.toggle-btn:hover{color:var(--ink)}.toggle-btn.active{background:var(--ink);color:var(--bg)}.result-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;padding:18px 0 8px;display:flex}.examples{justify-items:center;gap:12px;margin-top:64px;padding-top:18px;display:grid}.examples-label{color:var(--muted);text-align:center;font-size:14px;font-weight:400}.examples-grid{grid-template-columns:repeat(2,minmax(0,220px));justify-content:center;gap:16px;width:100%;display:grid}.examples-grid img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);width:100%;height:auto;box-shadow:var(--shadow);border-radius:10px}@media (max-width:720px){main{padding:24px 16px 60px}.topbar{flex-direction:column;align-items:flex-start}.upload-zone{min-height:360px}.upload-title{font-size:24px}.upload-subtitle{font-size:14px}.result-stage,.result-placeholder{--preview-height:340px;min-height:var(--preview-height)}.result-compare,.result-sidebyside{height:auto;min-height:var(--preview-height)}.result-sidebyside{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.result-sidebyside:after{width:100%;height:2px;top:50%;left:0;right:0;transform:translateY(-50%)}.sidebyside-panel.before,.sidebyside-panel.after{justify-content:center}.sidebyside-stamp{transform:translate(-50%,-50%)scale(.68)}.stamp-image{width:min(250px,72vw)}.generate-action{flex-direction:column;gap:10px}.generate-action .button{text-align:center;width:100%}.generate-action .generate-button{text-align:center;width:100%;min-width:unset}.result-actions{flex-flow:wrap;justify-content:center;gap:10px}.result-actions .button{text-align:center;width:auto}.examples-grid{grid-template-columns:minmax(0,240px)}.generate-button,.button{padding:12px 24px}.wordmark{font-size:20px}.tagline{font-size:12px}.status-pill{font-size:11px}}