: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);--donate-h:36px;--donate-px:12px;--bgpick-width:300px;--langbtn-w:84px}*{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;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,var(--glass),rgba(255,255,255,.18))}.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;flex:1}.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{display:inline-flex;align-items:center;justify-content:center;height:var(--donate-h);padding:0 var(--donate-px);line-height:1;font-weight:800;font-family:inherit;color:inherit;text-decoration:none;cursor:pointer;border-radius:10px;border:2px solid var(--lavender-deep);box-shadow:0 3px 0 var(--lavender-deep);background:none;transition:transform .1s ease,background .15s ease,color .15s ease}button.donate-btn{-webkit-appearance:none;appearance:none}.donate-btn.lavender{background:linear-gradient(180deg,var(--lavender),var(--lav-2));color:#fff;font-weight:800}.donate-btn:active{transform:translateY(1px);box-shadow:0 3px 0 var(--lavender-deep)}.lang-toggle{min-width:var(--langbtn-w);text-align:center}.panel{position:relative;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{margin:2px 0 18px;text-align:center;color:var(--ink-soft);font-size:12px}.cards{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:980px){.cards{grid-template-columns:1fr 1fr 1fr}}.card{padding:14px;background:#fff;border:2px solid var(--lav-3);border-radius:12px;box-shadow:0 6px 0 var(--lav-3),0 14px 26px #281a3a2e}.h{margin:0 0 10px;color:var(--ink-soft);font-family:Pixelify Sans,Inter,sans-serif}.drop{position:relative;padding:12px;border:2px dashed var(--lav-3);border-radius:8px;background:var(--lav-0)}.file{width:100%}.hint{display:flex;flex-direction:column;gap:2px;margin-top:6px;color:var(--ink-soft)}.hint-title{font-size:14px;font-weight:700;font-family:Pixelify Sans,Inter,sans-serif}.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{display:block;width:100%;height:auto;aspect-ratio:1/1}.controls-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:10px}.control{display:flex;align-items:center;gap:8px}.control.bgpick{order:2;width:var(--bgpick-width);flex:0 0 var(--bgpick-width);padding:6px 8px;border:1px dashed var(--lav-2);border-radius:8px}.control.bgpick legend,.control.bgpick label{white-space:nowrap}.control.bgpick+.control.bgpick{margin-top:-16px}.controls-row:after{content:"";order:2;flex-basis:100%}.badge{padding:2px 6px;color:var(--ink-soft);background:#f0e9ff;border:1px solid var(--lav-3);border-radius:6px;font-weight:200}.badge.soft{font-size:12px;text-align:center}.btn.toggle{order:3;min-width:110px;text-align:center;padding:8px 10px;border:2px solid var(--lav-3);border-radius:10px;background:linear-gradient(180deg,var(--lav-1),var(--lav-0));box-shadow:0 5px 0 var(--lav-3);font-weight:800;cursor:pointer}.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{display:flex;justify-content:center;gap:8px;margin-top:12px}.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}}.header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.page-drop-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#c7b6ff2e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;z-index:9999}.page-drop-card{padding:28px 36px;text-align:center;font-weight:700;background:#ffffffb8;border:3px solid var(--lav-3);border-radius:16px;box-shadow:0 10px 30px #00000026}.page-drop-icon{font-size:42px;line-height:1;margin-bottom:8px}.page-drop-title{font-size:18px;margin-bottom:4px}.page-drop-sub{font-size:13px;opacity:.75}.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{display:block;width:100%;height:auto;border-radius:6px;image-rendering:pixelated}.placeholder{display:grid;place-items:center;aspect-ratio:1/1;color:var(--ink-soft);font-size:12px}.buttons{display:flex;justify-content:center;gap:10px;margin-top:10px}.btn{padding:8px 10px;color:var(--ink-soft);background:linear-gradient(180deg,var(--lav-1),var(--lav-0));border:2px solid var(--lav-3);border-radius:10px;box-shadow:0 5px 0 var(--lav-3);font-weight:800;cursor:pointer}.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))}.cloud-mascot{--rot:-3deg;position:absolute;top:110px;left:-345px;right:auto;width:220px;display:flex;flex-direction:column;align-items:center;gap:0;transform:translateY(0) rotate(var(--rot));animation:cloud-bob 3.2s ease-in-out infinite;pointer-events:none;z-index:10;transition:left .35s ease,right .35s ease,transform .35s ease}.cloud-mascot.right{left:auto;right:-345px;--rot:3deg}.cloud-svg{display:block;width:200px;height:auto}.cloud-bubble{position:relative;max-width:220px;padding:10px 12px;text-align:center;color:var(--ink-soft);background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 5px 0 var(--lav-3);font-family:Pixelify Sans,Inter,sans-serif;font-weight:500;font-size:13px;line-height:1.25;transform:rotate(0);pointer-events:auto}.cloud-bubble:before{content:"";position:absolute;inset:-2px;padding:2px;border-radius:inherit;background:linear-gradient(90deg,var(--pink-1),var(--lav-2),var(--lav-3),var(--mint-1),var(--pink-1));background-size:300% 100%;animation:rainbowShift 8s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.cloud-bubble a{color:var(--lav-4);font-weight:800;text-decoration:underline}.cloud-bubble:after{content:"";position:absolute;top:-7px;left:22px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff;filter:drop-shadow(0 -2px 0 var(--lav-3))}.cloud-bubble.right:after{left:auto;right:22px}@keyframes cloud-bob{0%,to{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-9px) rotate(var(--rot))}}@keyframes rainbowShift{0%{background-position:0% 0}to{background-position:300% 0}}@media (max-width:980px){.cloud-mascot{display:none}.panel{padding:18px}}