@font-face{font-family:Gilroy;src:url('assets/fonts/gilroy-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Gilroy;src:url('assets/fonts/gilroy-medium.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Gilroy;src:url('assets/fonts/gilroy-semibold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--bg:#f7f2e8;--ink:#171714;--accent:#7157ff;--accent2:#d9ff5b;--accent3:#ff7eb6;--panel:#fffdf8;--muted:#68645d;--line:#cbc3b4}body[data-mode=portrait]{--bg:#e9e2d1;--ink:#102e29;--accent:#9d6b24;--accent2:#e9bf66;--accent3:#1f5a4f;--panel:#f8f1e2;--muted:#5d665e;--line:#afa58e}body[data-mode=stickers]{--bg:#fff0f4;--ink:#2e1736;--accent:#ef4778;--accent2:#ffd84d;--accent3:#8c55e8;--panel:#fffafd;--muted:#735f77;--line:#ddbdca}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Gilroy,Arial,sans-serif;transition:background .35s,color .35s}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-header,main,footer{width:min(1240px,calc(100% - 48px));margin:auto}.site-header{height:92px;display:grid;grid-template-columns:180px 1fr 180px;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:19px;font-weight:800;letter-spacing:-.8px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--accent2);font-family:ui-monospace,monospace;font-size:22px;clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%)}.mode-nav{justify-self:center;display:flex;border:1px solid var(--line);border-radius:99px;padding:4px;background:#ffffff52}.mode-nav button{display:flex;align-items:center;gap:7px;border:0;background:transparent;border-radius:99px;padding:9px 14px;cursor:pointer;font-size:12px}.mode-nav button span{font-size:15px}.mode-nav button[aria-pressed=true]{background:var(--ink);color:var(--panel)}.language-picker{justify-self:end;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding:6px}.language-picker select{border:0;background:transparent;outline:0;font-size:12px}.mode-page[hidden]{display:none}.mode-hero{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;border-bottom:1px solid var(--line);gap:55px}.eyebrow{margin:0 0 18px;font-size:10px;letter-spacing:2px;font-weight:800}.hero-copy h1{font-size:clamp(64px,7.2vw,110px);line-height:.86;letter-spacing:-7px;margin:0;font-weight:800}.hero-copy h1 em{color:var(--accent);font-family:ui-monospace,monospace;font-style:normal;font-weight:800;letter-spacing:-5px}.lead{max-width:555px;margin:30px 0 28px;font-size:17px;line-height:1.55}.hero-button{display:inline-flex;align-items:center;gap:24px;background:var(--ink);color:var(--panel);border-radius:99px;padding:14px 16px 14px 23px;text-decoration:none;font-weight:700}.hero-button i{display:grid;place-items:center;width:31px;height:31px;background:var(--accent2);color:var(--ink);border-radius:50%;font-style:normal}.launch-note{font-size:10px;color:var(--muted);margin:13px 0 0}.pixel-hero-art{position:relative;display:grid;place-items:center;min-height:480px}.pixel-cat{position:relative;width:340px;height:340px;background:var(--accent);box-shadow:26px 26px 0 var(--accent3),-24px -24px 0 var(--accent2);transform:rotate(3deg)}.pixel-cat i{position:absolute;display:block}.ear{width:115px;height:115px;background:var(--ink);top:34px}.ear.left{left:34px;clip-path:polygon(0 0,100% 65%,0 100%)}.ear.right{right:34px;clip-path:polygon(100% 0,100% 100%,0 65%)}.face{width:250px;height:210px;background:var(--ink);left:45px;top:91px;clip-path:polygon(8% 0,92% 0,100% 15%,100% 86%,86% 100%,14% 100%,0 86%,0 15%)}.eye{width:39px;height:17px;background:var(--accent2);top:170px}.eye-left{left:98px}.eye-right{right:98px}.nose{width:24px;height:17px;background:var(--accent3);top:218px;left:158px}.portrait-art,.sticker-art{position:relative;padding:25px}.portrait-art:before{content:"";position:absolute;inset:0;border:2px solid var(--accent);transform:rotate(3deg)}.portrait-art img,.sticker-art img{position:relative;width:100%;display:block;aspect-ratio:1;object-fit:cover}.portrait-art span,.sticker-art span{position:absolute;left:8px;bottom:7px;background:var(--accent2);color:var(--ink);padding:8px 12px;font-size:9px;font-weight:800;letter-spacing:1px}.sticker-art{background:#ffffff7d;border-radius:44px;transform:rotate(1deg)}.sticker-art img{object-fit:contain}.tool-heading{padding:75px 0 27px;display:grid;grid-template-columns:60px 1fr auto;align-items:end}.tool-heading>span{font-family:ui-monospace,monospace;color:var(--accent);font-size:24px;font-weight:800}.tool-heading .eyebrow{margin-bottom:8px}.tool-heading h2{font-size:39px;line-height:1;margin:0;letter-spacing:-2px}.tool-heading small{color:var(--muted)}
.maker{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--ink);background:var(--panel);box-shadow:8px 8px 0 var(--ink);margin-bottom:90px}.preview-panel{padding:32px;border-right:1px solid var(--ink);background:#00000008}.canvas-wrap{position:relative;aspect-ratio:1;background:#d7d1c6;overflow:hidden;border:1px solid var(--line)}.canvas-wrap.dragging{outline:5px solid var(--accent2);outline-offset:-5px}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state.hidden{display:none}.empty-cat{font-family:ui-monospace,monospace;font-size:38px;margin-bottom:17px}.empty-state b{font-size:16px}.empty-state span{color:var(--muted);font-size:12px;margin-top:5px}.privacy{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;margin:13px 0 0}.privacy span{color:#39a665}.controls{padding:34px 39px;display:flex;flex-direction:column}.control-block{border:0;border-bottom:1px solid var(--line);margin:0 0 22px;padding:0 0 22px}.control-label{display:block;font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:9px}.upload-button{display:flex;align-items:center;justify-content:space-between;background:var(--accent2);border:1px solid var(--ink);padding:14px 16px;font-weight:800;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}.text-input{width:100%;border:1px solid var(--line);background:var(--bg);padding:13px 14px;outline:none}.text-input:focus{border-color:var(--accent)}.label-row{display:flex;justify-content:space-between}.label-row output{font-family:ui-monospace,monospace;color:var(--accent)}.range{width:100%;accent-color:var(--accent)}.palettes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.palette{background:transparent;border:1px solid transparent;padding:5px;cursor:pointer;font-size:9px;color:var(--muted)}.palette i{display:block;height:34px;margin-bottom:5px;border:1px solid var(--line)}.palette.active{border-color:var(--ink);color:var(--ink);font-weight:800}.original{background:linear-gradient(135deg,#ba8f62 0 33%,#f5d4ad 33% 66%,#4c352b 66%)}.candy{background:linear-gradient(135deg,#ff7eb6 0 33%,#ffe267 33% 66%,#7157ff 66%)}.gameboy{background:linear-gradient(135deg,#0f380f 0 33%,#8bac0f 33% 66%,#9bbc0f 66%)}.night{background:linear-gradient(135deg,#0e1538 0 33%,#4d48c7 33% 66%,#ef9fd4 66%)}.actions{display:flex;gap:10px;margin-top:auto}.actions button{border:0;height:54px;font-weight:800;cursor:pointer}.actions button:disabled{cursor:not-allowed;opacity:.35}.primary{flex:1;background:var(--accent);color:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.secondary{width:54px;background:var(--ink);color:var(--panel);font-size:22px}.portrait-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.style-card{border:1px solid var(--line);background:var(--panel);padding:18px;text-align:left;cursor:pointer;transition:.2s}.style-card.active{border-color:var(--ink);box-shadow:5px 5px 0 var(--accent)}.style-card i{display:block;height:150px;margin-bottom:17px}.style-card b,.style-card span{display:block}.style-card b{font-size:22px;margin-bottom:6px}.style-card span{color:var(--muted);font-size:12px}.royal-swatch{background:url('assets/images/royal-cat-v1.png') center 30%/cover}.watercolor-swatch{background:linear-gradient(135deg,#f3d4c0,#c8d8cc 48%,#7b9f96)}.pop-swatch{background:linear-gradient(135deg,#ffce3a 0 25%,#ef4778 25% 50%,#754cf0 50% 75%,#2ac7aa 75%)}.future-cta{margin:25px 0 90px;background:var(--ink);color:var(--panel);padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.future-cta b,.future-cta span{display:block}.future-cta b{font-size:20px}.future-cta span{opacity:.7;margin-top:5px;font-size:11px}.future-cta button{border:1px solid #ffffff55;color:inherit;background:transparent;border-radius:99px;padding:12px 20px}.sticker-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sticker-benefits article{background:var(--panel);border:1px solid var(--line);padding:28px}.sticker-benefits article>span{font-family:ui-monospace,monospace;color:var(--accent);font-weight:800}.sticker-benefits b{display:block;font-size:21px;margin:35px 0 8px}.sticker-benefits p{color:var(--muted);line-height:1.45;font-size:12px;margin:0}footer{min-height:105px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);background:var(--ink);color:var(--panel);padding:12px 19px;border-radius:99px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;height:auto;padding:15px 0;gap:13px}.mode-nav{grid-row:2;grid-column:1/-1;width:100%;justify-content:stretch}.mode-nav button{flex:1;justify-content:center}.language-picker{grid-column:2}.mode-hero{grid-template-columns:1fr;padding:65px 0}.portrait-art,.sticker-art{max-width:590px;margin:auto}.maker{grid-template-columns:1fr}.preview-panel{border-right:0;border-bottom:1px solid var(--ink)}.portrait-products,.sticker-benefits{grid-template-columns:1fr}.style-card{display:grid;grid-template-columns:120px 1fr;column-gap:17px}.style-card i{grid-row:1/3;height:95px;margin:0}.tool-heading{grid-template-columns:45px 1fr}.tool-heading small{display:none}}@media(max-width:540px){.site-header,main,footer{width:calc(100% - 28px)}.brand{font-size:16px}.brand-mark{width:30px;height:30px}.language-picker span{display:none}.mode-nav button{padding:9px 5px}.mode-nav button b{font-size:9px}.mode-nav button span{display:none}.mode-hero{padding:48px 0;gap:35px}.hero-copy h1{font-size:55px;letter-spacing:-4px}.lead{font-size:15px;margin:23px 0}.pixel-hero-art{min-height:335px}.pixel-cat{transform:scale(.7)}.portrait-art,.sticker-art{padding:13px}.tool-heading{padding-top:55px}.tool-heading h2{font-size:29px}.preview-panel{padding:14px}.controls{padding:24px 17px}.palettes{grid-template-columns:repeat(2,1fr)}.future-cta{padding:24px 20px}.future-cta button{display:none}footer{flex-wrap:wrap;padding:23px 0;gap:10px}footer .brand{width:100%}}

.language-links{display:flex;align-items:center;gap:5px}.language-links a{color:var(--muted);text-decoration:none;border:1px solid var(--line);padding:4px 6px}.language-links a[aria-current=page]{background:var(--ink);color:var(--panel);border-color:var(--ink)}