:root{font-synthesis:none;color:#1d2933;--text:#1d2933;--muted:#6a7784;--surface:#fff;--border:#d7dfe5;--border-strong:#bcc8d0;--accent:#24658e;background:#dfe5e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft JhengHei,Noto Sans TC,sans-serif}*{box-sizing:border-box}html,body{min-width:1180px;min-height:100%;margin:0;overflow:hidden}body{background:#dfe5e9;min-height:100vh}button,input,select,textarea{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;outline:2px solid #6ca4c7}.app-shell{background:#dfe5e9;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;min-height:720px;display:grid}.workspace{grid-template-columns:224px minmax(0,1fr) 290px;min-height:0;display:grid;overflow:hidden}.diagram-panel{min-width:0;min-height:0;overflow:hidden}.right-rail{background:#fff;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.right-rail>.inspector{width:100%;min-width:0}.toast{z-index:100;color:#fff;background:#192b38f0;border:1px solid #95a8b5;border-radius:7px;max-width:520px;padding:9px 14px;font-size:11px;position:fixed;bottom:52px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0f172a3d}@media (width<=1320px){.workspace{grid-template-columns:210px minmax(0,1fr) 270px}}.canvas-shell.svelte-1ka5p0t{background:#dfe5e9;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}svg.svelte-1ka5p0t{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.zoom-controls.svelte-1ka5p0t{background:#fffffff0;border:1px solid #cad5dd;border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 4px 16px #0f172a1f}.zoom-controls.svelte-1ka5p0t button:where(.svelte-1ka5p0t){color:#334d61;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:29px;height:29px;display:grid}.zoom-controls.svelte-1ka5p0t button:where(.svelte-1ka5p0t):hover{background:#edf3f7}.zoom-controls.svelte-1ka5p0t span:where(.svelte-1ka5p0t){color:#536273;text-align:center;min-width:44px;font-size:10px;font-weight:700}.canvas-hint.svelte-1ka5p0t{color:#637180;background:#ffffffe6;border-radius:6px;padding:6px 9px;font-size:9px;position:absolute;bottom:16px;right:14px;box-shadow:0 2px 10px #0f172a14}