:root{color:#30251b;font-synthesis:none;text-rendering:optimizelegibility;background:#fff4d8;font-family:Nunito,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 0,#fffdf4 0 18%,#0000 34%),linear-gradient(135deg,#fff5d9,#f7dfb7);min-width:320px;margin:0}button,label{font:inherit;color:inherit;cursor:pointer}.shell{width:min(1180px,100% - 32px);margin:22px auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-shell,.workspace,.info article,.topbar,.palette-card,.panel,.canvas-card{border:3px solid #34281d;border-radius:28px;box-shadow:0 8px #34281d20}.hero-shell{background:#fffaf0;padding:18px}.topbar{background:#fffdf7;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.logo{color:#312419;letter-spacing:-.04em;font-family:"Baloo 2",cursive;font-size:clamp(28px,4vw,46px);font-weight:800;text-decoration:none}.logo-button{background:0 0;border:0;padding:0}.logo span:first-child,.logo span:nth-child(8){color:#f15d4a}.logo span:nth-child(2),.logo span:nth-child(9){color:#f7c64b}.logo span:nth-child(3),.logo span:nth-child(10){color:#58a9d6}.logo span:nth-child(4),.logo span:nth-child(11){color:#6fb16d}.logo span:nth-child(5){color:#d883a1}.logo span:nth-child(6){color:#8064af}.logo b{color:#312419;letter-spacing:0;margin:0 .2em;font-size:.5em}.tagline,.eyebrow{color:#6c5842;letter-spacing:.08em;text-transform:uppercase;border:2px dashed #a28a6f;border-radius:999px;margin:0;padding:8px 13px;font-size:12px;font-weight:900}.hero-grid{grid-template-columns:1.3fr .7fr;align-items:center;gap:20px;padding:46px 18px 22px;display:grid}h1{letter-spacing:-.04em;margin:18px 0;font-family:"Baloo 2",cursive;font-size:clamp(48px,8vw,94px);line-height:.86}.subtitle{margin:0 0 12px;font-size:clamp(22px,3vw,34px);font-weight:900;line-height:1.08}.description{color:#705d48;max-width:720px;font-size:18px;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin:24px 0 12px;display:flex}.upload-card{background:#fffdf6;border:3px dashed #574535;border-radius:24px;place-items:center;min-width:300px;min-height:118px;padding:18px;display:grid;position:relative;box-shadow:inset 0 0 0 5px #f8edd8}.upload-card strong{font-size:20px}.upload-card small{color:#796650}.compact-upload{align-self:center;min-width:210px;min-height:96px}.result-title-row{justify-content:space-between;align-items:center;gap:24px;padding:32px 18px 16px;display:flex}.result-title-row h1{margin-bottom:8px}.result-hero{padding-bottom:18px}.demo-button,.download-button,.frame-button{background:#ff755f;border:3px solid #33271c;border-radius:999px;align-items:center;gap:8px;padding:13px 18px;font-weight:900;display:inline-flex;box-shadow:0 5px #34281d26}.privacy{color:#604f3d;align-items:center;gap:8px;font-weight:800;display:flex}.feature-stack{gap:14px;display:grid}.feature-stack article{background:#fffdf6;border:2px solid #3a2b20;border-radius:22px;gap:4px;padding:18px;display:grid;box-shadow:0 5px #34281d15}.feature-stack svg{color:#f0684e}.feature-stack h3{margin:0;font-size:18px}.feature-stack span{color:#735f4a}.workspace{background:#f9e6bf;grid-template-columns:330px 1fr;gap:18px;padding:18px;display:grid}.panel{background:#fffdf6;padding:16px}.preset-list{gap:10px;display:grid}.preset-card{text-align:left;background:#fffaf0;border:2px solid #3a2b20;border-radius:18px;grid-template-columns:34px 1fr auto;align-items:center;gap:2px 10px;padding:13px;display:grid;box-shadow:0 4px #34281d14}.preset-card.selected{background:#bbe6ff;box-shadow:0 5px #2d6f9640}.preset-card small{color:#715d47;grid-column:2/3}.preset-card em{color:#5a4937;grid-area:1/3/span 2;font-family:DM Mono,monospace;font-size:12px;font-style:normal}.preset-icon{background:#fff7dc;border:2px solid #34281d;border-radius:7px;grid-row:1/span 2;width:24px;height:24px}.control-group{margin-top:20px}h3{letter-spacing:.14em;margin:0 0 10px;font-size:13px}.brush-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.brush-grid button{background:#fffaf0;border:2px solid #34281d;border-radius:16px;place-items:center;min-height:68px;font-weight:900;display:grid}.brush-grid button.selected{background:#ff755f}.brush-grid i{background:#34281d;border-radius:3px;display:block}.dashed-note{background:#fff8da;border:2px dashed #c9a85a;border-radius:14px;padding:10px;font-weight:900}.hint{color:#796650;font-size:14px}.slider-row{gap:8px;margin-top:16px;display:grid}.slider-row span{justify-content:space-between;font-weight:900;display:flex}.slider-row b{background:#ffdb61;border:2px solid #34281d;border-radius:999px;padding:2px 10px}input[type=range]{accent-color:#ff755f;width:100%}.ghost,.replace{background:#fffaf0;border:2px dashed #8f765e;border-radius:17px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:12px;font-weight:900;display:flex}.replace{flex-direction:column}.replace small{color:#796650}.frame-toggle{align-items:center;gap:10px;margin-bottom:8px;font-weight:900;display:flex}.frame-toggle input[type=checkbox]{accent-color:#ff755f;width:20px;height:20px}.canvas-area{gap:14px;min-width:0;display:grid}.summary-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;display:flex}.summary-bar strong,.summary-bar span{background:#fffdf6;border:2px solid #34281d;border-radius:999px;padding:9px 12px;font-family:DM Mono,monospace;font-size:13px;font-weight:900}.summary-bar span{background:#ffdb61}.canvas-card{background:#f7dda5;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:610px;padding:24px;display:flex;position:relative;overflow:hidden}.pixel-preview-container{justify-content:center;align-items:center;width:100%;transition:transform .2s;display:flex}.pixel-preview{image-rendering:pixelated;background:#fff7e8;border:3px solid #33271c;margin:auto;display:grid;box-shadow:0 8px #34281d1f}.pixel-preview span{border-bottom:1px solid #00000012;border-right:1px solid #00000012}.zoom{background:#ffdb61;border:3px solid #34281d;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-weight:900;display:flex;position:absolute;bottom:24px;left:24px}.zoom button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:4px;display:grid}.zoom button:hover{background:#34281d20}.download-wrap{position:absolute;bottom:24px;right:24px}.download-button{background:#ffdb61}.download-button .up{transform:rotate(180deg)}.download-menu{z-index:2;background:#fffdf6;border:3px solid #34281d;border-radius:22px;grid-template-columns:1fr 1fr;gap:8px;width:min(520px,100vw - 72px);padding:14px;display:grid;position:absolute;bottom:62px;right:0;box-shadow:0 8px #34281d20}.download-menu button{text-align:left;background:0 0;border:0;border-radius:14px;gap:3px;padding:12px;display:grid}.download-menu button:hover{background:#fff1c8}.download-menu small{color:#74614b}.download-menu .wide{grid-column:1/-1}.download-notice{background:#fffdf6;border:2px solid #34281d;border-radius:999px;margin:0;padding:8px 12px;font-weight:900;position:absolute;bottom:82px;right:24px;box-shadow:0 4px #34281d14}.palette-card{background:#fffdf6;padding:20px}.palette-card h2,.info h2{margin:0 0 2px;font-family:"Baloo 2",cursive;font-size:36px}.palette-card p{color:#735f4a;margin-top:0}.swatches{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:10px;display:grid}.swatches button{background:0 0;border:0;place-items:center;min-height:66px;display:grid;position:relative}.swatches span{border:2px solid #34281d;border-radius:48% 52% 44% 56%/58% 42% 60% 40%;width:58px;height:38px;box-shadow:inset 0 0 0 3px #ffffff50}.swatches .used span{outline:3px solid #34281d}.swatches i{color:#ffdb61;background:#34281d;border-radius:50%;width:22px;height:22px;font-style:normal;font-weight:900;line-height:22px;position:absolute;top:29px;right:15px}.swatches small{font-family:DM Mono,monospace;font-size:11px}.info{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.info article{background:#fffdf6;padding:26px}ol{gap:14px;margin:18px 0 0;padding-left:24px;display:grid}li span{color:#705d48;margin-top:3px;display:block}.disclaimer{background:#fff0bf!important}.faq{background:#fffdf6;border:3px solid #34281d;border-radius:28px;padding:26px;box-shadow:0 8px #34281d20}.faq h2{margin:0 0 16px;font-family:"Baloo 2",cursive;font-size:36px}.faq details{border-bottom:2px dashed #e8dcc8;padding:14px 0}.faq details:last-of-type{border-bottom:0}.faq summary{cursor:pointer;align-items:center;gap:10px;font-size:17px;font-weight:700;list-style:none;display:flex}.faq summary:before{content:"+";color:#ffdb61;background:#34281d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:800;display:inline-flex}.faq details[open] summary:before{content:"−"}.faq summary::-webkit-details-marker{display:none}.faq details p{color:#705d48;margin:10px 0 4px 38px;line-height:1.6}@media (width<=900px){.hero-grid,.workspace,.info{grid-template-columns:1fr}.topbar,.result-title-row{flex-direction:column;align-items:flex-start;gap:10px}.canvas-card{min-height:520px}.download-menu{grid-template-columns:1fr}}