:root,[data-theme=dark]{--canvas:#111;--canvas-bg:#111;--header:#1a1a1a;--panel:#3b3a38;--menu:#141414;--control:#f3f1ec;--on-control:#1a1a1a;--field:#ece9e3;--on-field:#1a1a1a;--text:#f3f1ec;--text-muted:#c8c4bc;--panel-text:#f3f1ec;--panel-muted:#d4d0c8;--danger:#f0b4ac;--hover:#2a2a2a;--canvas-dot:#3a3a3a;--node-fill:#111;--node-stroke:#f0f0f0;--node-selected:#fff;--label:#fff;--label-muted:#d4d0c8;--home-stroke:#d4d0c8;--home-fill:#ffffff14;--marquee-fill:#ffffff1a;--scroll-thumb:#2a2a2a;--sans:"Tienne", Georgia, serif;--serif:"Tienne", Georgia, serif;--active:#e8d5a8;--on-active:#1a1a1a;--select-fill:#e8d5a866;--accent:#e8d5a8}[data-theme=light]{--canvas:#f4f1ea;--canvas-bg:#f4f1ea;--header:#1f1e1c;--panel:#e8e2d6;--menu:#1a1a18;--control:#f4f1ea;--on-control:#1f1e1c;--field:#fbf9f4;--on-field:#1f1e1c;--text:#f4f1ea;--text-muted:#cfc9bd;--panel-text:#1f1e1c;--panel-muted:#5a574f;--danger:#ffb4ab;--hover:#2a2926;--canvas-dot:#d2cdc2;--node-fill:#f4f1ea;--node-stroke:#1f1e1c;--node-selected:#111;--label:#1f1e1c;--label-muted:#5a574f;--home-stroke:#5a574f;--home-fill:#1f1e1c14;--marquee-fill:#1f1e1c14;--scroll-thumb:#b8b2a6;--active:#b8892d;--on-active:#1f1e1c;--select-fill:#b8892d47;--accent:#b8892d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--text);background:var(--canvas);font-size:15px;font-weight:400}button,input,select{font-family:inherit}:focus{outline:none}:focus-visible{background:var(--control);color:var(--on-control)}.skip-link{z-index:30;background:var(--control);color:var(--on-control);border:none;border-radius:0;padding:10px 14px;font-weight:700;position:absolute;top:-48px;left:12px}.skip-link:focus{top:8px}.app{flex-direction:column;height:100%;display:flex}.app-header{background:var(--header);min-height:48px;color:var(--text);justify-content:space-between;align-items:center;gap:20px;padding:8px 18px;display:flex}.app-brand-block{flex-direction:row;align-items:center;gap:10px;min-width:0;height:32px;display:flex}.app-logo{flex-shrink:0;width:32px;height:32px;display:block}.app-brand{height:32px;font-family:var(--serif);letter-spacing:.01em;color:var(--text);flex-shrink:0;align-items:center;margin:0;font-size:26px;font-weight:700;line-height:1;display:flex}.header-menus{align-items:center;gap:0;margin-left:4px;display:flex}.app-header .tool-button{height:32px;padding:0 10px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.tool-button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:400;line-height:1;transition:background-color .16s,color .16s,transform .12s;display:inline-flex}.tool-button:hover:not(:disabled),.tool-button:focus-visible{background:var(--control);color:var(--on-control)}.tool-button:active:not(:disabled){background:var(--active);color:var(--on-active);transform:scale(.97)}.tool-button:disabled{opacity:.55;cursor:default}.tool-button-on,.tool-button[aria-expanded=true],.tool-button[aria-pressed=true]{background:var(--active);color:var(--on-active)}.tool-button-on:hover:not(:disabled),.tool-button[aria-expanded=true]:hover:not(:disabled),.tool-button[aria-pressed=true]:hover:not(:disabled){background:var(--control);color:var(--on-control)}.tool-button-danger{color:var(--danger)}.tool-button-danger:hover:not(:disabled),.tool-button-danger:focus-visible{background:var(--control);color:var(--danger)}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;-webkit-font-smoothing:antialiased;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-family:Material Symbols Outlined;font-size:18px;font-style:normal;font-weight:400;line-height:1;display:inline-flex;overflow:hidden}.file-menu{position:relative}.file-menu-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.file-menu-panel{background:var(--menu);z-index:20;border:none;border-radius:0;min-width:248px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 40px #00000073}.file-menu-item{width:100%;font:inherit;color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:24px;padding:9px 12px;font-size:13px;font-weight:400;line-height:1;transition:background-color .16s,color .16s;display:flex}.file-menu-item:hover:not(:disabled),.file-menu-item:focus-visible{color:#fff;background:#2e2e2e}.file-menu-item:disabled{color:#c8c8c8;cursor:default}.file-menu-item-danger{color:#ffb4ab}.file-menu-shortcut{color:#c8c8c8;font-size:11px;font-weight:400;line-height:1}.tool-caret{width:16px;height:16px;margin-left:2px;font-size:16px}.menu-section{letter-spacing:.08em;text-transform:uppercase;color:#c8c8c8;margin:8px 12px 4px;font-size:11px;font-weight:700}.menu-section:first-child{margin-top:2px}.lang-row{gap:6px;padding:4px 8px 8px;display:flex}.lang-button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:0;flex:1;align-items:center;gap:6px;padding:8px 10px;font-size:13px;line-height:1;display:inline-flex}.lang-button:hover,.lang-button:focus-visible{background:#2e2e2e}.lang-button[aria-pressed=true]{background:var(--active);color:var(--on-active)}.lang-flag{flex-shrink:0;width:20px;height:14px;display:block;box-shadow:0 0 0 1px #ffffff40}.menu-item-lead{align-items:center;gap:8px;display:inline-flex}.app-body{flex:1;min-height:0;display:flex}.app-workspace{background:var(--canvas);flex:1;min-width:0;min-height:0}.diagram-svg{-webkit-user-select:none;user-select:none;cursor:default;width:100%;height:100%;display:block}.diagram-svg.is-panning{cursor:grabbing}.diagram-svg.is-adding{cursor:crosshair}.person-node,.union-shape,.home-shape{cursor:pointer}.diagram-svg.is-adding .person-node,.diagram-svg.is-adding .union-shape,.diagram-svg.is-adding .home-shape{cursor:crosshair}.mode-banner{pointer-events:none}.inspector{background:var(--panel);width:300px;color:var(--panel-text);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;padding:0;display:flex;overflow:hidden}.inspector-body{flex-direction:column;flex:1;min-height:0;padding:18px 18px 16px;display:flex;overflow-y:auto}.donate-footer{flex-direction:column;flex-shrink:0;gap:8px;padding:12px 18px 16px;display:flex}.donate-footer.is-hidden{display:none}.donate-label{letter-spacing:.08em;text-transform:uppercase;color:var(--panel-muted);margin:0;font-size:12px;font-weight:700}#donate-button-container,#donate-button{line-height:0}#donate-button iframe,#donate-button img{width:auto;max-height:32px;display:block}.inspector-stack{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.inspector .tool-button{width:100%;color:var(--panel-text);justify-content:flex-start}.inspector .tool-button:hover:not(:disabled),.inspector .tool-button:focus-visible{background:var(--control);color:var(--on-control)}.inspector .tool-button:active:not(:disabled),.inspector .tool-button[aria-pressed=true]{background:var(--active);color:var(--on-active)}.inspector-title{font-family:var(--serif);letter-spacing:.04em;text-transform:uppercase;color:var(--panel-muted);margin:0;font-size:18px;font-weight:700}.inspector-hint{color:var(--panel-muted);margin:0;font-size:14px;line-height:1.45}.selected-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.selected-list li{color:var(--panel-text);background:var(--select-fill);padding:6px 8px;font-size:14px}.field{letter-spacing:.04em;text-transform:uppercase;color:var(--panel-muted);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.field input,.field select{font:inherit;letter-spacing:0;text-transform:none;color:var(--on-field);background:var(--field);-webkit-user-select:text;user-select:text;border:none;border-radius:0;outline:none;padding:9px 11px;font-size:14px;font-weight:400}.field input:focus,.field select:focus{color:#141414;background:#fff}.inspector-legend{flex-direction:column;gap:8px;margin-top:auto;padding-top:20px;display:flex}.inspector-subtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--panel-muted);margin:8px 0 0;font-size:12px;font-weight:700}.check{letter-spacing:0;text-transform:none;color:var(--panel-text);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:400;line-height:1;display:flex}.check input{accent-color:var(--control);flex-shrink:0;width:16px;height:16px;margin:0}.swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}.swatch.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.legend-row{color:var(--panel-muted);align-items:center;gap:8px;margin:0;font-size:13px;line-height:1;display:flex}.inspector-body::-webkit-scrollbar{width:10px}.inspector-body::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}@media (prefers-reduced-motion:reduce){.tool-button,.file-menu-item{transition:none}.tool-button:active:not(:disabled){transform:none}}@media (forced-colors:active){.tool-button,.file-menu-item,.field input,.field select,.file-menu-panel{border:1px solid buttontext}.person-node.is-selected,.union-shape.is-selected,.home-shape.is-selected{outline-offset:4px;outline:3px solid highlight}}