:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--canvas-text, #0f172a);background:var(--canvas-background, #f8fafc)}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--canvas-text, #0f172a);background:var(--canvas-background, #f8fafc)}button,input,textarea{font:inherit}button{cursor:pointer}.canvas-shell{min-height:100vh;padding:24px}.canvas-header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1120px;margin:0 auto 28px}.canvas-brand{display:flex;align-items:center;gap:10px;font-weight:700;color:inherit;text-decoration:none}.canvas-brand img{width:32px;height:32px}.canvas-main{max-width:1120px;margin:0 auto}.canvas-card{border:1px solid var(--canvas-border, #cbd5e1);border-radius:var(--canvas-radius-lg, 12px);background:var(--canvas-surface, white);padding:20px;box-shadow:0 10px 30px #0f172a0d}.canvas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.canvas-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.canvas-button{border:0;border-radius:var(--canvas-radius-md, 8px);padding:9px 14px;background:var(--canvas-accent, #1e40af);color:#fff}.canvas-button.secondary{background:var(--canvas-border, #e2e8f0);color:var(--canvas-text, #0f172a)}.canvas-button.danger{background:var(--canvas-danger, #b91c1c)}.canvas-input{width:100%;border:1px solid var(--canvas-border, #cbd5e1);border-radius:var(--canvas-radius-md, 8px);padding:9px 11px}.canvas-stage{min-height:580px;border:1px solid var(--canvas-border, #cbd5e1);border-radius:var(--canvas-radius-lg, 12px);position:relative;overflow:hidden;background-color:var(--canvas-surface, #fff);background-image:radial-gradient(var(--canvas-border, #cbd5e1) 1px,transparent 1px);background-size:24px 24px}.canvas-node{position:absolute;min-width:180px;max-width:300px;padding:14px;border:1px solid var(--canvas-accent, #1e40af);border-radius:var(--canvas-radius-md, 10px);background:var(--canvas-surface, #fff);box-shadow:0 6px 20px #0f172a14}.canvas-muted{color:var(--canvas-muted, #64748b)}.canvas-error{padding:16px;border-radius:var(--canvas-radius-md, 8px);background:color-mix(in srgb,var(--canvas-danger, #b91c1c) 15%,white);color:var(--canvas-danger, #991b1b)}@media(max-width:640px){.canvas-shell{padding:14px}.canvas-header{align-items:flex-start;flex-direction:column}}