@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap";:root{--accent: #7fc7af}oot{--accent: #7fc7af}html,body,#root{height:100%;margin:0;background:#0f0f12;color:#f7f7f7;font-family:Inter,system-ui,Arial}button{border:none;border-radius:12px;padding:10px 14px;background:var(--accent);color:#0f0f12;font-weight:600;cursor:pointer}button.ghost{background:#1b1b22;color:#ddd;border:1px solid #2a2a32}button:disabled{opacity:.6;cursor:not-allowed}.panel{position:fixed;inset:auto 16px 16px auto;display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:#141419cc;border:1px solid #262633;border-radius:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.row{display:flex;gap:8px;align-items:center}.slider{width:150px}.tag{padding:10px;border-radius:9999px;background:#f095eb;border:1px solid #2b2b37;color:#000;width:100px;font-size:700}.topbar{position:fixed;top:16px;left:16px;display:flex;gap:8px}.ui-html{pointer-events:auto}textarea.notepad{width:460px;height:280px;padding:12px;border-radius:12px;border:1px solid #d8d8de;outline:none;background:#d8d8de;color:#2a201a;font-size:18px;line-height:1.4}.canvas-wrap{display:flex;flex-direction:column;gap:8px;align-items:flex-start}canvas.draw{background:#fff;border-radius:12px;border:1px solid #ddd;box-shadow:0 8px 20px #00000040}label.small{font-size:12px;opacity:.8}.exit-btn{position:absolute;top:20px;left:20px;background:#7fc7af;color:#fff;border:none;border-radius:12px;padding:10px 16px;font-size:1rem;cursor:pointer;transition:.3s}.exit-btn:hover{background:#6ab099}@keyframes wave{0%{transform:scaleY(.5);opacity:.6}to{transform:scaleY(1.3);opacity:1}}