*{box-sizing:border-box}html,body,#root{color:#1f2328;-webkit-font-smoothing:antialiased;background:#fbfbfa;height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.canvas{-webkit-user-select:none;user-select:none;touch-action:none;background-image:radial-gradient(circle,#d8dadd 1px,#0000 1.2px);position:fixed;inset:0}.canvas svg{display:block}.label-editor{resize:none;color:#1f2328;caret-color:#2f6feb;background:0 0;border:none;outline:none;margin:0;position:absolute;overflow:hidden}.bar{background:#fff;border:1px solid #e1e4e8;border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0000000f}.toolbar{top:12px}.stylebar{bottom:16px}.bar button{min-width:32px;height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:0 6px;font-size:15px;display:grid;position:relative}.bar button:hover{background:#f3f4f6}.bar button.on{color:#2f6feb;background:#e8effd}.bar .key{color:#8c959f;font-size:8px;position:absolute;bottom:1px;right:3px}.bar .sep{background:#e1e4e8;width:1px;height:20px;margin:0 4px}.swatch{border:1px solid #c9ced4;border-radius:50%;width:16px;height:16px}.help{background:#00000026;place-items:center;display:grid;position:fixed;inset:0}.help-card{background:#fff;border-radius:12px;width:min(560px,100vw - 32px);max-height:80vh;padding:20px 24px;overflow:auto;box-shadow:0 8px 40px #00000026}.help-card h2{margin:0 0 12px;font-size:15px}.help-card dl{grid-template-columns:1fr 1fr;gap:6px 24px;margin:0;font-size:13px;display:grid}.help-card dl div{gap:12px;display:flex}.help-card dt{color:#57606a;min-width:72px;font-family:ui-monospace,monospace}.help-card dd{margin:0}