body{color:#fff;background:#1b1530;place-items:center;min-height:100vh;margin:0;font-family:system-ui,sans-serif;display:grid}main{text-align:center;padding:16px}h1{color:#ffd84d;margin:0;font-size:2.4rem}.sub{color:#c9bff0;margin:4px 0 16px}#art{width:min(80vw,400px);height:min(80vw,400px);image-rendering:pixelated;background:#2b2350;border:4px solid #ffd84d;border-radius:8px}.controls{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0;display:flex}label{flex-direction:column;gap:4px;font-size:.9rem;display:flex}select{border-radius:6px;padding:8px;font-size:1rem}button{cursor:pointer;background:#ffd84d;border:0;border-radius:8px;padding:12px 22px;font-size:1.1rem}button.second{background:#7be0a8}button:hover{filter:brightness(1.1)}#chat{text-align:left;max-width:420px;margin:16px auto 0}#log{flex-direction:column;gap:6px;max-height:140px;display:flex;overflow-y:auto}#log p{border-radius:12px;max-width:85%;margin:0;padding:8px 12px}#log .bot{background:#3a2f6b;align-self:flex-start}#log .me{color:#000;background:#ffd84d;align-self:flex-end}#ask{gap:8px;margin-top:8px;display:flex}#prompt{border:0;border-radius:8px;flex:1;padding:10px;font-size:1rem}#tabs{justify-content:center;gap:8px;margin-bottom:16px;display:flex}#tabs button{color:#fff;background:#3a2f6b}#tabs button.on{color:#000;background:#ffd84d}[hidden]{display:none!important}#editor{width:min(80vw,400px);height:min(80vw,400px);image-rendering:pixelated;touch-action:none;cursor:crosshair;background:#2b2350;border:4px solid #ffd84d;border-radius:8px}#colors{grid-template-columns:repeat(8,36px);justify-content:center;gap:6px;margin-top:12px;display:grid}#colors button{border:3px solid #0000;border-radius:50%;width:36px;height:36px;padding:0}#colors button.on{border-color:#fff}#grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-width:640px;display:grid}.card{background:#2b2350;border-radius:8px;padding:8px}.card canvas{width:100%;image-rendering:pixelated;cursor:pointer}.card button{margin:4px 2px 0;padding:6px 10px;font-size:.85rem}#eerase.active{background:#e91e8c;outline:3px solid #fff}
