:root{--bg-inset: #0a0d14;--bg: #0e121b;--bg-panel: #141926;--bg-elevated: #1a2030;--bg-hover: #212838;--border: #232b3d;--border-strong: #303a50;--text: #e7ebf3;--text-muted: #8d96ac;--text-faint: #5b6478;--accent: #7c9cff;--accent-strong: #5b82ff;--accent-soft: rgba(124, 156, 255, .14);--on-accent: #0a0d14;--ok: #4ade80;--warn: #fbbf24;--danger: #f87171;--grid-dot: rgba(255, 255, 255, .07);--radius-sm: 6px;--radius: 9px;--radius-lg: 14px;--shadow-card: 0 10px 30px rgba(0, 0, 0, .45);--shadow-pop: 0 16px 40px rgba(0, 0, 0, .5);--toolbar-height: 52px;--statusbar-height: 28px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app__toolbar{display:flex;align-items:center;gap:16px;height:var(--toolbar-height);padding:0 14px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex:0 0 auto}.app__brand{display:flex;align-items:center;gap:9px;font-weight:650;letter-spacing:-.01em;white-space:nowrap}.app__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;font-family:var(--font-mono);font-size:11px;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm)}.app__toolbar-actions{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.app__account{display:inline-flex;align-items:center;gap:8px;max-width:220px;font-size:12px;color:var(--text-muted)}.app__account>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app__sign-out{flex:0 0 auto;padding:4px 8px;font:inherit;font-size:11px;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.app__sign-out:hover{color:var(--text);background:var(--bg-hover)}.app__command-shortcut,.palette__shortcut{font-family:inherit;font-size:10.5px;line-height:1;padding:3px 5px;color:var(--text-faint);background:var(--bg-hover);border:1px solid var(--border);border-radius:4px}.palette__item--active .palette__shortcut{color:var(--on-accent);background:transparent;border-color:currentColor;opacity:.85}.app__workspace{display:flex;flex:1 1 auto;min-height:0}.app__pane{min-width:0;min-height:0;background:var(--bg);display:flex;flex-direction:column}.app__pane--explorer{flex:0 0 252px;background:var(--bg-panel);border-right:1px solid var(--border)}.app__pane--editor{flex:1 1 42%;min-width:280px}.app__pane--preview{flex:1 1 58%;min-width:280px;border-left:1px solid var(--border)}.app__statusbar{display:flex;align-items:center;gap:14px;height:var(--statusbar-height);padding:0 14px;background:var(--bg-panel);border-top:1px solid var(--border);color:var(--text-muted);flex:0 0 auto;font-size:11.5px}.app__status-item{white-space:nowrap}.app__status-item--ok{color:var(--ok)}.app__status-item--error{color:var(--danger)}.app__status-item--muted{color:var(--text-faint)}.app__status-spacer{flex:1 1 auto}.button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:550;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent)}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.button--primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.button--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.button--ghost:hover:not(:disabled){color:var(--text);background:var(--bg-hover);border-color:var(--border)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;font:inherit;font-size:15px;line-height:1;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease,color .12s ease}.icon-button:hover{color:var(--text);background:var(--bg-hover)}.icon-button--text{width:auto;padding:0 7px;font-size:11px;font-weight:650;font-family:var(--font-mono)}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius)}.segmented__option{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;font:inherit;font-size:12.5px;font-weight:550;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease,color .12s ease}.segmented__option:hover{color:var(--text)}.segmented__option--active{color:var(--text);background:var(--bg-elevated);box-shadow:0 1px 2px #00000059}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch__input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;width:34px;height:19px;background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:999px;transition:background .14s ease,border-color .14s ease}.switch__thumb{position:absolute;top:2px;left:2px;width:13px;height:13px;background:var(--text-faint);border-radius:50%;transition:transform .14s ease,background .14s ease}.switch__input:checked+.switch__track{background:var(--accent-soft);border-color:var(--accent)}.switch__input:checked+.switch__track .switch__thumb{background:var(--accent);transform:translate(15px)}.switch__input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}.switch__label{font-size:12.5px;font-weight:550;color:var(--text-muted)}.editor{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;height:100%}.editor__code{display:flex;flex:1 1 auto;min-height:0;background:var(--bg-inset);--editor-font-size: 13px;--editor-line-height: calc(var(--editor-font-size) * 1.6)}.editor__gutter{flex:0 0 auto;padding:12px 8px 12px 12px;overflow:hidden;text-align:right;font-family:var(--font-mono);font-size:12.5px;line-height:var(--editor-line-height);color:var(--text-faint);background:var(--bg-inset);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none}.editor__line-number{display:flex;align-items:center;justify-content:flex-end;gap:5px;height:var(--editor-line-height);min-width:1.6em}.editor__line-number--steps{display:grid;grid-template-columns:20px 2em;align-items:center;justify-content:end;column-gap:5px;min-width:0}.editor__step{grid-column:1;justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 3px;border:1px solid currentColor;border-radius:999px;font-size:10px;font-weight:650;line-height:1;color:var(--accent);background:var(--accent-soft)}.editor__line-no{grid-column:2;text-align:right;font-variant-numeric:tabular-nums}.editor__input{position:relative;flex:1 1 auto;min-height:0;min-width:0}.editor__textarea{flex:1 1 auto;min-height:0;resize:none;width:100%;padding:12px 14px;background:var(--bg-inset);color:var(--text);border:none;font-family:var(--font-mono);font-size:var(--editor-font-size);line-height:var(--editor-line-height);-moz-tab-size:2;tab-size:2;outline:none}.editor__textarea::placeholder{color:var(--text-faint)}.editor__input .editor__highlight,.editor__input .editor__textarea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:12px 14px;border:none;font-family:var(--font-mono);font-size:var(--editor-font-size);line-height:var(--editor-line-height);white-space:pre-wrap;overflow-wrap:break-word;scrollbar-gutter:stable;-moz-tab-size:2;tab-size:2}.editor__input .editor__highlight{overflow:hidden;pointer-events:none;color:var(--text);background:var(--bg-inset)}.editor__input .editor__highlight strong{font-weight:700;color:var(--accent)}.editor__input .editor__textarea{overflow:auto;color:transparent;caret-color:var(--text);background:transparent}.editor__input .editor__textarea::selection{background:var(--accent-soft)}.editor__footer{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--bg-panel);border-top:1px solid var(--border);flex:0 0 auto}.editor__count{margin-left:auto;font-size:11.5px;color:var(--text-faint);font-family:var(--font-mono)}.editor__error{margin:0;padding:14px;color:var(--danger);font-size:13px}.snippets{position:relative}.snippets__menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:50;min-width:250px;max-height:min(60vh,420px);overflow-y:auto;margin:0;padding:5px;list-style:none;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-pop)}.snippets__item{display:flex;flex-direction:column;gap:1px;width:100%;padding:7px 9px;font:inherit;text-align:left;color:var(--text);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.snippets__item:hover{background:var(--bg-hover)}.snippets__label{font-size:12.5px;font-weight:550}.snippets__hint{font-size:11px;color:var(--text-faint)}.editor__ok{display:flex;align-items:center;gap:6px;margin:0;padding:7px 14px;font-size:11.5px;color:var(--text-faint);border-top:1px solid var(--border);background:var(--bg-panel)}.editor__ok:before{content:"●";color:var(--ok);font-size:9px}.editor__diagnostics{list-style:none;margin:0;padding:0;max-height:190px;overflow:auto;border-top:1px solid var(--border);background:var(--bg-panel)}.editor__diagnostic{display:flex;gap:8px;padding:6px 14px;font-size:12px;font-family:var(--font-mono);border-bottom:1px solid var(--border)}.editor__diagnostic:last-child{border-bottom:none}.editor__diagnostic-severity{flex:0 0 auto;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.04em;padding-top:1px}.editor__diagnostic--error .editor__diagnostic-severity{color:var(--danger)}.editor__diagnostic--warning .editor__diagnostic-severity{color:var(--warn)}.editor__diagnostic--info .editor__diagnostic-severity{color:var(--accent)}.editor__diagnostic-message{white-space:pre-wrap;color:var(--text-muted)}.docs{flex:1 1 auto;min-height:0;overflow-y:auto;padding:22px 26px 40px;background:var(--bg)}.docs__intro{max-width:62ch;margin:0 0 26px;color:var(--text-muted);font-size:13px;line-height:1.65}.docs__section+.docs__section{margin-top:34px}.docs__section-title{margin:0 0 18px;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.docs__list{margin:0;display:flex;flex-direction:column;gap:26px}.docs__entry{display:grid;grid-template-columns:minmax(90px,130px) 1fr;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--border)}.docs__entry:last-child{border-bottom:none;padding-bottom:0}.docs__name{font-size:13px;font-weight:650;color:var(--text)}.docs__body{margin:0;min-width:0}.docs__syntax{display:inline-block;padding:3px 8px;font-family:var(--font-mono);font-size:12px;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm)}.docs__summary{margin:9px 0 0;color:var(--text-muted);font-size:13px;line-height:1.6}.docs__example{margin:11px 0 0;padding:11px 13px;overflow-x:auto;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius)}@media (max-width: 860px){.docs__entry{grid-template-columns:1fr;gap:8px}}.app__docs-button{display:inline-flex;align-items:center;gap:7px}.app__page-title{font-size:13px;font-weight:650;color:var(--text-muted)}.docspage{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;background:var(--bg)}.docspage__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 30px 20px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.docspage__eyebrow{margin:0 0 6px;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.docspage__title{margin:0;font-size:21px;font-weight:650;letter-spacing:-.01em}.docspage__lead{max-width:68ch;margin:9px 0 0;font-size:13px;line-height:1.65;color:var(--text-muted)}.docspage__back{flex:0 0 auto}.docspage__body{display:flex;flex:1 1 auto;min-height:0}.docspage__nav{flex:0 0 236px;display:flex;flex-direction:column;gap:4px;padding:20px 14px;overflow-y:auto;background:var(--bg-panel);border-right:1px solid var(--border)}.docspage__nav-item{display:flex;flex-direction:column;gap:3px;padding:9px 11px;font:inherit;text-align:left;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.docspage__nav-item:hover{color:var(--text);background:var(--bg-hover)}.docspage__nav-item--active{color:var(--text);background:var(--bg-elevated);border-color:var(--border)}.docspage__nav-label{font-size:13px;font-weight:600}.docspage__nav-hint{font-size:11.5px;line-height:1.4;color:var(--text-faint)}.docspage__content{flex:1 1 auto;min-width:0;overflow-y:auto;padding:24px 30px 48px}.docspage__content .docs{padding:0;overflow:visible;background:transparent}.ref{max-width:78ch}.ref__intro{margin:0 0 26px;font-size:13px;line-height:1.65;color:var(--text-muted)}.ref__group+.ref__group{margin-top:34px}.ref__group-title{margin:0 0 16px;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.ref__list{margin:0;display:flex;flex-direction:column;gap:18px}.ref__list--bullets{gap:9px;padding-left:18px;list-style:disc;font-size:13px;line-height:1.6;color:var(--text-muted)}.ref__entry{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}.ref__entry:last-child{padding-bottom:0;border-bottom:none}.ref__name{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.ref__shortcut{font-family:var(--font-mono);font-size:10.5px;line-height:1;padding:3px 5px;color:var(--text-faint);background:var(--bg-hover);border:1px solid var(--border);border-radius:4px}.ref__body{margin:0;min-width:0}.ref__summary{margin:0;font-size:13px;line-height:1.6;color:var(--text-muted)}.ref__summary+.ref__code,.ref__summary+.ref__summary{margin-top:11px}.ref__condition{margin:7px 0 0;font-size:12px;font-style:italic;color:var(--text-faint)}.ref__code{margin:11px 0 0;padding:12px 14px;overflow-x:auto;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius)}.ref__code code{font:inherit}@media (max-width: 860px){.docspage__body{flex-direction:column}.docspage__nav{flex:0 0 auto;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.docspage__nav-hint{display:none}.ref__entry{grid-template-columns:1fr;gap:6px}}.preview{position:relative;display:flex;flex:1 1 auto;min-width:0;min-height:0;height:100%}.preview__empty{margin:auto;padding:22px 26px;text-align:center;max-width:34ch;color:var(--text-muted);font-size:13px;line-height:1.6;border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.preview__pause{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow-pop)}.preview__pause-label{font-size:11.5px;color:var(--text-muted)}.viewport{position:relative;flex:1 1 auto;min-width:0;min-height:0}.viewport__pane{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;touch-action:none;background-color:var(--bg-inset);background-image:radial-gradient(circle,var(--grid-dot) 1px,transparent 1px);background-size:22px 22px}.viewport__pane--panning{cursor:grabbing}.viewport__content{transform-origin:0 0;background:#fff;border-radius:3px;box-shadow:var(--shadow-card);will-change:transform}.viewport__content svg{display:block}.viewport__rail{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-pop)}.viewport__zoom{padding:2px 0;font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);min-width:40px;text-align:center}.minimap{position:absolute;left:14px;bottom:14px;padding:6px;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-pop)}.minimap__canvas{position:relative;overflow:hidden;border-radius:4px;cursor:crosshair}.minimap__image{display:block;pointer-events:none}.minimap__view{position:absolute;border:1.5px solid var(--accent);background:var(--accent-soft);border-radius:2px;pointer-events:none}.tab-bar{display:flex;align-items:stretch;gap:2px;padding:6px 8px 0;overflow-x:auto;border-bottom:1px solid var(--border);background:var(--bg-panel);flex:0 0 auto;min-height:38px}.tab-bar__empty{padding:6px 8px;font-size:12px;color:var(--text-faint)}.tab{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid transparent;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;white-space:nowrap;max-width:200px}.tab:hover{color:var(--text);background:var(--bg)}.tab--active{color:var(--text);background:var(--bg);border-color:var(--border)}.tab__label{overflow:hidden;text-overflow:ellipsis}.tab__icon{font-size:11px;line-height:1;opacity:.75}.tab--note .tab__icon{color:var(--ok)}.tab__dirty{font-size:9px;line-height:1;color:var(--accent)}.tab__close{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:11px;line-height:1;border-radius:3px;opacity:.6}.tab__close:hover{opacity:1;color:var(--danger);background:var(--bg-elevated)}.explorer{display:flex;flex-direction:column;min-height:0;height:100%}.explorer__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);border-bottom:1px solid var(--border)}.explorer__mode{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer__open-button{flex:0 0 auto;padding:4px 9px;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer}.explorer__open-button:hover:not(:disabled){border-color:var(--accent);background:var(--bg-hover)}.explorer__open-button:disabled{opacity:.45;cursor:not-allowed}.explorer__create{display:flex;gap:6px;padding:10px 12px 6px}.explorer__input,.explorer__search-input{width:100%;min-width:0;padding:6px 10px;font:inherit;font-size:12.5px;color:var(--text);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none}.explorer__input::placeholder,.explorer__search-input::placeholder{color:var(--text-faint)}.explorer__input:focus,.explorer__search-input:focus{border-color:var(--accent)}.explorer__create-button{flex:0 0 auto;padding:6px 11px;font:inherit;font-size:12px;font-weight:600;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer}.explorer__create-button:disabled{opacity:.4;cursor:not-allowed}.explorer__search{padding:6px 12px 12px;border-bottom:1px solid var(--border)}.explorer__loading,.explorer__empty{margin:0;padding:14px 12px;font-size:12px;line-height:1.6;color:var(--text-faint)}.explorer__projects{list-style:none;margin:0;padding:8px 8px 20px;overflow-y:auto;min-height:0}.explorer__project{margin-bottom:4px;border-radius:var(--radius-sm)}.explorer__project--selected{background:var(--accent-soft)}.explorer__project-header{display:flex;align-items:center;gap:6px;padding:7px 8px}.explorer__project-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600}.explorer__project-collapse,.explorer__project-menu{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;font:inherit;font-size:12px;line-height:1;color:var(--text-faint);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.explorer__project-collapse:hover,.explorer__project-menu:hover{color:var(--text);background:var(--bg-hover)}.explorer__project-collapse:focus-visible,.explorer__project-menu:focus-visible{color:var(--text);outline:2px solid var(--accent);outline-offset:1px}.explorer__diagrams{list-style:none;margin:0;padding:0 4px 4px}.explorer__diagram{border-radius:var(--radius-sm)}.explorer__diagram--selected{background:var(--bg-hover)}.explorer__diagram-button{display:block;width:100%;padding:6px 10px;font:inherit;font-size:12.5px;text-align:left;color:var(--text-muted);background:transparent;border:none;border-left:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer__diagram-button:hover{color:var(--text);background:var(--bg-hover)}.explorer__diagram--selected .explorer__diagram-button{color:var(--text);border-left-color:var(--accent)}.explorer__diagram-empty{padding:5px 10px;font-size:11.5px;color:var(--text-faint);font-style:italic}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:#04060a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.palette{display:flex;flex-direction:column;width:min(560px,calc(100vw - 32px));max-height:60vh;overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.palette__input{width:100%;padding:14px 18px;font:inherit;font-size:15px;color:var(--text);background:transparent;border:none;border-bottom:1px solid var(--border);outline:none}.palette__input::placeholder{color:var(--text-faint)}.palette__list{list-style:none;margin:0;padding:5px;overflow-y:auto}.palette__empty{padding:18px;color:var(--text-faint);text-align:center;font-size:13px}.palette__item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 13px;font:inherit;font-size:13.5px;color:var(--text);background:transparent;border:none;border-radius:var(--radius-sm);text-align:left;cursor:pointer}.palette__item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette__item--active{color:var(--on-accent);background:var(--accent)}.palette__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 18px;border-top:1px solid var(--border)}.palette__hint{color:var(--text-faint);font-size:11.5px}.palette__open-hint{display:inline-flex;align-items:center;gap:6px}.search{width:min(720px,calc(100vw - 32px));max-height:70vh}.search__result{display:flex;flex-direction:column;gap:3px}.search__result-head{display:flex;align-items:baseline;gap:8px}.search__result-icon{font-size:11px;opacity:.8}.search__result-title{font-weight:600}.search__result-where{margin-left:auto;font-size:11.5px;color:var(--text-faint);white-space:nowrap}.search__result-excerpt{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette__item--active .search__result-where,.palette__item--active .search__result-excerpt{color:var(--on-accent);opacity:.85}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;background:#04060a9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog{width:min(460px,calc(100vw - 32px));padding:20px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.dialog__title{margin:0 0 8px;font-size:15px;font-weight:650;letter-spacing:-.01em}.dialog__message{margin:0 0 18px;font-size:13px;line-height:1.6;color:var(--text-muted)}.dialog__actions{display:flex;align-items:center;gap:8px}.dialog__spacer{flex:1 1 auto}.button--danger{color:#2a0a0a;background:var(--danger);border-color:var(--danger)}.button--danger:hover:not(:disabled){background:#ef4444;border-color:#ef4444}.button--small{padding:3px 9px;font-size:11.5px}.button--danger-text{color:var(--danger)}.button--danger-text:hover:not(:disabled){color:var(--danger);background:#f871711f;border-color:transparent}.history{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;padding:16px;overflow-y:auto}.history__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.history__heading{display:flex;align-items:baseline;gap:8px}.history__title{margin:0;font-size:14px;font-weight:650}.history__count{font-size:11.5px;color:var(--text-faint)}.history__project{font-size:11.5px;font-weight:600;color:var(--text-muted)}.history__tree{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}.history__branch{display:flex;flex-direction:column;gap:8px}.history__branch-header{display:flex;align-items:center;gap:7px;padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm)}.history__branch--active .history__branch-header{border-color:var(--accent)}.history__branch-icon{flex:0 0 auto;font-size:11px;color:var(--text-faint)}.history__branch-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600}.history__branch-count{flex:0 0 auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-faint)}.history__branch>.history__list{margin-left:9px;padding-left:13px;border-left:1px solid var(--border-strong)}.history__empty{margin:auto;max-width:34ch;padding:20px;text-align:center;font-size:13px;line-height:1.6;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.history__list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.history__version{padding:10px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.history__version--current{border-color:var(--accent)}.history__version-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history__time{font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.history__label{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.history__badge{margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px}.history__summary{margin:6px 0 8px;font-family:var(--font-mono);font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history__actions{display:flex;gap:6px}.preview__notes{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow-card)}.preview__notes-label{font-size:11.5px;color:var(--text-muted)}.note-bullet circle:first-child{transition:fill .12s ease}.note-bullet:hover circle:first-child{fill:#ffe9a3}.note-bullet:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.explorer__hidden{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;font-size:11.5px;color:var(--warn);background:#fbbf2414;border-bottom:1px solid var(--border)}.explorer__hidden-button{font:inherit;font-size:11.5px;color:var(--warn);background:transparent;border:none;cursor:pointer;text-decoration:underline}.explorer__diagram{display:flex;align-items:center}.explorer__diagram-button{flex:1 1 auto;min-width:0}.explorer__notes{list-style:none;margin:0;padding:0 4px 4px}.explorer__note{display:flex;align-items:center;border-radius:var(--radius-sm)}.explorer__note--selected{background:var(--bg-hover)}.explorer__note-button{flex:1 1 auto;min-width:0;display:block;width:100%;padding:6px 10px;font:inherit;font-size:12.5px;text-align:left;color:var(--text-muted);background:transparent;border:none;border-left:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer__note-button:hover{color:var(--text);background:var(--bg-hover)}.explorer__note--selected .explorer__note-button{color:var(--text);border-left-color:var(--warn)}.explorer__item-icon{margin-right:6px;color:var(--text-faint);font-size:10px}.explorer__diagram-menu,.explorer__note-menu{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:2px;font:inherit;font-size:12px;line-height:1;color:var(--text-faint);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:0}.explorer__diagram:hover .explorer__diagram-menu,.explorer__note:hover .explorer__note-menu,.explorer__diagram-menu:focus-visible,.explorer__note-menu:focus-visible{opacity:1}.explorer__diagram-menu:hover,.explorer__note-menu:hover{color:var(--text);background:var(--bg-elevated)}.explorer__project-add{flex:0 0 auto;width:22px;height:22px;padding:0;font:inherit;font-size:13px;line-height:1;color:var(--text-faint);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.explorer__project-add:hover{color:var(--accent);background:var(--bg-hover)}.context-menu{position:fixed;z-index:1200;min-width:168px;padding:4px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-pop)}.context-menu__item{display:block;width:100%;padding:7px 10px;font:inherit;font-size:12.5px;text-align:left;color:var(--text);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.context-menu__item:hover,.context-menu__item:focus-visible{background:var(--bg-hover)}.context-menu__item--danger{color:var(--danger)}.context-menu__item--danger:hover,.context-menu__item--danger:focus-visible{background:#f871711f}.dialog__field{display:block;margin-bottom:18px}.dialog__label{display:block;margin-bottom:6px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.dialog__input{width:100%;padding:8px 10px;font:inherit;font-size:13px;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none}.dialog__input:focus{border-color:var(--accent)}.note-header{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 12px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.note-header__icon{color:var(--warn);font-size:12px}.note-header__title{font-size:12.5px;font-weight:600;color:var(--text)}.note-header__name{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.editor--markdown{flex:1 1 auto;min-height:0}.editor__markdown-hint{font-size:11px;color:var(--text-faint)}.editor__textarea--drop{border-color:var(--accent);background:var(--accent-soft)}.participant{cursor:grab}.participant:active{cursor:grabbing}.note-preview{flex:1 1 auto;min-height:0;overflow-y:auto;padding:28px 32px}.markdown{max-width:74ch;margin:0 auto;color:var(--text);line-height:1.7;font-size:14px}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin:1.4em 0 .5em;line-height:1.25;letter-spacing:-.01em}.markdown h1{margin-top:0;font-size:24px;border-bottom:1px solid var(--border);padding-bottom:8px}.markdown h2{font-size:18px}.markdown h3{font-size:15px}.markdown p{margin:0 0 1em}.markdown ul,.markdown ol{margin:0 0 1em;padding-left:22px}.markdown li{margin-bottom:4px}.markdown code{padding:1px 5px;font-family:var(--font-mono);font-size:12.5px;background:var(--bg-inset);border:1px solid var(--border);border-radius:4px}.markdown pre{margin:0 0 1em;padding:12px 14px;overflow-x:auto;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius)}.markdown pre code{padding:0;background:transparent;border:none}.markdown blockquote{margin:0 0 1em;padding-left:14px;border-left:3px solid var(--border-strong);color:var(--text-muted)}.markdown blockquote p{margin:0 0 .5em}.markdown hr{margin:1.5em 0;border:none;border-top:1px solid var(--border)}.markdown__link{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.markdown__link:hover{border-bottom-color:currentColor}.markdown__link--broken{color:var(--warn);border-bottom:1px dashed currentColor}.outline,.problems{flex:1 1 auto;min-height:0;overflow-y:auto;background:var(--bg-panel)}.outline{padding:6px 0 10px}.outline__empty,.problems__empty{margin:0;padding:14px;font-size:12px;line-height:1.6;color:var(--text-faint)}.outline__item{display:flex;align-items:center;gap:4px;padding:3px 10px 3px 0;font-size:12.5px;color:var(--text-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;outline:none;white-space:nowrap}.outline__item:hover{background:var(--bg-hover);color:var(--text)}.outline__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.outline__item--active{background:var(--accent-soft);color:var(--text)}.outline__twisty{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;font:inherit;font-size:10px;line-height:1;color:var(--text-faint);background:transparent;border:none;border-radius:4px;cursor:pointer}.outline__twisty:hover{color:var(--text);background:var(--bg-inset)}.outline__twisty--empty{cursor:default}.outline__label{overflow:hidden;text-overflow:ellipsis}.outline__label[data-kind=note]{color:var(--warn)}.outline__label[data-kind=heading]{color:var(--text);font-weight:600}.outline__label[data-kind=alt],.outline__label[data-kind=loop],.outline__label[data-kind=opt],.outline__label[data-kind=par],.outline__label[data-kind=critical],.outline__label[data-kind=break],.outline__label[data-kind=branch]{color:var(--accent)}.outline__item--active .outline__label{color:inherit}.problems{padding:4px 0 12px}.problems__heading{margin:0;padding:10px 14px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.problems__group--error .problems__heading{color:var(--danger)}.problems__group--warning .problems__heading{color:var(--warn)}.problems__group--info .problems__heading{color:var(--accent)}.problems__list{list-style:none;margin:0;padding:0}.problems__item{display:flex;flex-direction:column;gap:2px;width:100%;padding:7px 14px;font:inherit;font-size:12.5px;text-align:left;color:var(--text-muted);background:transparent;border:none;border-left:2px solid transparent;cursor:pointer}.problems__item:hover{background:var(--bg-hover);color:var(--text)}.problems__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.problems__item--error{border-left-color:var(--danger)}.problems__item--warning{border-left-color:var(--warn)}.problems__item--info{border-left-color:var(--accent)}.problems__message{line-height:1.45}.problems__where{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}@media (max-width: 900px){.app__pane--explorer{display:none}}.completions{position:absolute;bottom:100%;left:8px;z-index:30;min-width:220px;max-height:220px;overflow-y:auto;margin:0 0 4px;padding:4px;list-style:none;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop)}.completions__item{display:flex;align-items:baseline;gap:8px;width:100%;padding:5px 8px;font:inherit;font-size:12.5px;color:var(--text);background:transparent;border:none;border-radius:4px;text-align:left;cursor:pointer}.completions__item--active{color:var(--on-accent);background:var(--accent)}.completions__detail{margin-left:auto;font-size:11px;color:var(--text-faint)}.completions__item--active .completions__detail{color:var(--on-accent);opacity:.85}.hover-card{position:fixed;z-index:40;max-width:320px;padding:8px 10px;font-size:12px;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);pointer-events:none}.hover-card__title{margin-bottom:4px;font-weight:600;font-family:var(--font-mono)}.hover-card__rows{display:flex;flex-direction:column;gap:2px;margin:0}.hover-card__row{display:flex;gap:8px}.hover-card__row dt{min-width:74px;color:var(--text-faint)}.hover-card__row dd{margin:0;color:var(--text-muted)}.viewport__content .svg-node--active{outline:2px solid var(--accent);outline-offset:1px}.overview{padding:16px 18px;overflow-y:auto}.overview__title{margin:0 0 12px;font-size:15px;font-family:var(--font-mono)}.overview__cards{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.overview__card{flex:1 1 150px;padding:10px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.overview__card h3{margin:0 0 6px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.overview__card p{margin:0;font-size:13px}.overview__bad{color:var(--danger)}.overview__heading{margin:0 0 8px;font-size:13px}.overview__resources{margin:0;padding:0;list-style:none}.overview__resource{display:flex;align-items:baseline;gap:10px;width:100%;padding:6px 8px;font:inherit;font-size:12.5px;color:var(--text);background:transparent;border:none;border-radius:var(--radius-sm);text-align:left;cursor:pointer}.overview__resource:hover{background:var(--bg-hover)}.overview__resource-title{font-weight:500}.overview__resource-meta{color:var(--text-faint);font-size:11.5px}.overview__resource-id{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--accent)}.overview__empty{padding:18px;color:var(--text-faint);font-size:13px}.workspaces{flex:0 0 auto;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--bg-inset)}.workspaces__group+.workspaces__group{border-top:1px solid var(--border)}.workspaces__group-title{margin:0}.workspaces__group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 0 5px;font:inherit;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);background:transparent;border:0;cursor:pointer}.workspaces__group-toggle:hover{color:var(--text)}.workspaces__list{list-style:none;margin:0;padding:0}.workspaces__item{display:flex;align-items:center;gap:6px;width:100%;padding:5px 7px;font:inherit;font-size:12.5px;text-align:left;color:var(--text);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.workspaces__item:hover:not(:disabled){background:var(--bg-hover)}.workspaces__item:disabled{color:var(--text-faint);cursor:not-allowed}.workspaces__item--active{color:var(--accent);background:var(--accent-soft);border-color:var(--border-strong)}.workspaces__item-icon{flex:0 0 auto;font-size:11px;color:var(--text-faint)}.workspaces__note{margin:0 0 6px;font-size:11.5px;color:var(--text-muted)}.workspaces__signed-out{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.workspaces__create{display:flex;gap:6px;margin-bottom:8px}.workspaces__create-button{flex:0 0 auto;padding:4px 9px;font:inherit;font-size:11.5px;color:var(--on-accent);background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer}.workspaces__create-button:disabled{color:var(--text-faint);background:var(--bg-hover);cursor:not-allowed}.workspaces__error{margin:6px 0 0;font-size:11.5px;color:var(--danger)}.workspaces__retry{margin-left:6px;padding:1px 6px;font:inherit;font-size:11px;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.workspaces__download{width:100%;margin:8px 0 4px;padding:5px 7px;font:inherit;font-size:11.5px;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.workspaces__download:hover{color:var(--text);background:var(--bg-hover)}.app__status-action{margin-left:8px;padding:1px 7px;font:inherit;font-size:11px;color:var(--text);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer}.app__status-action:hover{background:var(--bg-hover)}.tokens{flex:1;min-height:0;overflow:auto;padding:24px 32px 48px;display:flex;flex-direction:column;gap:20px}.tokens__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tokens__eyebrow{margin:0 0 2px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.tokens__title{margin:0;font-size:22px}.tokens__lead{margin:6px 0 0;max-width:70ch;color:var(--text-muted)}.tokens__heading{margin:0 0 10px;font-size:15px}.tokens__panel{padding:16px;border:1px solid var(--border);border-radius:var(--radius-md, 8px);background:var(--bg-elevated, transparent)}.tokens__row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.tokens__field{display:flex;flex-direction:column;gap:4px;font-size:12px}.tokens__field input,.tokens__field select{min-width:220px;padding:5px 8px;font:inherit;color:var(--text);background:var(--bg-input, transparent);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.tokens__scopes{margin:0 0 14px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm)}.tokens__scope{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:13px}.tokens__secret{padding:16px;border:1px solid var(--accent, #c9a227);border-radius:var(--radius-md, 8px);background:var(--bg-elevated, transparent)}.tokens__warning{margin:0 0 10px;max-width:80ch;color:var(--text-muted)}.tokens__secret-row{display:flex;flex-wrap:wrap;gap:8px}.tokens__secret-value{flex:1;min-width:280px;padding:6px 8px;font-family:var(--font-mono, monospace);font-size:12px;color:var(--text);background:var(--bg-input, transparent);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.tokens__table{width:100%;border-collapse:collapse;font-size:13px}.tokens__table th,.tokens__table td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.tokens__actions{display:flex;flex-wrap:wrap;gap:6px}.tokens__row--revoked{opacity:.55}.tokens__error{margin:10px 0 0;color:var(--danger, #d9534f)}.tokens__code{margin:10px 0;padding:12px;overflow:auto;font-size:12px;background:var(--bg-code, rgba(127, 127, 127, .12));border-radius:var(--radius-sm)}.tokens__note{margin:0;max-width:80ch;color:var(--text-muted)}.tokens__field--wide input{min-width:340px}.agents__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.agents__card{margin:0}.agents__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.agents__status{margin-left:8px;padding:1px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-muted)}.agents__credentials{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}