:root{--eon-navy:#060d2f;--eon-blue:#1a69e2;--eon-sky:#66a3ff;--eon-white:#fff;--eon-paper:#f4f7fd;--ink-0:#030817;--ink-1:#071027;--ink-2:#0b1734;--ink-3:#102043;--ink-4:#17294e;--line:#22365f;--line-soft:#18294c;--text:#f6f9ff;--muted:#91a0c1;--muted-strong:#b7c4df;--success:#51d3a2;--warning:#f6bd60;--danger:#ff7187;--topbar-height:68px;--status-height:30px;--font-ui:"Avenir Next", Avenir, "Segoe UI", Inter, Helvetica, Arial, sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{background:var(--ink-0);width:100%;min-height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px}body{overflow:hidden}button,input,textarea,select{color:inherit;font:inherit}button,summary,select{cursor:pointer}button{border:0}button:disabled{cursor:not-allowed;opacity:.42}button,input,textarea,select,[tabindex="0"]{outline:none}button:focus-visible{outline:2px solid var(--eon-sky);outline-offset:2px}summary:focus-visible{outline:2px solid var(--eon-sky);outline-offset:2px}input:focus-visible{outline:2px solid var(--eon-sky);outline-offset:2px}textarea:focus-visible{outline:2px solid var(--eon-sky);outline-offset:2px}select:focus-visible{outline:2px solid var(--eon-sky);outline-offset:2px}[tabindex="0"]:focus-visible{outline:2px solid var(--eon-sky);outline-offset:2px}::selection{color:#fff;background:#1a69e2aa}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#344b76 padding-box padding-box;border:2px solid #0000;border-radius:999px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.button{border:1px solid var(--line);background:var(--ink-3);min-height:38px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:12px;font-weight:750;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.button:hover:not(:disabled){background:#18315e;border-color:#4f6f9f}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--eon-blue);border-color:#347ce5;box-shadow:0 8px 22px #1a69e233}.button.primary:hover:not(:disabled){background:#2877e8}.button.secondary{background:#101d38}.button.compact{background:#142b52;border-color:#31518a;min-height:32px;padding:0 11px}.eon-mark{color:#fff;flex:none;align-items:center;gap:12px;line-height:1;display:inline-flex}.eon-logo{object-fit:contain;width:62px;height:auto;display:block}.eon-product{letter-spacing:.01em;border-left:1px solid #40527a;flex-direction:column;justify-content:center;height:31px;padding-left:11px;display:flex}.eon-product b{font-family:var(--font-display);font-size:16px;font-style:italic;font-weight:400}.eon-product small{color:var(--eon-sky);letter-spacing:.2em;text-transform:uppercase;margin-top:3px;font-size:8px;font-weight:800}.studio-shell{grid-template-rows:var(--topbar-height) minmax(0, 1fr) var(--status-height);background:var(--ink-0);width:100vw;height:100dvh;min-height:520px;display:grid;overflow:hidden}.command-bar{z-index:40;background:linear-gradient(90deg,#0a1430 0,#060d2f 52%,#091431 100%);border-bottom:1px solid #25375b;grid-template-columns:252px minmax(210px,1fr) auto;align-items:center;gap:18px;min-width:0;padding:0 14px 0 17px;display:grid;box-shadow:0 4px 20px #0206167a}.command-bar:after{content:"";background:linear-gradient(90deg, var(--eon-sky), var(--eon-blue) 28%, transparent 70%);height:2px;position:absolute;top:0;left:0;right:0}.brand-command{align-items:center;gap:13px;min-width:0;display:flex}.environment-pill{color:#8fa4cb;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid #264064;border-radius:999px;align-items:center;gap:6px;padding:4px 7px;font-size:8px;display:inline-flex}.environment-pill i,.live-dot,.status-online i,.share-header-meta i,.share-footer i{background:var(--success);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #51d3a21c,0 0 9px #51d3a266}.document-command{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.document-overline{color:#7183a9;width:100%;font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:6px;font-size:8px;line-height:1;display:flex}.document-overline span:nth-of-type(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.access-role{color:#a9caf5;font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;background:#10284c;border:1px solid #315b91;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:3px 6px;font-size:7px;font-style:normal;font-weight:800;display:inline-flex}.access-role.is-reader{color:#e4c983;background:#2d2515;border-color:#66562f}.access-role.is-owner{color:#8ce2c1;background:#0d2a23;border-color:#2d6854}.document-overline i{color:#375a91;font-style:normal}.document-command>input{color:#f4f7fd;width:min(100%,580px);min-width:0;font-family:var(--font-display);text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:5px;margin:4px 0 0 -7px;padding:2px 7px;font-size:18px;font-weight:400;line-height:1.15}.document-command>input:hover{background:#ffffff05;border-color:#253a63}.document-command>input:focus{background:#0b1835;border-color:#4f80c7}.command-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.readonly-panel{border:0;min-width:0;height:100%;margin:0;padding:0}.command-actions>button,.command-menu>summary{color:#bdc9e0;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 10px;font-size:11px;font-weight:700;list-style:none;display:inline-flex}.command-menu>summary::-webkit-details-marker{display:none}.layer-groups summary::-webkit-details-marker{display:none}.command-actions>button:hover:not(:disabled),.command-menu>summary:hover,.command-menu[open]>summary{color:#fff;background:#101e3c;border-color:#293e67}.command-actions>.command-icon{width:36px;padding:0}.command-actions>.command-share{background:#0d1933;border-color:#2a416a;position:relative}.command-share b,.right-panel-tabs b,.mobile-dock b,.mobile-feedback-button b{background:var(--eon-blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;font-size:9px;display:inline-flex}.command-actions>.command-save{background:var(--eon-blue);color:#fff;border-color:#2e75df;min-width:124px;margin-left:3px;box-shadow:0 7px 18px #1a69e229}.command-actions>.command-save:hover:not(:disabled){background:#2777ea;border-color:#66a3ff}.command-menu{position:relative}.menu-popover{z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1530ee;border:1px solid #2b416a;border-radius:11px;width:282px;padding:8px;animation:.14s ease-out both popover-in;position:absolute;top:calc(100% + 9px);left:0;box-shadow:0 20px 60px #01040db3,inset 0 1px #ffffff08}.menu-popover.align-right{left:auto;right:0}.menu-popover:before{content:"";background:#0a1530;border-top:1px solid #2b416a;border-left:1px solid #2b416a;width:8px;height:8px;position:absolute;top:-5px;left:22px;transform:rotate(45deg)}.menu-popover.align-right:before{left:auto;right:22px}.menu-label{color:#7186af;font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;padding:7px 9px 6px;font-size:9px;font-weight:700;display:block}.menu-popover>button{color:#c7d2e8;text-align:left;background:0 0;border-radius:7px;grid-template-columns:30px 1fr;align-items:center;gap:8px;width:100%;min-height:55px;padding:7px 8px;display:grid}.menu-popover>button:hover{color:#fff;background:#14284d}.menu-popover>button>svg{color:var(--eon-sky);justify-self:center}.menu-popover>button>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.menu-popover b{font-size:12px}.menu-popover small{color:#7588af;font-size:10px;font-weight:500;line-height:1.35}.export-popover{width:370px}.export-popover>button{grid-template-columns:43px 1fr}.format-badge{color:#8cbcff;width:38px;height:27px;font-family:var(--font-mono);letter-spacing:.06em;background:#10264d;border:1px solid #31578e;border-radius:5px;justify-content:center;align-items:center;font-size:8px;font-weight:800;display:inline-flex!important}.command-actions>.studio-help-trigger{min-width:44px;min-height:44px}.studio-help{--help-muted:color-mix(in srgb, var(--eon-navy) 65%, var(--eon-white));--help-line:color-mix(in srgb, var(--eon-navy) 12%, var(--eon-white));width:100%;max-width:none;height:100%;max-height:none;color:var(--eon-navy);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.studio-help[open]{display:block}.studio-help::backdrop{background:0 0}.studio-tour-shade{pointer-events:none;position:absolute;inset:0}.studio-tour-dimmer{fill:var(--eon-navy);fill-opacity:.78}.studio-tour-spotlight{fill:none;stroke:var(--eon-sky);stroke-width:2px;filter:drop-shadow(0 0 6px var(--eon-blue))}.studio-tour-card{overscroll-behavior:contain;border:1px solid var(--help-line);background:var(--eon-white);width:min(420px,100vw - 24px);max-height:calc(100dvh - 24px);box-shadow:0 16px 48px color-mix(in srgb, var(--eon-navy) 30%, transparent);border-radius:18px;flex-direction:column;display:flex;position:absolute;top:12px;left:12px;overflow-y:auto}.studio-tour-heading{flex:none;grid-template-columns:40px minmax(0,1fr) 44px;align-items:center;gap:8px 12px;padding:16px 20px 12px;display:grid}.studio-tour-heading h2{grid-column:1/-1;margin:0;font-size:22px;font-weight:750;line-height:1.25}.studio-tour-heading h2:focus{outline:none}.studio-help p{color:var(--help-muted);margin:0;font-size:13px;line-height:1.5}.studio-help .studio-tour-progress{color:var(--eon-blue);font-weight:750}.studio-help-close{width:44px;height:44px;color:var(--help-muted);background:0 0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.studio-help-close:hover{background:var(--eon-paper);color:var(--eon-navy)}.studio-help button:focus-visible{outline-color:var(--eon-blue)}.studio-help-content{overscroll-behavior:contain;min-height:48px;padding:0 20px;overflow-y:auto}.studio-help-content:focus-visible{outline-color:var(--eon-blue);outline-offset:-2px}.studio-help-badge{border:1px solid color-mix(in srgb, var(--eon-blue) 18%, var(--eon-white));background:color-mix(in srgb, var(--eon-blue) 8%, var(--eon-white));width:40px;height:40px;color:var(--eon-blue);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.studio-help .studio-help-note{color:var(--eon-navy);margin-top:12px}.studio-help .studio-tour-hint{border-top:1px solid var(--help-line);margin-top:12px;padding-top:10px}.studio-tour-footer{flex:none;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px;display:grid}.studio-tour-previous,.studio-help-dismiss{border:1px solid var(--help-line);background:var(--eon-white);min-height:44px;color:var(--eon-navy);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:750;display:inline-flex}.studio-help-dismiss{border-color:var(--eon-blue);background:var(--eon-blue);color:var(--eon-white)}.studio-tour-previous:hover:not(:disabled){background:var(--eon-paper)}.studio-help-dismiss:hover{background:color-mix(in srgb, var(--eon-blue) 85%, var(--eon-navy))}.workbench-grid{grid-template-columns:252px minmax(0,1fr) 310px;min-width:0;min-height:0;display:grid;overflow:hidden}.workbench-panel{background:#0a142b;min-width:0;min-height:0;overflow:hidden}.left-panel{border-right:1px solid #22365b;box-shadow:6px 0 22px #02061447}.right-panel{border-left:1px solid #22365b;grid-template-rows:42px minmax(0,1fr);display:grid;box-shadow:-6px 0 22px #02061447}.panel-content{height:100%;min-height:0;padding:18px 15px 26px;overflow:hidden auto}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;min-height:46px;margin-bottom:17px;display:flex}.panel-kicker{color:var(--eon-sky);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:700;display:block}.panel-heading h2,.validation-popover h2,.share-feedback-head h2{color:#f2f6ff;max-width:224px;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:21px;font-style:italic;font-weight:400;line-height:1.1;overflow:hidden}.panel-count{color:#8fa6d2;min-width:28px;height:28px;font-family:var(--font-mono);background:#101e3b;border:1px solid #293f68;border-radius:7px;justify-content:center;align-items:center;font-size:9px;display:inline-flex}.search-field{color:#647ba6;background:#071027;border:1px solid #25395f;border-radius:7px;align-items:center;gap:7px;height:34px;padding:0 9px;display:flex}.search-field:focus-within{border-color:#4e7cbd;box-shadow:0 0 0 3px #1a69e21c}.search-field input{color:#e7edfa;background:0 0;border:0;flex:1;min-width:0;font-size:10px}.search-field input::placeholder{color:#60729a}.search-field button{color:#7689af;background:0 0;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.library-section,.layer-section,.property-section,.review-section{margin-top:20px}.section-caption{color:#7184a9;font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:8px;font-weight:700;display:flex}.section-caption:after{content:"";background:#1c2d4f;flex:1;order:1;height:1px}.section-caption span:first-child{order:0}.section-caption span:last-child{color:#7890b7;order:2}.node-library{grid-template-columns:1fr;gap:5px;display:grid}.node-library>button{color:#c5d0e5;text-align:left;background:#0c1832;border:1px solid #1f3256;border-radius:7px;grid-template-columns:30px minmax(0,1fr) 14px;align-items:center;gap:7px;min-width:0;min-height:57px;padding:7px;transition:border-color .14s,background .14s,transform .14s;display:grid}.node-library>button:hover{z-index:1;background:#12264b;border-color:#3e70b8;transform:translateY(-1px)}.node-library>button>svg{color:#6f87ad;display:block}.library-icon{color:#8ebeff;background:#153363;border:1px solid #315a94;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.library-icon.kind-database,.library-icon.kind-external{color:var(--eon-sky);background:#172c4e;border-color:#3f6797}.library-icon.kind-decision{transform:rotate(45deg)scale(.82)}.library-icon.kind-decision svg{transform:rotate(-45deg)scale(1.15)}.node-library>button>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.node-library b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:750;overflow:hidden}.node-library b em{color:#8fb7ed;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid #365787;border-radius:999px;margin-left:5px;padding:2px 4px;font-size:6px;font-style:normal}.node-library small{color:#8197bd;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.library-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:6px;display:grid}.library-actions button{color:#91a6cd;background:#0b1830;border:1px dashed #36527e;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:31px;font-size:8px;font-weight:700;display:flex}.library-actions button:hover{border-color:var(--eon-sky);color:#fff}.catalog-groups{flex-direction:column;gap:6px;display:flex}.catalog-group{background:#09152c;border:1px solid #1f3256;border-radius:8px;overflow:hidden}.catalog-group>summary{color:#b8c7df;cursor:pointer;justify-content:space-between;align-items:center;height:34px;padding:0 9px;font-size:9px;font-weight:750;list-style:none;display:flex}.catalog-group>summary::-webkit-details-marker{display:none}.catalog-group>summary span{align-items:center;gap:7px;display:inline-flex}.catalog-group>summary b{color:#7189b1;font-family:var(--font-mono);font-size:8px}.catalog-group[open]>summary{color:#e6edf9;background:#0d1c38;border-bottom:1px solid #1f3256}.catalog-group .node-library{padding:6px}.catalog-group .node-library>button{background:#0b1932;border-color:#0000}.catalog-inline-warning{color:#e6c57f;background:#2a2315;border:1px solid #6a572f;border-radius:6px;align-items:flex-start;gap:6px;margin-top:7px;padding:7px;font-size:7px;line-height:1.4;display:flex}.catalog-extend-button{color:#b8d4f7;background:#10264a;border:1px solid #315887;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;height:31px;margin-top:6px;font-size:8px;font-weight:750;display:flex}.catalog-extend-button:hover{border-color:var(--eon-sky);color:#fff;background:#163360}.catalog-form{background:#071329;border:1px solid #2a466f;border-radius:8px;flex-direction:column;gap:7px;margin-top:7px;padding:9px;display:flex}.catalog-form>div{grid-template-columns:minmax(0,1fr) minmax(72px,.72fr);gap:6px;display:grid}.catalog-form label{color:#8095ba;flex-direction:column;gap:4px;min-width:0;font-size:7px;font-weight:700;display:flex}.catalog-form input,.catalog-form select{color:#dce6f6;background:#0b1a34;border:1px solid #2a4167;border-radius:5px;width:100%;min-width:0;height:29px;padding:0 7px;font-size:8px}.catalog-form input[type=color]{padding:3px}.catalog-form p{color:#ff98a9;margin:0;font-size:7px;line-height:1.4}.catalog-form>button{justify-content:center;width:100%}.layer-groups details{border-bottom:1px solid #192a49}.layer-groups summary{color:#aab9d4;justify-content:space-between;align-items:center;height:34px;font-size:9px;font-weight:700;list-style:none;display:flex}.layer-groups summary span{align-items:center;gap:7px;display:inline-flex}.layer-groups summary b{color:#61769e;font-family:var(--font-mono);font-size:8px}.layer-list{flex-direction:column;gap:2px;padding-bottom:7px;display:flex}.layer-list button{color:#9daccc;text-align:left;background:0 0;border-radius:5px;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-width:0;height:29px;padding:0 7px;display:grid}.layer-list button:hover,.layer-list button.is-selected{color:#edf3ff;background:#13264a}.layer-list button.is-selected{box-shadow:inset 2px 0 var(--eon-sky)}.layer-list i{border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 7px}.layer-list i.edge-swatch{background:#8295ba;border-radius:0;width:7px;height:1px}.layer-list span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.layer-list small{color:#8296b9;font-family:var(--font-mono);text-transform:uppercase;font-size:7px}.panel-empty{color:#5f739a;text-align:center;border:1px dashed #263b61;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:112px;padding:16px;display:flex}.panel-empty p{max-width:180px;margin:0;font-size:9px;line-height:1.5}.right-panel-tabs{background:#071026;border-bottom:1px solid #1f3255;grid-template-columns:1fr 1fr;padding:5px;display:grid}.right-panel-tabs button{color:#7184a9;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:31px;font-size:9px;font-weight:750;display:flex;position:relative}.right-panel-tabs button:hover{color:#c5d2e8}.right-panel-tabs button.is-active{color:#f2f6ff;box-shadow:inset 0 -2px var(--eon-blue);background:#122446}.right-panel-tabs b{min-width:15px;height:15px;font-size:8px}.inspector-heading{align-items:center}.selection-type-icon{width:32px;height:32px;color:var(--eon-sky);background:#132b54;border:1px solid #33568d;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.property-section{border-bottom:1px solid #1a2b4a;padding-bottom:16px}.property-grid{gap:10px;display:grid}.property-grid.is-paired{grid-template-columns:1fr 1fr;gap:9px 8px}.property-intro{color:#7185aa;margin:-2px 0 12px;font-size:8px;line-height:1.55}.property-field{flex-direction:column;gap:5px;min-width:0;display:flex}.property-field>span:first-child{color:#8295b9;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.property-field>span small{color:#4d638d;font-family:var(--font-mono);font-size:7px}.property-field input[type=text],.property-field input[type=url],.property-field input[type=number],.property-field textarea,.property-field select,.permission-select select,.share-comment-form textarea,.comments-section textarea{color:#e4ebf8;background:#071027;border:1px solid #263b61;border-radius:6px;width:100%;font-size:10px}.property-field input[type=text],.property-field input[type=url],.property-field input[type=number],.property-field select,.permission-select select{height:34px;padding:0 9px}.access-summary{color:#8295b7;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:9px;font-size:8px;display:grid}.access-summary>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-form{background:#0a1831;border:1px solid #29466f;border-radius:8px;grid-template-columns:minmax(0,1fr) 82px;gap:7px;padding:9px;display:grid}.member-form label{color:#8095ba;gap:4px;min-width:0;font-size:7px;font-weight:700;display:grid}.member-form input,.member-form select,.member-list select{color:#dce6f6;background:#07142c;border:1px solid #2a4167;border-radius:5px;width:100%;min-width:0;height:30px;padding:0 7px;font-size:8px}.member-form p{color:#ff9cac;grid-column:1/-1;margin:0;font-size:7px}.member-form>button{grid-column:1/-1;justify-content:center}.member-list{gap:6px;margin-top:8px;display:grid}.member-list>p{color:#7185aa;margin:0;font-size:8px}.member-list article{background:#0b1831;border:1px solid #263b62;border-radius:7px;grid-template-columns:minmax(0,1fr) 70px auto;align-items:center;gap:6px;padding:7px;display:grid}.member-list article>span{gap:3px;min-width:0;display:grid}.member-list b,.member-list small{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.member-list b{color:#c8d7ec}.member-list small{color:#7185aa}.member-list article>button{color:#f1a7b6;background:#351b25;border:1px solid #70404a;border-radius:5px;padding:6px;font-size:8px}.property-field textarea,.share-comment-form textarea,.comments-section textarea{resize:vertical;min-height:68px;padding:9px;line-height:1.5}.property-field input:focus,.property-field textarea:focus,.property-field select:focus,.permission-select select:focus,.share-comment-form textarea:focus,.comments-section textarea:focus{border-color:#4e7fc4;box-shadow:0 0 0 3px #1a69e21c}.custom-field-definition-list{gap:8px;margin-bottom:11px;display:grid}.custom-field-definition-list article{background:#0b1932;border:1px solid #243a61;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 26px;align-items:start;gap:8px;padding:9px;display:grid}.custom-field-definition-list article>div{gap:8px;display:grid}.custom-field-icon{color:#82b5fb;background:#132b53;border:1px solid #31588f;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.custom-field-definition-list article>button{color:#c67c8c;background:#241521;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.custom-field-definition-list article>button:hover{color:#ff9bad;background:#3a1929}.custom-field-create{background:#09152c;border:1px dashed #31517f;border-radius:8px;grid-template-columns:minmax(0,1fr) 105px;gap:8px;padding:10px;display:grid}.custom-field-create>button{grid-column:1/-1;width:100%}.source-evidence-list{gap:7px;margin-bottom:9px;display:grid}.source-evidence-list article{background:#0b1932;border:1px solid #243a61;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 26px;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.source-evidence-list article>div{gap:4px;min-width:0;display:grid}.source-evidence-list a{color:#9ec8ff;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:8px;font-weight:750;display:inline-flex;overflow:hidden}.source-evidence-list code{color:#7185aa;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.source-evidence-list article>button{color:#c67c8c;background:#241521;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.source-evidence-form{background:#09152c;border:1px dashed #31517f;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:grid}.source-evidence-form .source-repository,.source-evidence-form .source-label,.source-evidence-form>p,.source-evidence-form>button{grid-column:1/-1}.source-evidence-form>p{color:#ff9cac;margin:0;font-size:8px}.source-evidence-form>button{width:100%}.custom-field-values textarea{min-height:96px}.custom-fields-empty{color:#7489ae;background:#09152c;border:1px dashed #2c466f;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;display:flex}.custom-fields-empty svg{flex:none;margin-top:1px}.custom-fields-empty p{flex:1;margin:0;font-size:8px;line-height:1.5}.custom-fields-empty button{color:#80b3ff;background:0 0;flex:none;padding:3px 0;font-size:8px;font-weight:750}.node-connection-list{gap:7px;display:grid}.node-connection-list button{color:#aebdd7;text-align:left;background:#0b1932;border:1px solid #253c63;border-radius:8px;grid-template-columns:minmax(0,1fr) 16px;gap:4px 8px;min-width:0;padding:10px;display:grid}.node-connection-list button:hover{background:#10264a;border-color:#4779bb}.node-connection-list button>span,.node-connection-list button>b,.node-connection-list button>small{grid-column:1;min-width:0}.node-connection-list button>span{color:#6f86ad;font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:4px;font-size:7px;display:inline-flex}.node-connection-list button>span.is-incoming svg{transform:rotate(180deg)}.node-connection-list button>b{color:#d7e1f1;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.node-connection-list button>small{color:#7184a8;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:8px;display:flex;overflow:hidden}.node-connection-list button>small em{color:#8fc0ff;font-family:var(--font-mono);text-transform:uppercase;background:#15345f;border-radius:999px;flex:none;padding:2px 5px;font-size:7px;font-style:normal}.node-connection-list button>svg{color:#6383b2;grid-area:1/2/4;align-self:center}.color-input{grid-template-columns:35px 1fr;display:grid}.color-input input[type=color]{background:#0e1b36;border:1px solid #263b61;border-right:0;border-radius:6px 0 0 6px;width:35px;height:34px;padding:5px}.color-input input[type=text]{font-family:var(--font-mono);text-transform:uppercase;border-radius:0 6px 6px 0;font-size:9px}.toggle-row{border-bottom:1px solid #172746;justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.toggle-row>span{flex-direction:column;gap:3px;display:flex}.toggle-row b{color:#b3c0d9;font-size:9px}.toggle-row small{color:#7186ae;font-size:8px}.toggle-row input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#101d36;border:1px solid #38527d;border-radius:999px;flex:none;width:31px;height:17px;transition:background .14s;position:relative}.toggle-row input[type=checkbox]:after{content:"";background:#8495b5;border-radius:50%;width:11px;height:11px;transition:transform .14s,background .14s;position:absolute;top:2px;left:2px}.toggle-row input[type=checkbox]:checked{border-color:var(--eon-blue);background:var(--eon-blue)}.toggle-row input[type=checkbox]:checked:after{background:#fff;transform:translate(14px)}.document-facts{background:#0b1830;border:1px solid #24395f;border-radius:8px;grid-template-columns:repeat(3,1fr);margin-top:20px;display:grid}.document-facts span{color:#8194b5;text-transform:uppercase;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:11px 4px;font-size:7px;display:flex}.document-facts span+span{border-left:1px solid #24395f}.document-facts b{color:#c5d2e8;font-family:var(--font-mono);font-size:14px}.inspector-tip{color:#6f84ac;background:#0b1a36;border-left:2px solid #315990;align-items:flex-start;gap:9px;margin-top:15px;padding:11px;display:flex}.inspector-tip svg{flex:none;margin-top:1px}.inspector-tip p{margin:0;font-size:8px;line-height:1.55}.edge-route-summary{color:#9cafcf;text-align:center;background:#0b1932;border:1px solid #243b63;border-radius:7px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:4px;margin-top:15px;padding:10px;display:grid}.edge-route-summary span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.edge-route-summary svg{color:var(--eon-sky)}.edge-relation-badge{color:#7f94b8;background:#102449;border:1px solid #31517f;border-radius:7px;grid-template-columns:24px auto 1fr;align-items:center;gap:7px;margin-top:15px;padding:8px 10px;font-size:8px;display:grid}.edge-relation-badge svg{color:#83b7ff}.edge-relation-badge b{color:#d8e6fa;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;justify-self:end;font-size:8px}.delete-property{color:#ff9bad;background:#2b1522;border:1px solid #71394c;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;height:35px;margin-top:22px;font-size:9px;font-weight:750;display:flex}.delete-property:hover{border-color:var(--danger);background:#3b1828}.delete-property kbd,.connect-guide kbd{color:#9e6878;font-family:var(--font-mono);background:#160d14;border:1px solid #5a3342;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:7px}.review-section>p,.share-feedback-intro{color:#7285aa;margin:0 0 12px;font-size:9px;line-height:1.55}.permission-select{color:#8699bd;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;font-size:8px;font-weight:700;display:flex}.permission-select select{width:135px;height:31px;font-size:9px}.share-create{width:100%}.share-link-result{background:#0b2a24;border:1px solid #27684f;border-radius:7px;padding:9px}.share-link-result>span{color:#81e0bd;align-items:center;gap:6px;margin-bottom:7px;font-size:8px;font-weight:750;display:flex}.share-link-result>div{grid-template-columns:minmax(0,1fr) 31px;display:grid}.share-link-result>small{color:#87a99d;margin-top:7px;font-size:8px;display:block}.share-link-result input{color:#aedacb;min-width:0;height:30px;font-family:var(--font-mono);background:#061b18;border:1px solid #2c5849;border-radius:5px 0 0 5px;padding:0 8px;font-size:7px}.share-link-result button{color:#a9e7d0;background:#174a3b;border-radius:0 5px 5px 0}.share-grant-list{gap:6px;margin-top:10px;display:grid}.share-grant-list-title{color:#71809f;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:750}.share-grant-list article{background:#0b1831;border:1px solid #263b62;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;padding:8px;display:grid}.share-grant-list article.is-inactive{opacity:.62}.share-grant-list article>div{align-items:center;gap:7px;min-width:0;display:flex}.share-grant-list article b,.share-grant-list article span,.share-grant-list article small{font-size:8px}.share-grant-list article b{color:#a9e7d0}.share-grant-list article span,.share-grant-list article small{color:#8c9ab8}.share-grant-list article small{grid-column:1}.share-grant-list article button{color:#f1a7b6;background:#351b25;border:1px solid #70404a;border-radius:5px;grid-area:1/2/span 2;padding:5px 7px;font-size:8px}.comments-section form,.share-comment-form{background:#0b1831;border:1px solid #263b62;border-radius:8px;padding:9px}.comment-anchor{color:#6f83aa;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:8px;display:flex}.comment-anchor b{color:#9eb6de;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;max-width:160px;font-size:8px;display:inline-flex;overflow:hidden}.comment-submit{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.comment-submit small{color:#51658e;font-family:var(--font-mono);font-size:7px}.comments-toolbar{color:#7489ae;justify-content:space-between;align-items:center;margin:15px 0 8px;font-size:8px;display:flex}.comments-toolbar label{align-items:center;gap:5px;display:flex}.comments-toolbar input{accent-color:var(--eon-blue)}.comment-list,.share-comment-list{flex-direction:column;gap:7px;display:flex}.comment-list article,.share-comment-list article{background:#0b1830;border:1px solid #21375e;border-radius:8px;padding:10px}.comment-list article.is-resolved{opacity:.58}.comment-list article>header,.share-comment-list article>header{align-items:center;gap:8px;display:flex}.comment-number{color:#fff;width:22px;height:22px;font-family:var(--font-mono);background:#173867;border:1px solid #4b83d0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:8px;font-weight:800;display:inline-flex}.comment-list article>header>div,.share-comment-list article>header>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.comment-list article header b,.share-comment-list article header b{color:#c3cee2;font-size:8px}.comment-list article header small,.share-comment-list article header small{color:#5e729b;font-family:var(--font-mono);font-size:7px}.pending-pill{color:var(--warning);font-family:var(--font-mono);text-transform:uppercase;border:1px solid #735e36;border-radius:999px;padding:3px 5px;font-size:7px}.comment-list article>p,.share-comment-list article>p{color:#a9b8d2;overflow-wrap:anywhere;margin:9px 0;font-size:9px;line-height:1.55}.comment-list article>footer,.share-comment-list article>footer{color:#647ba4;border-top:1px solid #1c2f50;justify-content:space-between;align-items:center;gap:8px;padding-top:7px;font-size:7px;display:flex}.comment-list article footer span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex;overflow:hidden}.comment-list article footer button{color:#78aaff;background:0 0;padding:3px 0;font-size:7px;font-weight:700}.canvas-workspace,.share-canvas{background:#071027;grid-template-rows:33px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.canvas-titlebar{z-index:5;color:#788bab;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:#0a1429;border-bottom:1px solid #17294b;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:8px;display:flex}.canvas-titlebar>div,.canvas-title-actions,.canvas-title-actions span,.canvas-title-actions button{align-items:center;gap:7px;display:flex}.canvas-titlebar i{color:#38527e;font-style:normal}.canvas-titlebar small{color:#7d91b3;font-size:7px}.canvas-title-actions{gap:12px}.canvas-title-actions button{color:#8599bb;background:#0e1c38;border:1px solid #243a60;border-radius:4px;height:23px;padding:0 7px;font-size:8px}.canvas-title-actions button.is-primary-action{color:#cfe2ff;background:#15315d;border-color:#3868aa}.canvas-title-actions button:hover{color:#fff;background:#183765;border-color:#4f7fbe}.share-canvas.share-canvas,.preview-canvas.preview-canvas{grid-template-rows:40px auto minmax(0,1fr)}.share-canvas .canvas-titlebar,.preview-canvas .canvas-titlebar{padding:0 14px;font-size:10px}.share-canvas .canvas-titlebar small,.preview-canvas .canvas-titlebar small{font-size:9px}.share-canvas .canvas-title-actions button,.preview-canvas .canvas-title-actions button{height:30px;padding:0 10px;font-size:10px}.graph-explorer{z-index:12;background:#08152c;border-bottom:1px solid #1d3154;grid-template-columns:minmax(230px,1fr) auto minmax(350px,auto) auto auto;align-items:center;gap:10px;min-width:0;padding:9px 12px;display:grid;position:relative;box-shadow:0 8px 20px #0207134d}.graph-search{color:#7394c7;background:#0c1d39;border:1px solid #29456f;border-radius:6px;align-items:center;gap:8px;min-width:0;height:38px;padding:0 10px;display:flex;position:relative}.graph-search:focus-within{border-color:#4d83c9;box-shadow:0 0 0 2px #1a69e226}.graph-search input{color:#dce8f9;background:0 0;border:0;flex:1;min-width:0;font-size:13px}.graph-search input::placeholder{color:#6980a5}.graph-search-results{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1831f7;border:1px solid #365a8d;border-radius:8px;width:min(430px,100vw - 28px);max-height:250px;padding:5px;position:absolute;top:calc(100% + 7px);left:0;overflow-y:auto;box-shadow:0 18px 50px #01040dbf}.graph-search-results button{color:#c9d7ec;text-align:left;background:0 0;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 11px;font-size:13px;display:flex}.graph-search-results button:hover,.graph-search-results button[aria-selected=true]{color:#fff;background:#17345f}.graph-search-results small{color:#7691b8;font-family:var(--font-mono);text-transform:uppercase;flex:none;font-size:10px}.graph-search-results p{color:#7688a7;margin:0;padding:9px;font-size:12px}.graph-scope-controls,.graph-route-controls{align-items:center;gap:5px;min-width:0;display:flex}.graph-route-controls{color:#6f8db9}.graph-route-controls label{min-width:0}.graph-route-controls select{color:#b8c8df;text-overflow:ellipsis;background:#0c1d39;border:1px solid #29456f;border-radius:5px;width:132px;height:38px;padding:0 25px 0 9px;font-size:12px}.graph-control-button,.graph-icon-button{color:#90a5c7;background:#0d1d39;border:1px solid #29456f;border-radius:5px;justify-content:center;align-items:center;height:38px;font-size:12px;font-weight:750;display:inline-flex}.graph-control-button{padding:0 11px}.graph-icon-button{flex:none;width:38px;padding:0}.graph-search>.graph-icon-button{background:0 0;border:0;width:28px;height:28px}.graph-control-button:hover,.graph-icon-button:hover,.graph-control-button[data-active=true]{color:#e5f0ff;background:#173762;border-color:#4d82c8}.graph-explorer-status{color:#8096b9;font-family:var(--font-mono);white-space:nowrap;font-size:10px}.diagram-canvas{isolation:isolate;background:#f4f7fb;min-width:0;min-height:0;position:relative;overflow:hidden}.diagram-canvas:before{display:none}.diagram-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.diagram-canvas[data-tool=select] .diagram-svg{cursor:default}.diagram-canvas[data-tool=pan] .diagram-svg,.diagram-canvas.is-panning .diagram-svg{cursor:grab}.diagram-canvas.is-panning .diagram-svg{cursor:grabbing}.diagram-canvas[data-tool=connect] .canvas-node{cursor:crosshair}.canvas-zone{cursor:move}.canvas-zone:focus-visible rect:first-child{stroke:var(--eon-sky);stroke-width:3px}.canvas-world-axes{pointer-events:none}.canvas-world-axes line{stroke:#94a3b8;stroke-width:1.3px;stroke-dasharray:6 7;opacity:.25;vector-effect:non-scaling-stroke}.zone-surface,.zone-header{vector-effect:non-scaling-stroke}.zone-header{pointer-events:none}.zone-title{fill:#26364d;font-family:var(--font-ui);letter-spacing:.01em;font-size:14px;font-weight:800}.zone-count{fill:#64748b;font-family:var(--font-mono);font-size:9px;font-weight:650}.edge-line{fill:none;stroke:#52647e;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;opacity:.94;vector-effect:non-scaling-stroke;transition:stroke .14s,stroke-width .14s}.canvas-edge,.canvas-node{transition:opacity .18s}.edge-hit{fill:none;stroke:#0000;stroke-width:18px;cursor:pointer}:is(.canvas-edge:hover .edge-line,.canvas-edge.is-selected .edge-line,.canvas-edge:focus-visible .edge-line){stroke:var(--eon-sky);stroke-width:3.6px;opacity:1}.edge-label-bg{fill:#fff;stroke:#b4c0d0;stroke-width:1px;vector-effect:non-scaling-stroke}.canvas-edge.is-selected .edge-label-bg{stroke:var(--eon-sky)}.edge-label{fill:#334155;font-family:var(--font-ui);font-size:10.5px;font-weight:700}.edge-label-chip.is-overlapping .edge-label-bg{stroke:var(--warning);stroke-dasharray:4 3}.edge-label-chip{cursor:pointer}.canvas-node{cursor:move}.canvas-node:focus-visible .node-surface{stroke:var(--eon-sky);stroke-width:4px}.node-surface{fill:#fff;stroke-width:1.8px;vector-effect:non-scaling-stroke;transition:fill .14s,stroke-width .14s}.canvas-node:hover .node-surface{fill:#fbfdff;stroke-width:2.4px}.canvas-node.is-selected .node-surface,.canvas-node.is-connecting .node-surface{fill:#f7fbff;stroke:#1a69e2;stroke-width:2.8px}.canvas-node.is-directly-linked .node-surface{fill:#f8fbff;stroke:var(--eon-sky);stroke-width:2.5px}.canvas-edge.is-directly-linked .edge-line{stroke:var(--eon-blue);stroke-width:3.4px;opacity:1}.canvas-edge.is-directly-linked .edge-label-bg{stroke:var(--eon-sky)}.canvas-node.is-dimmed{opacity:.22}.canvas-edge.is-dimmed{opacity:.14}.canvas-node.is-connecting .node-surface{stroke-dasharray:7 5}.node-tile,.node-icon-rail{fill-opacity:.1;stroke-opacity:.34;stroke-width:1.2px;vector-effect:non-scaling-stroke}.node-icon-rail{fill-opacity:.075;stroke:none}.node-icon-divider{stroke-opacity:.28;stroke-width:1.2px;vector-effect:non-scaling-stroke}.node-accent{stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.node-label{fill:#142033;font-family:var(--font-ui);letter-spacing:-.01em;font-size:15px;font-weight:760}.node-description{fill:#68778d;font-family:var(--font-ui);font-size:11px;font-weight:520}.node-concept-icon,.node-brand-icon{pointer-events:none;overflow:visible}.node-concept-icon{stroke-width:2.05px}.node-icon-badge{stroke:#fff;stroke-opacity:.72;stroke-width:1px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 3px #0f172a2e)}.node-brand-badge{stroke-width:1.4px;filter:drop-shadow(0 1px 2px #0f172a33);vector-effect:non-scaling-stroke}.node-divider{stroke:#dce3ec;stroke-width:1px;vector-effect:non-scaling-stroke}.node-kind,.node-status,.gateway-code,.gateway-kind{fill:#617187;font-family:var(--font-mono);letter-spacing:.08em;font-size:10px;font-weight:720}.node-status{fill:#53647a;letter-spacing:.04em;font-size:9.5px}.node-status-dot{stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.gateway-surface{fill:#fff}.gateway-title{fill:#142033;font-family:var(--font-ui);font-size:15px;font-weight:780}.gateway-code{fill:#516176;letter-spacing:.025em;font-size:9px}.gateway-kind{fill:#66768b;letter-spacing:.07em;font-size:9px}.selection-handle{fill:#dbeaff;stroke:#1a69e2;stroke-width:2px;vector-effect:non-scaling-stroke}.node-resize-handle{pointer-events:all;outline:none}.node-resize-handle.is-top-left,.node-resize-handle.is-bottom-right{cursor:nwse-resize}.node-resize-handle.is-top-right,.node-resize-handle.is-bottom-left{cursor:nesw-resize}:is(.node-resize-handle:hover .selection-handle,.node-resize-handle:focus-visible .selection-handle){fill:#1a69e2;stroke:#fff;stroke-width:2.5px}.node-add-handle{opacity:0;pointer-events:none;cursor:pointer;transition:opacity .12s,transform .12s}.canvas-node:hover+.node-handles .node-add-handle,.node-handles.is-visible .node-add-handle,.node-handles:hover .node-add-handle{opacity:1;pointer-events:all}.node-add-handle:focus-visible{opacity:1;pointer-events:all}.node-add-handle:focus-visible{outline:none}.node-add-hit{fill:#0000}.node-add-button{fill:#fff;stroke:#1a69e2;stroke-width:1.8px;filter:drop-shadow(0 3px 5px #64748b55);vector-effect:non-scaling-stroke}.node-add-handle path{fill:none;stroke:#1a69e2;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}:is(.node-add-handle:hover .node-add-button,.node-add-handle:focus-visible .node-add-button){fill:#1a69e2;stroke:#0d4fae}:is(.node-add-handle:hover path,.node-add-handle:focus-visible path){stroke:#fff}.connection-origin circle:first-child{fill:#1a69e218;stroke:var(--eon-sky);stroke-width:1.5px;animation:1.5s ease-out infinite connection-pulse}.connection-origin circle:last-child{fill:var(--eon-sky);stroke:#fff;stroke-width:2px}.comment-pin circle{fill:var(--eon-blue);stroke:#cfe2ff;stroke-width:2px;filter:drop-shadow(0 5px 9px #02061799)}.comment-pin text{fill:#fff;font-family:var(--font-mono);font-size:9px;font-weight:800}.canvas-tools{z-index:7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border:1px solid #bdc8d7;border-radius:10px;align-items:center;gap:3px;height:40px;padding:4px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #64748b30,inset 0 1px #fff}.canvas-tools button{color:#5c6c82;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex}.canvas-tools button:hover,.canvas-tools button.is-active{color:#1557ad;background:#e9f2ff;border-color:#a5b8d1}.canvas-tools button.is-active{box-shadow:inset 0 -2px var(--eon-sky)}.canvas-tools button.organize-tool{color:#185aa8;background:#edf5ff;border-color:#abc1df}.tool-divider{background:#d3dbe6;width:1px;height:20px;margin:0 2px}.canvas-zoom-value{color:#53647a;width:39px;font-family:var(--font-mono);text-align:center;font-size:8px}.connect-guide{z-index:7;color:#c6dcff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#102c57e8;border:1px solid #3e70b4;border-radius:7px;align-items:center;gap:8px;min-width:226px;height:31px;padding:0 8px 0 10px;font-size:8px;font-weight:700;display:flex;position:absolute;top:65px;left:50%;transform:translate(-50%)}.connect-guide kbd{color:#8caddb;background:#071933;border-color:#395b8b}.canvas-empty{z-index:5;color:#172033;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #c8d3e1;border-radius:15px;flex-direction:column;align-items:center;width:min(350px,100% - 40px);padding:30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #64748b38}.canvas-empty>span{width:48px;height:48px;color:var(--eon-sky);background:#163765;border:1px solid #3e69a4;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.canvas-empty h2{font-family:var(--font-display);margin:15px 0 5px;font-size:25px;font-style:italic;font-weight:400}.canvas-empty p{color:#64748b;margin:0 0 17px;font-size:10px}.canvas-coordinates{z-index:5;color:#65758a;font-family:var(--font-mono);letter-spacing:.06em;background:#ffffffd9;border:1px solid #cad4e1;border-radius:4px;padding:5px 7px;font-size:8px;position:absolute;bottom:12px;right:14px}.canvas-axis{display:none}.canvas-axis-x{height:1px;top:50%;left:0;right:0}.canvas-axis-y{background:linear-gradient(#0000,#66a3ff30,#0000);width:1px;top:0;bottom:0;left:50%}.workspace-banner{z-index:15;color:#f1ce8d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2b2415ed;border:1px solid #745f35;border-radius:7px;align-items:center;gap:9px;min-height:38px;padding:7px 9px;display:flex;position:absolute;top:42px;left:14px;right:14px;box-shadow:0 12px 30px #02040c66}.workspace-banner p{flex:1;margin:0;font-size:8px;line-height:1.4}.workspace-banner button{color:#ffe4aa;background:#4c3c1d;border-radius:4px;padding:5px 7px;font-size:8px;font-weight:700}.workspace-banner button:last-child{background:0 0;width:24px;padding:0}.workspace-banner.is-history{color:#b9d8ff;background:#102448ed;border-color:#315b95}.workspace-banner.is-history button:last-child{color:#e8f3ff;background:#1b4f8d;width:auto;padding:5px 8px}.canvas-loading{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09162ff0;border:1px solid #315383;border-radius:10px;grid-template-columns:22px 1fr;gap:2px 10px;min-width:210px;padding:15px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #01040db8}.canvas-loading .route-state-pulse{grid-row:1/3;align-self:center}.canvas-loading b{font-size:10px}.canvas-loading small{color:#7186ad;font-size:8px}.status-strip{z-index:45;color:#7d8fb0;min-width:0;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:#050c20;border-top:1px solid #2a3f66;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 10px;font-size:7px;display:grid;position:relative}.status-identity,.status-metrics{align-items:center;gap:13px;min-width:0;display:flex}.status-identity>span:not(:first-child),.status-metrics>span{position:relative}.status-identity>span+span:before,.status-metrics>span+span:before{content:"";background:#24385b;width:1px;height:10px;position:absolute;top:50%;left:-7px;transform:translateY(-50%)}.status-online{color:#7bc5a8;align-items:center;gap:6px;display:inline-flex}.status-online i{width:5px;height:5px}.status-metrics{justify-content:flex-end}.validation-status{color:#81d9b7;height:21px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:#0b2b23;border:1px solid #2a664f;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:7px;font-weight:700;display:inline-flex}.validation-status.has-warnings{color:var(--warning);background:#292314;border-color:#6b5933}.validation-status.has-errors{color:#ff94a6;background:#2c151e;border-color:#723848}.validation-popover{z-index:130;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09152ff2;border:1px solid #2c456f;border-radius:10px;width:min(460px,100vw - 28px);max-height:min(430px,100vh - 120px);padding:13px;animation:.15s ease-out both validation-in;position:absolute;bottom:calc(100% + 9px);left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 22px 70px #01030bbd}.validation-popover>header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.validation-popover>header button{color:#8296ba;background:#132342;border-radius:6px;justify-content:center;align-items:center;width:29px;height:29px;display:inline-flex}.validation-popover ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.validation-popover li{color:var(--warning);background:#251f12;border:1px solid #654f2d;border-radius:7px;align-items:flex-start;gap:9px;padding:9px;display:flex}.validation-popover li.is-error{color:#ff8fa2;background:#28131c;border-color:#683544}.validation-popover li>div{flex-direction:column;gap:4px;min-width:0;display:flex}.validation-popover li b{color:#dce5f5;text-transform:none;font-size:9px;font-weight:600;line-height:1.4}.validation-popover code{color:currentColor;font-family:var(--font-mono);text-transform:none;font-size:7px}.validation-success{background:#0a2922;border:1px solid #28624d;border-radius:8px;align-items:center;gap:11px;padding:14px;display:flex}.validation-success>span{color:#8be6c2;background:#164c3d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.validation-success b{color:#d8f6ea;text-transform:none;font-size:10px}.validation-success p{color:#71aa95;text-transform:none;margin:3px 0 0;font-size:8px}.studio-toast{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b1832f5;border:1px solid #315383;border-radius:9px;grid-template-columns:29px 1fr 25px;align-items:center;gap:8px;width:min(390px,100vw - 32px);min-height:48px;padding:8px;animation:.22s ease-out both toast-in;display:grid;position:fixed;bottom:44px;right:16px;box-shadow:0 18px 55px #01030bbd}.studio-toast>span{width:29px;height:29px;color:var(--eon-sky);background:#173461;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.studio-toast.is-success{border-color:#2c684f}.studio-toast.is-success>span{color:#8be7c1;background:#154938}.studio-toast.is-warning{border-color:#6a5935}.studio-toast.is-warning>span{color:var(--warning);background:#493b1e}.studio-toast.is-error{border-color:#73394a}.studio-toast.is-error>span{color:#f9a;background:#4b1f2c}.studio-toast p{color:#c4d0e5;margin:0;font-size:9px;line-height:1.45}.studio-toast>button{color:#7185aa;background:0 0;border-radius:5px;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex}.modal-backdrop{z-index:250;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01040cba;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.conflict-modal{background:linear-gradient(145deg,#111b33,#0a1328);border:1px solid #63522e;border-radius:14px;width:min(460px,100%);padding:27px;animation:.18s ease-out both modal-in;position:relative;box-shadow:0 35px 90px #000000b8}.modal-icon{width:42px;height:42px;color:var(--warning);background:#3a301b;border:1px solid #78643a;border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.conflict-modal h2{font-family:var(--font-display);margin:6px 0 10px;font-size:29px;font-style:italic;font-weight:400;line-height:1.08}.conflict-modal>p{color:#91a0be;margin:0;font-size:10px;line-height:1.65}.conflict-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.library-modal{background:linear-gradient(145deg,#111b33,#081127);border:1px solid #31517f;border-radius:15px;width:min(920px,100%);max-height:min(760px,100dvh - 40px);padding:25px;animation:.18s ease-out both modal-in;position:relative;overflow:hidden;box-shadow:0 35px 90px #000000b8}.library-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.library-heading h2{font-family:var(--font-display);margin:5px 0 0;font-size:31px;font-style:italic;font-weight:400;line-height:1}.library-intro{color:#8fa1bf;margin:11px 0 19px;font-size:10px}.library-grid{background:#071126;border:1px solid #253b60;border-radius:11px;grid-template-columns:minmax(250px,.85fr) minmax(300px,1.15fr);min-height:360px;max-height:570px;display:grid;overflow:hidden}.library-list,.revision-list{padding:9px;overflow-y:auto}.library-list{background:#0a1630;border-right:1px solid #253b60}.library-group-label{color:#8094b8;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:8px 6px 5px;font-size:8px;font-weight:800;display:flex}.library-group-label:first-child{margin-top:2px}.library-group-label b{color:#9fbee9;font-size:8px}.library-group-empty{color:#6f83a7;border:1px dashed #2a4166;border-radius:7px;margin:0 6px 9px;padding:9px;font-size:8px;line-height:1.5}.library-list>button,.revision-entry{color:#c5d2e8;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px;display:flex}.library-list>button:hover,.library-list>button.is-active,.revision-entry:hover{background:#12294d;border-color:#315584}.library-list>button>span,.revision-entry>span,.revision-current>span{flex:1;gap:4px;min-width:0;display:grid}.library-list b,.revision-list b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.library-list small,.revision-list small{color:#7589ad;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.library-list em,.library-list i{color:#85a8dc;font-family:var(--font-mono);flex:none;font-size:8px;font-style:normal}.library-list i{color:#e0b76f}.revision-list{background:#081329}.revision-current{background:#0d2b3b;border:1px solid #285a74;border-radius:9px;align-items:center;gap:14px;margin-bottom:8px;padding:13px;display:flex}.revision-current>button{color:#edfbff;background:#176b62;border-radius:6px;flex:none;padding:7px 10px;font-size:9px;font-weight:800}.revision-diff{background:#0a1832;border:1px solid #2a4167;border-radius:9px;margin-bottom:10px;padding:10px}.revision-diff-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:7px;display:grid}.revision-diff-controls label{color:#7185aa;text-transform:uppercase;gap:4px;font-size:7px;font-weight:800;display:grid}.revision-diff-controls select,.revision-diff-controls button{color:#d6e3f6;background:#07142c;border:1px solid #31517f;border-radius:6px;height:29px;padding:0 8px;font-size:8px}.revision-diff-controls button{background:#1a69e2;font-weight:800}.revision-diff-controls button:disabled{opacity:.45}.revision-diff-controls>svg{color:#7898c5;align-self:center;margin-top:12px}.revision-diff-error{color:#ff9cac;margin:8px 0 0;font-size:8px}.revision-diff-result{border-top:1px solid #243a61;gap:8px;margin-top:10px;padding-top:9px;display:grid}.revision-diff-result>header{justify-content:space-between;gap:8px;display:flex}.revision-diff-result>header span{color:#7185aa;font-size:8px}.revision-diff-summary{flex-wrap:wrap;gap:5px;display:flex}.revision-diff-summary span{color:#9db9df;background:#13294b;border-radius:999px;padding:3px 6px;font-size:7px}.revision-diff-changes{gap:5px;max-height:180px;display:grid;overflow:auto}.revision-diff-changes article{background:#07142a;border-radius:6px;grid-template-columns:58px minmax(0,1fr);gap:2px 7px;min-width:0;padding:7px;display:grid}.revision-diff-changes article>span{color:#70a9f5;font-family:var(--font-mono);text-transform:uppercase;grid-row:1/3;font-size:7px}.revision-diff-changes article b,.revision-diff-changes article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.revision-diff-changes article b{font-size:9px}.revision-diff-changes article small,.revision-diff-changes>p{color:#7185aa;margin:0;font-size:7px}.revision-entry{min-height:55px}.revision-entry>svg{color:#80aeea;flex:none}.library-empty{color:#8295b6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:310px;font-size:10px;display:flex}.library-empty .route-state-pulse{margin:0 0 5px}.library-empty b{color:#d5dfef;font-size:13px}.library-error{color:#ffb2c0;background:#321824;border:1px solid #714151;border-radius:7px;align-items:center;gap:7px;margin-bottom:10px;padding:8px 10px;font-size:9px;display:flex}.revision-empty{color:#788bab;margin:18px 10px;font-size:9px}.modal-close{color:#7182a1;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;top:12px;right:12px}.route-state{text-align:center;background:radial-gradient(circle,#102653 0,#0000 37%),linear-gradient(#060d2fdd,#020614),repeating-linear-gradient(0deg,#0000 0 39px,#66a3ff12 40px),repeating-linear-gradient(90deg,#0000 0 39px,#66a3ff12 40px);flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100dvh;padding:30px;display:flex}.route-state:after{content:"";background:linear-gradient(90deg, transparent, var(--eon-blue), transparent);width:180px;height:1px;margin-top:30px}.route-state-pulse{border:2px solid #315b95;border-top-color:var(--eon-sky);border-radius:50%;width:18px;height:18px;margin:36px 0 15px;animation:.85s linear infinite spin;display:inline-block;position:relative}.route-state-icon{width:49px;height:49px;color:var(--eon-sky);background:#142d59;border:1px solid #365c94;border-radius:12px;justify-content:center;align-items:center;margin:35px 0 13px;display:inline-flex}.route-state-icon.is-error{color:#ff96a8;background:#381a25;border-color:#743a4b}.route-state h1{font-family:var(--font-display);margin:0 0 8px;font-size:clamp(30px,5vw,48px);font-style:italic;font-weight:400}.route-state p{color:#8999b8;max-width:460px;margin:0 0 20px;font-size:11px;line-height:1.6}.share-shell{background:var(--ink-0);grid-template-rows:68px minmax(0,1fr) 29px;width:100vw;height:100dvh;display:grid;overflow:hidden}.share-header{background:linear-gradient(90deg,#09142e,#060d2f 55%,#0b1734);border-bottom:1px solid #263b61;grid-template-columns:250px minmax(0,1fr) auto;align-items:center;gap:18px;min-width:0;padding:0 18px;display:grid;box-shadow:0 5px 22px #01040d99}.share-header:before{content:"";background:linear-gradient(90deg, var(--eon-sky), var(--eon-blue), transparent);width:38%;height:2px;position:absolute;top:0;left:0}.share-document-title{min-width:0}.share-document-title>span{color:var(--eon-sky);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:700}.share-document-title h1{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:19px;font-style:italic;font-weight:400;overflow:hidden}.share-header-meta{color:#7489ae;font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:13px;font-size:8px;display:flex}.share-header-meta span{align-items:center;gap:6px;display:inline-flex}.share-header-meta b{color:#a7b7d3;border:1px solid #2e476f;border-radius:5px;padding:5px 7px;font-weight:600}.share-workbench{grid-template-columns:minmax(0,1fr) 340px;min-width:0;min-height:0;display:grid;overflow:hidden}.share-feedback{background:#0a142b;border-left:1px solid #22365b;min-width:0;min-height:0;padding:18px 16px 24px;overflow-y:auto;box-shadow:-7px 0 24px #01040d52}.share-feedback-head{justify-content:space-between;align-items:flex-start;gap:11px;margin-bottom:14px;display:flex}.share-feedback-head>div{flex:1}.share-comment-form{margin-bottom:16px}.share-comment-form .button{width:100%;margin-top:7px}.viewer-permission{color:var(--eon-sky);background:#0d1d3a;border:1px solid #28436d;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:11px;display:flex}.viewer-permission>svg{flex:none}.viewer-permission b{color:#c6d5ec;font-size:9px}.viewer-permission p{color:#7285aa;margin:4px 0 0;font-size:8px;line-height:1.4}.share-comment-list article>footer{justify-content:flex-start}.share-error{z-index:80;color:#ffadba;background:#321822ee;border:1px solid #744353;border-radius:8px;align-items:center;gap:9px;width:min(520px,100vw - 30px);min-height:39px;padding:8px 9px;font-size:9px;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 14px 45px #01030b9e}.share-error span{flex:1}.share-error button{color:#c78390;background:0 0;border-radius:5px;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex}.share-footer{color:#63769b;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:#050c20;border-top:1px solid #263b61;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 12px;font-size:7px;display:grid}.share-footer span:first-child{color:#7f91b2;align-items:center;gap:6px;display:inline-flex}.share-footer .eon-logo,.preview-footer .eon-logo{width:36px}.share-footer span:last-child{justify-self:end}.mobile-feedback-button,.mobile-feedback-close,.mobile-dock,.mobile-sheet,.sheet-backdrop,.share-sheet-backdrop{display:none}.diagram-preview{z-index:120;color:#e8eef8;background:#050b19;grid-template-rows:64px minmax(0,1fr) 28px;display:grid;position:fixed;inset:0;overflow:hidden}.preview-header{background:#081329;border-bottom:1px solid #253a5f;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:0 18px;display:grid;box-shadow:0 8px 28px #01040d5c}.preview-header>div{min-width:0}.preview-header>div>span{color:#75a9f3;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px;font-size:7px;font-weight:800;display:block}.preview-header h1{color:#f4f7fd;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:720;overflow:hidden}.preview-status{color:#82dec2;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:#0d2d29;border:1px solid #245d51;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:7px;font-weight:800;display:inline-flex}.preview-status i,.preview-footer i{background:#51d3a2;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #51d3a2aa}.preview-header>button{color:#c7d4e8;background:#10213f;border:1px solid #385680;border-radius:7px;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:9px;font-weight:750;display:inline-flex}.preview-header>button:hover{color:#fff;background:#17315d;border-color:#5b87c5}.preview-workbench{min-width:0;min-height:0;position:relative;overflow:hidden}.preview-canvas{grid-template-rows:33px minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.diagram-canvas.is-read-only .canvas-node,.diagram-canvas.is-read-only .canvas-zone{cursor:grab}.diagram-canvas.is-read-only.is-panning .canvas-node,.diagram-canvas.is-read-only.is-panning .canvas-zone{cursor:grabbing}.preview-detail{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a142bf2;border:1px solid #365680;border-radius:12px;width:min(380px,100% - 36px);max-height:calc(100% - 68px);animation:.17s ease-out both popover-in;position:absolute;top:49px;right:18px;overflow:hidden auto;box-shadow:0 22px 65px #01040d99,inset 0 0 0 1px #ffffff08}.preview-detail-empty{color:#7286a9;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:32px;display:flex}.preview-detail-empty>span{color:#83b8ff;background:#10264a;border:1px solid #31517f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:inline-flex}.preview-detail-empty h2{color:#e3ebf8;margin:3px 0 9px;font-size:20px}.preview-detail-empty>p:last-child{max-width:260px;margin:0;font-size:9px;line-height:1.6}.preview-detail-content{padding:22px 20px 36px}.preview-detail-content>header{border-bottom:1px solid #203452;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:10px;padding-bottom:17px;display:grid}.preview-detail-content>header>div{min-width:0}.preview-detail-content h2{color:#f1f5fb;text-overflow:ellipsis;margin:0;font-size:20px;line-height:1.15;overflow:hidden}.preview-detail-icon{color:#80b5ff;background:#11294e;border:1px solid;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.preview-detail-content>header>button{color:#8193b2;background:#101e38;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.preview-detail-content>header>button:hover{color:#fff;background:#1b3155}.preview-badges{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.preview-badges span{color:#8ea2c4;font-family:var(--font-mono);text-transform:uppercase;background:#0e1d39;border:1px solid #2b456f;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:750}.preview-badges .status-confirmed{color:#72d4b2;border-color:#286c59}.preview-badges .status-probable{color:#86b8ff;border-color:#315d92}.preview-badges .status-proposal{color:#f6bd60;border-color:#725d34}.preview-badges .status-blocked{color:#ff8fa2;border-color:#754052}.preview-detail-content>section{margin-top:20px}.preview-detail-content>section h3{color:#7e93b8;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:8px}.preview-detail-content>section>p{color:#b3c0d4;overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.65}.preview-custom-fields,.preview-connections{gap:8px;display:grid}.preview-custom-fields article{background:#0d1b35;border:1px solid #263e65;border-radius:9px;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:11px;display:grid}.preview-custom-fields article>span{color:#8cbcff;background:#15315c;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.preview-custom-fields article>div{min-width:0}.preview-custom-fields b{color:#d9e3f2;margin-bottom:6px;font-size:9px;display:block}.preview-custom-fields a{color:#83b8ff;align-items:center;gap:5px;font-size:9px;font-weight:750;display:inline-flex}.preview-custom-fields a:hover{color:#fff;text-decoration:underline}.preview-custom-fields ul{color:#aebdd3;gap:6px;margin:0;padding-left:16px;font-size:9px;line-height:1.5;display:grid}.preview-connections button{color:#aebdd3;text-align:left;background:#0d1b35;border:1px solid #263e65;border-radius:8px;grid-template-columns:minmax(0,1fr) 16px;gap:3px 8px;min-width:0;padding:10px;display:grid}.preview-connections button:hover{background:#13284a;border-color:#4d7fbd}.preview-connections button>span,.preview-connections button>b,.preview-connections button>small{text-overflow:ellipsis;white-space:nowrap;grid-column:1;overflow:hidden}.preview-connections button>span{color:#6f85aa;font-family:var(--font-mono);text-transform:uppercase;font-size:7px}.preview-connections button>b{color:#dae3f1;font-size:9px}.preview-connections button>small{color:#7e92b4;font-size:8px}.preview-connections button>svg{color:#78aaff;grid-area:1/2/4;align-self:center}.preview-muted{font-style:italic;color:#7184a6!important}.preview-connection-route{color:#afbdd2;text-align:center;background:#10203d;border:1px solid #2c4772;border-radius:8px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:4px;margin-top:16px;padding:11px;font-size:8px;display:grid}.preview-connection-route span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-connection-route svg{color:#82b7ff}.preview-footer{color:#64779b;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:#050c20;border-top:1px solid #253a5f;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 12px;font-size:7px;display:grid}.preview-footer span:first-child{align-items:center;gap:6px;display:inline-flex}.preview-footer span:last-child{justify-self:end}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popover-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes validation-in{0%{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%)}}@keyframes connection-pulse{0%{opacity:.85;transform:scale(.75)}80%,to{opacity:0;transform:scale(1.55)}}@media (max-width:1280px){.command-bar{grid-template-columns:225px minmax(190px,1fr) auto;gap:10px}.environment-pill,.command-share{display:none!important}.workbench-grid{grid-template-columns:226px minmax(0,1fr) 286px}.command-actions>.command-save{min-width:105px}}@media (max-width:1040px){.studio-help-trigger span{display:none}.command-bar{grid-template-columns:180px minmax(180px,1fr) auto}.eon-product{display:none}.command-menu>summary span,.command-save{font-size:0!important}.command-menu>summary,.command-actions>.command-save{width:36px;min-width:36px;padding:0}.command-menu>summary svg:last-child{display:none}.graph-explorer{grid-template-columns:minmax(180px,1fr) auto minmax(260px,auto) auto}.graph-explorer-status{display:none}}@media (max-width:900px){:root{--topbar-height:60px;--status-height:27px}.studio-shell{grid-template-rows:var(--topbar-height) minmax(0, 1fr) 58px var(--status-height)}.command-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding:0 9px 0 12px}.brand-command .eon-logo{width:52px}.document-command>input{font-size:15px}.desktop-command,.export-menu{display:none!important}.command-actions>.command-save{width:38px;min-width:38px;height:38px}.workbench-grid{grid-template-columns:minmax(0,1fr)}.left-panel,.right-panel{display:none}.canvas-workspace{grid-column:1}.canvas-titlebar{padding:0 9px}.canvas-title-actions span{display:none}.graph-explorer{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:6px 8px}.graph-route-controls{grid-column:1/-1}.graph-route-controls label{flex:1}.graph-route-controls select{width:100%}.graph-explorer>.graph-icon-button{display:none}.canvas-tools{max-width:calc(100% - 22px);top:auto;bottom:13px}.canvas-tools button{width:34px;height:34px}.canvas-tools{height:44px}.canvas-coordinates,.canvas-axis{display:none}.connect-guide{top:13px}.mobile-dock{z-index:50;background:#071027;border-top:1px solid #263a60;grid-template-columns:repeat(5,1fr);padding:4px 7px 3px;display:grid;box-shadow:0 -8px 25px #01040d5c}.mobile-dock button{color:#6f83a8;background:0 0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.mobile-dock button.is-active{color:#dbe6f8;box-shadow:inset 0 2px var(--eon-blue);background:#122447}.mobile-dock button.mobile-publish:not(:disabled){color:#9fc5ff}.mobile-dock button:disabled{opacity:.45}.mobile-dock button span{font-size:7px;font-weight:700}.mobile-dock button b{min-width:14px;height:14px;font-size:7px;position:absolute;top:4px;left:calc(50% + 8px)}.sheet-backdrop,.share-sheet-backdrop{z-index:85;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#01040c99;display:block;position:fixed;inset:0}.mobile-sheet{z-index:90;right:0;bottom:calc(var(--status-height) + 58px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a142bf7;border-top:1px solid #34517f;border-radius:16px 16px 0 0;grid-template-rows:35px minmax(0,1fr);height:min(72dvh,640px);animation:.21s ease-out both sheet-in;display:grid;position:fixed;left:0;overflow:hidden;box-shadow:0 -25px 70px #01030bbd}.sheet-handle{border-bottom:1px solid #1d3153;justify-content:center;align-items:center;display:flex;position:relative}.sheet-handle>span{background:#3c5278;border-radius:999px;width:42px;height:4px}.sheet-handle button{color:#8093b5;background:#122341;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:4px;right:9px}.mobile-sheet .panel-content{padding-right:max(16px, env(safe-area-inset-right));padding-left:max(16px, env(safe-area-inset-left))}.node-library{grid-template-columns:repeat(3,1fr)}.status-strip{grid-row:4;grid-template-columns:1fr auto 1fr;padding:0 7px}.desktop-status,.status-identity>span:nth-child(2),.status-metrics span:nth-child(-n+3){display:none}.status-metrics{gap:0}.studio-toast{bottom:101px}.validation-popover{width:auto;max-height:45dvh;animation:.17s ease-out both mobile-validation-in;position:fixed;bottom:95px;left:10px;right:10px;transform:none}.workspace-banner{top:39px;left:8px;right:8px}.diagram-preview{grid-template-rows:60px minmax(0,1fr) 27px}.preview-header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:0 10px}.preview-header .preview-status{display:none}.preview-header>button{justify-content:center;width:36px;padding:0;font-size:0}.preview-workbench{display:block}.preview-detail{z-index:130;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a142bf7;border:1px solid #365785;border-radius:12px;width:auto;height:auto;max-height:min(64dvh,620px);animation:.21s ease-out both sheet-in;display:block;position:fixed;inset:auto 10px 38px;box-shadow:0 -18px 70px #01030bc2}.preview-detail-content{padding-right:max(18px, env(safe-area-inset-right));padding-left:max(18px, env(safe-area-inset-left))}.preview-footer{grid-template-columns:1fr auto}.preview-footer span:nth-child(2){display:none}.share-shell{grid-template-rows:60px minmax(0,1fr) 27px}.share-header{grid-template-columns:auto minmax(0,1fr) auto;gap:11px;padding:0 12px}.share-header .eon-product,.share-header-meta span{display:none}.share-header-meta b{padding:4px 6px}.share-workbench{grid-template-columns:minmax(0,1fr)}.share-feedback{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a142bf7;border-top:1px solid #34517f;border-left:0;border-radius:16px 16px 0 0;height:min(75dvh,680px);padding:18px 16px 30px;display:none;position:fixed;bottom:27px;left:0;right:0;box-shadow:0 -25px 70px #01030bc2}.share-feedback.is-open{animation:.21s ease-out both sheet-in;display:block}.mobile-feedback-close{color:#8395b8;background:#122341;border-radius:6px;justify-content:center;align-items:center;width:29px;height:29px;display:inline-flex}.mobile-feedback-button{z-index:70;color:#fff;background:#173a6d;border:1px solid #4b83cf;border-radius:999px;align-items:center;gap:7px;height:40px;padding:0 13px;font-size:9px;font-weight:750;display:flex;position:fixed;bottom:42px;right:14px;box-shadow:0 12px 30px #01040d91}.share-footer{grid-template-columns:1fr auto}.share-footer span:nth-child(2){display:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-validation-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:560px){.brand-command{width:50px}.brand-command .eon-logo{width:44px}.document-overline{display:none}.document-command>input{margin-top:0;font-size:14px}.file-menu{display:none}.command-actions{gap:3px}.canvas-titlebar small,.canvas-titlebar i{display:none}.graph-explorer{grid-template-columns:minmax(0,1fr);gap:7px;padding:8px}.graph-search,.graph-scope-controls,.graph-route-controls{grid-column:1;width:100%}.graph-scope-controls .graph-control-button{flex:1}.canvas-tools{gap:1px}.canvas-tools button{width:32px}.canvas-zoom-value{width:33px}.node-library{grid-template-columns:1fr 1fr}.conflict-modal{padding:22px}.library-modal{max-height:calc(100dvh - 24px);padding:18px}.library-grid{grid-template-columns:1fr;max-height:calc(100dvh - 190px);overflow-y:auto}.library-list,.revision-list{overflow:visible}.library-list{border-bottom:1px solid #253b60;border-right:0}.conflict-actions{flex-direction:column-reverse}.conflict-actions .button{width:100%}.share-document-title>span{font-size:7px}.share-document-title h1{font-size:15px}.share-footer span:last-child{display:none}.share-footer{grid-template-columns:1fr}.preview-header .eon-mark{display:none}.preview-header{grid-template-columns:minmax(0,1fr) auto}.preview-footer span:last-child{display:none}.preview-footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.node-surface,.canvas-zone rect:first-child,.edge-line{forced-color-adjust:auto}.environment-pill i,.live-dot,.status-online i{background:buttontext}}