@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}:root{--paper: #f2f0eb;--toner: #111111;--mag: #ff2d78;--cyan: #00c8e0;--display: "Anton", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--body: "Helvetica Neue", Arial, sans-serif;--rule: 3px solid var(--toner);--hair: 2px solid var(--toner);--track-label: .18em}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--toner);font-family:var(--body);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.022) 0 1px,transparent 1px 3px);-webkit-text-size-adjust:100%}.app{min-height:100vh;min-height:100dvh}.reg-strip{display:flex;height:10px}.reg-strip>i{display:block}.reg-strip .seg-toner{flex:1;background:var(--toner)}.reg-strip .seg-mag{width:60px;background:var(--mag)}.reg-strip .seg-cyan{width:60px;background:var(--cyan)}.reg-strip .seg-tab{width:24px;background:var(--toner)}.masthead{padding:18px 20px 14px;border-bottom:var(--rule);display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.wordmark{margin:0;font-family:var(--display);font-size:clamp(30px,7vw,64px);letter-spacing:-.02em;line-height:.9;position:relative;text-transform:uppercase;font-weight:400;white-space:nowrap}.wordmark .ghost{position:absolute;left:3px;top:2px;color:var(--mag);z-index:0}.wordmark .face{position:relative;z-index:1}.tagline{margin:0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:start}.canvas-pane{padding:20px;border-right:var(--rule);min-height:420px}.controls-pane{padding:20px}@media(max-width:820px){.grid{grid-template-columns:1fr}.canvas-pane{border-right:none;border-bottom:var(--rule)}}.dropzone{border:3px dashed var(--toner);padding:70px 20px;text-align:center}.dropzone.dragging{background:#ff2d780f;border-color:var(--mag)}.dropzone-head{font-family:var(--display);font-size:clamp(24px,4vw,40px);text-transform:uppercase;letter-spacing:.02em;font-weight:400}.dropzone-sub{margin-top:10px;font-size:10px;letter-spacing:var(--track-label);text-transform:uppercase;font-weight:700;opacity:.7}.meme-canvas{width:100%;height:auto;display:block;border:var(--rule);background:#fff}.canvas-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.btn,.btn-ghost,.file-btn{font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase;cursor:pointer;border-radius:0;display:inline-block}.btn,.file-btn{background:var(--toner);color:var(--paper);border:none;padding:13px 24px;box-shadow:4px 4px 0 var(--mag)}.btn:active,.file-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--mag)}.btn-ghost{background:transparent;color:var(--toner);border:var(--hair);padding:11px 20px}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.label{font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase;margin-bottom:6px;display:block}.label.spaced{margin-top:16px}.field{width:100%;background:var(--paper);border:var(--hair);border-radius:0;padding:10px 12px;font-family:var(--display);font-size:18px;letter-spacing:.04em;color:var(--toner);outline:none;text-transform:uppercase}.field::placeholder{color:#1111114d}.machine{margin-top:26px;padding-top:18px;border-top:var(--rule)}.mode-row{display:flex;gap:0;margin-bottom:12px}.mode-btn{flex:1;padding:9px 4px;border:var(--hair);margin-left:-2px;background:transparent;color:var(--toner);font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:0}.mode-btn:first-child{margin-left:0}.mode-btn[aria-pressed=true]{background:var(--toner);color:var(--paper)}.mode-blurb{font-size:11px;margin:0 0 12px;font-style:italic;opacity:.7}.suggest-btn{width:100%;background:var(--cyan);color:var(--toner);border:var(--rule);padding:14px;font-family:var(--display);font-size:20px;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border-radius:0;font-weight:400}.suggest-btn:disabled{background:transparent;opacity:.35;cursor:not-allowed}.read-block{font-size:11px;line-height:1.5;margin-top:14px;padding:8px 10px;border-left:4px solid var(--cyan);background:#00c8e012}.read-block strong{letter-spacing:.1em}.suggestions{margin-top:14px;display:grid;gap:8px}.suggestion{text-align:left;background:var(--paper);border:var(--hair);border-left:6px solid var(--cyan);padding:10px 12px;cursor:pointer;font-family:var(--display);font-size:15px;letter-spacing:.03em;line-height:1.3;text-transform:uppercase;border-radius:0;color:var(--toner);font-weight:400}.error{margin-top:12px;font-size:12px;font-weight:700;color:var(--mag)}.offline-note{margin-top:12px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:8px 10px;border:var(--hair)}.colophon{border-top:var(--rule);padding:10px 20px 14px}.colophon p{margin:0;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.8;opacity:.75}.colophon a{color:var(--toner);text-decoration:underline;text-underline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,.file-btn:focus-within{outline:3px solid var(--mag);outline-offset:2px}.thinking-dots:after{content:"";animation:ellipsis 1.2s steps(4,end) infinite}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.btn:active,.file-btn:active{transform:none}.thinking-dots:after{content:"…";animation:none}}