:root{--accent:#2563eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}:root,:root[data-theme=light]{--bg:#f8fafc;--bar:#fff;--bar-fg:#1e293b;--bar-border:#e2e8f0;--btn:#f1f5f9;--btn-fg:#334155;--muted:#94a3b8}:root[data-theme=dark]{--bg:#0b1120;--bar:#0f172a;--bar-fg:#e2e8f0;--bar-border:#1e293b;--btn:#1e293b;--btn-fg:#cbd5e1;--muted:#64748b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}.app{flex-direction:column;height:100%;display:flex}.toolbar{background:var(--bar);color:var(--bar-fg);border-bottom:1px solid var(--bar-border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:flex}.brand{margin-right:4px}.ver{color:var(--muted);letter-spacing:.03em;border:1px solid var(--bar-border);border-radius:5px;margin-right:6px;padding:2px 5px;font-size:10px;font-weight:600}.group{align-items:center;gap:4px;display:flex}.grp-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:2px;font-size:11px}.sep{background:var(--bar-border);width:1px;height:22px;margin:0 4px}.spacer{flex:1}.hint{color:var(--muted);font-size:12px}.tool{border:1px solid var(--bar-border);background:var(--btn);min-width:30px;height:30px;color:var(--btn-fg);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.tool:hover{border-color:var(--accent)}.tool.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ghost{border:1px solid var(--bar-border);background:var(--btn);height:30px;color:var(--btn-fg);cursor:pointer;border-radius:7px;padding:0 12px;font-size:13px}.ghost:hover{border-color:var(--accent)}.swatch{align-items:center;display:inline-flex}.swatch input[type=color]{border:1px solid var(--bar-border);background:var(--btn);cursor:pointer;border-radius:7px;width:30px;height:30px;padding:0}.stage{flex:1;position:relative;overflow:hidden}.board-wrap{position:absolute;top:0;bottom:0;left:0;right:0}.board{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.loading{color:var(--muted);padding:24px}.editor{display:flex;position:absolute}.editor textarea{resize:none;border:2px solid var(--accent);background:var(--bar);width:100%;height:100%;color:var(--bar-fg);text-align:center;border-radius:8px;outline:none;padding:8px;font-family:inherit;line-height:1.25;overflow:hidden;box-shadow:0 6px 20px #00000040}.editor .del{color:#fff;cursor:pointer;background:#ef4444;border:0;border-radius:50%;width:22px;height:22px;padding:0;font-size:12px;line-height:1;position:absolute;top:-10px;right:-10px}