:root{color-scheme:light;--font: system-ui, sans-serif;--canvas-color: #e4ebf1;--surface: #ffffff;--surface-hover: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--shadow-soft: rgba(15, 23, 42, .12);--accent: #2563eb}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--canvas-color)}#paper-container{position:absolute;inset:0;overflow:scroll;background-color:var(--canvas-color)}.joint-port:hover [joint-selector=portBody]{fill:#2563eb}.joint-type-standard-ellipse.link-target [joint-selector=body],.joint-type-standard-ellipse [joint-selector=body].link-target{fill:#eff6ff;stroke:#3b82f6;stroke-width:2;stroke-dasharray:5 3;filter:none}.toolbar{position:absolute;top:10px;left:10px;z-index:1;display:flex;gap:6px}.toolbar button{height:32px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;cursor:pointer;box-shadow:0 1px 3px var(--shadow-soft);transition:background-color .1s ease-out,border-color .1s ease-out}.toolbar button:hover{background:var(--surface-hover);border-color:var(--accent)}#logo-link{position:absolute;bottom:20px;right:20px}#logo{display:block}