:root{--bg: #1f2430;--panel: #2a3040;--panel-2: #353c50;--line: #434b63;--text: #e6e9f0;--muted: #9aa3bd;--accent: #5b8cff;--accent-2: #ff7a90;--danger: #ff5d6c;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}@font-face{font-family:ComicFont;src:local("Comic Sans MS"),local("Chalkboard SE");font-display:swap}.app{display:flex;flex-direction:column;height:100%;max-width:720px;margin:0 auto}.topbar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.topbar h1{font-size:16px;margin:0;flex:1}.tabs{display:flex;gap:6px}button,.btn{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-height:40px;cursor:pointer;-webkit-user-select:none;user-select:none}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.ghost{background:transparent}button.active{background:var(--accent);border-color:var(--accent);color:#fff}button.icon{min-width:44px;min-height:44px;padding:0;font-size:18px}button:disabled{opacity:.4;cursor:default}.content{flex:1;overflow:auto;min-height:0}.stage-wrap{display:flex;align-items:center;justify-content:center;background:#11141c;touch-action:none;padding:8px}.toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;background:var(--panel);border-top:1px solid var(--line)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:8px}.section{padding:12px}.section h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.tile{background:var(--panel-2);border:2px solid var(--line);border-radius:10px;padding:6px;text-align:center;font-size:12px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.tile.selected{border-color:var(--accent)}.tile.none{color:var(--muted)}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid var(--line)}input[type=text],input[type=search],textarea,select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}input[type=color]{width:44px;height:40px;padding:2px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2)}input[type=range]{width:100%}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.list-card{display:flex;align-items:center;gap:10px;padding:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;margin-bottom:8px}.list-card .grow{flex:1}.empty{text-align:center;color:var(--muted);padding:40px 16px}.chip{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet-body{background:var(--panel);width:100%;max-width:720px;max-height:80vh;overflow:auto;border-radius:16px 16px 0 0;border-top:1px solid var(--line)}