:root{--lav-0:#f6f0ff;--lav-1:#ead7ff;--lav-2:#c9a9ff;--lav-3:#a887ff;--lav-4:#7b5cff;--lavender:#c7b6ff;--lavender-deep:#8a72ff;--pink-1:#ffd7ef;--mint-1:#c1e1c1;--cream:#fff8ef;--ink:#2e1f36;--ink-soft:#5e3b6f;--glass:rgba(255,255,255,.42);--glass-strong:rgba(255,255,255,.62)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--ink)}.app-container{min-height:100vh;display:flex}.blur-overlay{flex:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,var(--glass),rgba(255,255,255,.18));display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#faf2ffbf;-webkit-backdrop-filter:saturate(120%) blur(10px);backdrop-filter:saturate(120%) blur(10px);border-bottom:2px solid var(--lav-3);font-family:Pixelify Sans,Inter,sans-serif;letter-spacing:.2px}.brand{display:flex;align-items:center;gap:8px}.brand-glyph{display:inline-block;transform:translateY(-1px);color:var(--lav-4)}.brand-text{color:var(--ink-soft);font-weight:800;text-shadow:0 1px 0 #fff,0 2px 0 rgba(0,0,0,.06)}.donate-btn{color:#fff;text-decoration:none;border-radius:10px;border:2px solid var(--lavender-deep);box-shadow:0 3px 0 var(--lavender-deep);padding:6px 12px;font-weight:800;transition:transform .1s ease}.donate-btn.lavender{background:linear-gradient(180deg,var(--lavender),var(--lav-2))}.donate-btn:active{transform:translateY(1px)}.panel{max-width:1120px;margin:18px auto 36px;padding:18px;background:var(--cream);border:2px solid var(--lav-3);box-shadow:0 10px 0 var(--lav-3),0 18px 40px #2b174040}.foot{text-align:center;color:var(--ink-soft);font-size:12px;margin:2px 0 18px}.cards{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:980px){.cards{grid-template-columns:1fr 1fr 1fr}}.card{background:#fff;border:2px solid var(--lav-3);box-shadow:0 6px 0 var(--lav-3),0 14px 26px #281a3a2e;padding:14px;border-radius:12px}.h{font-family:Pixelify Sans,Inter,sans-serif;margin:0 0 10px;color:var(--ink-soft)}.drop{position:relative;border:2px dashed var(--lav-3);padding:12px;background:var(--lav-0);border-radius:8px}.file{width:100%}.hint{display:flex;flex-direction:column;gap:2px;margin-top:6px;color:var(--ink-soft)}.hint-title{font-family:Pixelify Sans,Inter,sans-serif;font-weight:700;font-size:14px}.hint-sub{font-size:12px}.status{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--ink-soft)}.star{display:inline-block;opacity:.7}.star.spin{animation:twinkle 1.6s ease-in-out infinite}@keyframes twinkle{0%,to{transform:rotate(0) scale(1);opacity:.6}50%{transform:rotate(18deg) scale(1.05);opacity:1}}.preview-frame{position:relative;border:2px solid var(--lav-3);border-radius:8px;box-shadow:0 6px 0 var(--lav-3),0 14px 26px #281a3a2e}.preview-frame.transparent{background:repeating-conic-gradient(from 45deg,#7878a026 0% 25%,#ffffffb3 0% 50%) 0 0 / 32px 32px}.preview-frame.black{background:#000}.preview-frame.white{background:#fff}.preview{width:100%;height:auto;display:block;aspect-ratio:1/1}.controls-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}.control{display:flex;align-items:center;gap:8px}.control.bgpick{border:1px dashed var(--lav-2);padding:6px 8px;border-radius:8px}.badge{font-weight:200;color:var(--ink-soft);background:#f0e9ff;border:1px solid var(--lav-3);padding:2px 6px;border-radius:6px}.badge.soft{background:#f0e9ff;font-size:12px;text-align:center}.btn.toggle{border:2px solid var(--lav-3);padding:8px 10px;min-width:110px;text-align:center;font-weight:800;cursor:pointer;border-radius:10px;box-shadow:0 5px 0 var(--lav-3);background:linear-gradient(180deg,var(--lav-1),var(--lav-0))}.btn.toggle.on{border-color:var(--lavender-deep);box-shadow:0 5px 0 var(--lavender-deep);animation:pulseBorder 1.8s infinite ease-in-out}.btn.toggle.off{background:linear-gradient(180deg,#fff,#f7f2ff)}.social-icons{margin-top:12px;display:flex;justify-content:center;gap:8px}.social-icons img{width:16px;height:16px}@keyframes pulseBorder{0%,to{box-shadow:0 5px 0 var(--lavender-deep),0 0 #8a72ff59}50%{box-shadow:0 5px 0 var(--lavender-deep),0 0 0 6px #8a72ff00}}.sheet-frame{position:relative;background:#fff;border:2px solid var(--lav-3);border-radius:8px;box-shadow:0 6px 0 var(--lav-3),0 14px 26px #281a3a2e}.sheet{width:100%;height:auto;display:block;image-rendering:pixelated;border-radius:6px}.placeholder{display:grid;place-items:center;aspect-ratio:1/1;color:var(--ink-soft);font-size:12px}.buttons{display:flex;gap:10px;margin-top:10px;justify-content:center}.btn{border:2px solid var(--lav-3);padding:8px 10px;background:linear-gradient(180deg,var(--lav-1),var(--lav-0));color:var(--ink-soft);font-weight:800;cursor:pointer;box-shadow:0 5px 0 var(--lav-3);border-radius:10px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.candy{background:linear-gradient(180deg,var(--pink-1),var(--lav-1))}.btn.ghost{background:linear-gradient(180deg,#fff,var(--cream))}