:root{--bg: #07060c;--bg-2: #0c0a14;--glass: rgba(14, 12, 24, .55);--glass-strong: rgba(16, 13, 28, .72);--glass-border: rgba(214, 188, 255, .14);--inset: inset 0 1px 0 rgba(255, 255, 255, .1);--blur: blur(22px) saturate(180%);--violet: #a78bfa;--violet-2: #c4b5fd;--pink: #f472b6;--gold: #f5d0a6;--text: #f4eefc;--muted: #9a93ab;--line: rgba(196, 181, 253, .12);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:Outfit,Inter,system-ui,sans-serif;background:var(--bg)}body:before,body:after{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}body:before{background:radial-gradient(ellipse 70% 50% at 8% -10%,rgba(139,92,246,.34),transparent 58%),radial-gradient(ellipse 55% 42% at 96% 0%,rgba(244,114,182,.16),transparent 52%),radial-gradient(ellipse 50% 40% at 70% 110%,rgba(99,102,241,.12),transparent 55%),radial-gradient(ellipse 40% 30% at 40% 80%,rgba(245,208,166,.05),transparent 50%)}body:after{opacity:.28;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.wordmark{font-family:Outfit,Inter,system-ui,sans-serif;font-weight:650;font-style:normal;letter-spacing:-.04em;color:#f4f4f5}.glass{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--inset),0 10px 40px #00000047}.glass-strong{background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid rgba(214,188,255,.2);box-shadow:var(--inset),0 0 0 1px #00000059,0 24px 64px #4c1d9538}.header-shine{position:relative}.header-shine:after{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(196,181,253,.55),rgba(244,114,182,.35),transparent);pointer-events:none}.resize-handle{position:fixed;top:56px;bottom:28px;width:5px;cursor:col-resize;z-index:80;background:transparent}.resize-handle:hover,.resize-handle.is-active{background:linear-gradient(180deg,transparent,rgba(196,181,253,.55),transparent)}.editor{flex:1;width:100%;border:none;outline:none;resize:none;background:transparent;color:#ebe6f6;padding:32px 40px 64px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13.5px;line-height:1.9;caret-color:#e9d5ff}.preview-stage{flex:1;overflow:auto;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(167,139,250,.08),transparent 60%)}.html-stage{flex:1;min-height:0;display:flex;flex-direction:column;background:#05040a}.html-preview-banner{flex:0 0 auto;padding:8px 14px;font-size:12px;color:#f5d0a6;background:#f5d0a614;border-bottom:1px solid rgba(245,208,166,.16)}.html-frame{flex:1;width:100%;min-height:0;border:0;background:#fff}.md-preview{max-width:680px;margin:36px auto 80px;padding:48px 52px 72px;font-family:"Source Serif 4",Georgia,serif;font-size:18.5px;line-height:1.78;color:#f6f1fc;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 28%),#0c0a1494}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4{font-family:Outfit,Inter,sans-serif;font-weight:650;letter-spacing:-.035em;line-height:1.2;margin:1.5em 0 .45em;color:#fafafa}.md-preview h1{font-size:2.1rem;font-style:normal;margin-top:0;padding-bottom:.4em;border-bottom:1px solid var(--line)}.md-preview h2{font-size:1.4rem}.md-preview h3{font-size:1.15rem;font-weight:600}.md-preview p{margin:.9em 0}.md-preview p:first-of-type{font-size:1.08em;color:#ece6f6}.md-preview a,.md-preview .wiki{color:#e9d5ff;text-decoration:none;background:linear-gradient(180deg,transparent 62%,rgba(167,139,250,.35) 0);cursor:pointer;border-radius:2px}.md-preview a:hover,.md-preview .wiki:hover{color:#fff;background:#a78bfa2e}.md-preview .wiki.is-unresolved{color:#9ca3af;background:linear-gradient(180deg,transparent 62%,rgba(156,163,175,.35) 0)}.md-preview .ext-ico{margin-left:3px;vertical-align:-1px;opacity:.65}.md-preview code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.82em;background:#a78bfa1f;border:1px solid rgba(214,188,255,.16);padding:.08em .4em;border-radius:6px}.format-bar{border-bottom:1px solid var(--line);background:#08070e59}.code-block{margin:1.25em 0;border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;background:#06050cb8;box-shadow:var(--inset)}.code-block-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);background:#a78bfa0f}.code-block-copy{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;text-transform:none;letter-spacing:0}.code-block-copy:hover{color:#e9d5ff}.md-preview pre,.code-block pre{background:#06050cb8;border:1px solid var(--glass-border);box-shadow:var(--inset);border-radius:14px;padding:16px 18px;overflow:auto}.code-block pre{margin:0;border:none;border-radius:0;box-shadow:none}.md-preview pre code{background:none;border:none;padding:0;font-size:13px;line-height:1.7}.md-preview blockquote{margin:1.3em 0;padding:.35em 1.15em;border-left:2px solid #7c6af7;background:#7c6af714;border-radius:0 10px 10px 0;color:#d4d0e0;font-style:normal}.md-preview table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.88em;font-family:Outfit,Inter,sans-serif;display:block;overflow-x:auto}.md-preview thead th{text-align:left;font-weight:650;color:#ede9fe;background:#7c6af71f}.md-preview th,.md-preview td{border:1px solid var(--glass-border);padding:8px 10px;vertical-align:top}.md-preview tbody tr:nth-child(2n){background:#ffffff05}.md-preview tbody tr:hover{background:#a78bfa0f}.md-preview ul,.md-preview ol{padding-left:1.25em}.md-preview li{margin:.32em 0}.md-preview hr{border:none;height:1px;margin:2.4em 0;background:linear-gradient(90deg,transparent,rgba(245,208,166,.35),transparent)}.md-preview img{max-width:100%;border-radius:14px;box-shadow:0 16px 40px #00000059}.note-embed{display:block;margin:1.2em 0;padding:14px 16px;border-radius:14px;border:1px solid var(--glass-border);background:#a78bfa12;box-shadow:var(--inset);cursor:pointer;transition:border-color .2s ease,transform .2s ease}.note-embed:hover{border-color:#d6bcff59;transform:translateY(-1px)}.note-embed.is-missing{cursor:default;opacity:.7}.note-embed-label{font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:#e9d5ff;margin-bottom:6px}.note-embed-body{margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:1.55;color:#c8c4d8;white-space:pre-wrap;background:none;border:none;padding:0}.tree-row{padding:6px 8px;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.tree-row:hover{background:#ffffff08}.tree-row.is-drop{background:#a78bfa29;box-shadow:inset 0 0 0 1px #c4b5fd73}.is-drop-root{outline:1px dashed rgba(196,181,253,.35);outline-offset:-2px;border-radius:8px}.tree-row.is-active{background:linear-gradient(90deg,#a78bfa38,#f472b60f);border-color:#d6bcff47;box-shadow:inset 0 1px #ffffff1a}.tree-row.is-checked{background:#a78bfa1a;border-color:#a78bfa38}.tree-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;flex:0 0 13px;margin:0;border-radius:3px;border:1px solid rgba(196,181,253,.45);background:#0f0f1099;cursor:pointer}.tree-check:checked{background:linear-gradient(135deg,#a78bfa,#f472b6);border-color:transparent;box-shadow:inset 0 0 0 2px #07060c8c}.select-bar{border-top:1px solid rgba(167,139,250,.2);background:#581c8738}.wiki-suggest{position:absolute;left:32px;right:32px;bottom:16px;max-height:220px;overflow:auto;z-index:5;border-radius:14px}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#05040a94;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);display:flex;align-items:flex-start;justify-content:center;padding-top:16vh}.palette{width:min(560px,calc(100vw - 32px));border-radius:20px;overflow:hidden}.tab-row{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}.tab-row::-webkit-scrollbar{display:none}.note-tab{display:flex;align-items:center;gap:8px;padding:0 14px;height:38px;font-size:12.5px;color:var(--muted);border-right:1px solid var(--line);cursor:pointer;white-space:nowrap;background:transparent;transition:color .15s ease,background .15s ease}.note-tab:hover{color:#efe8fb}.note-tab.active{color:#fff;background:linear-gradient(180deg,rgba(167,139,250,.2),transparent);box-shadow:inset 0 -2px #c4b5fd}.note-tab .dot{width:6px;height:6px;border-radius:99px;background:#f5d0a6;box-shadow:0 0 8px #f5d0a6}.crumb{font-size:12px;color:var(--muted);letter-spacing:.02em}.right-rail{width:232px;flex-shrink:0;height:100%;border-left:1px solid rgba(214,188,255,.1);border-radius:0;display:flex;flex-direction:column}@media(max-width:61.99em){.right-rail{display:none}}.studio-split{flex-direction:row;align-items:stretch;padding:0;gap:0}.studio-main{flex:1;min-width:0;display:flex;flex-direction:column;padding:16px 20px 20px;gap:10px}.schema-rail{width:220px;flex-shrink:0;overflow:auto;padding:14px 12px;border-right:1px solid var(--line);background:#08080c73}.schema-tbl{margin-bottom:8px}.schema-tbl-name{width:100%;display:flex;justify-content:space-between;background:transparent;border:0;color:#e4e4e7;font:inherit;font-size:13px;font-weight:600;padding:6px 8px;border-radius:8px;cursor:pointer}.schema-tbl-name.is-on,.schema-tbl-name:hover{background:#7c6af71f}.schema-tbl-name span{color:var(--muted);font-weight:400;font-size:11px}.schema-fields{list-style:none;margin:0;padding:0 0 0 8px}.schema-fields button{width:100%;display:flex;justify-content:space-between;gap:8px;background:none;border:0;color:inherit;padding:3px 6px;cursor:pointer;font-size:12px}.schema-fields em{color:var(--muted);font-style:normal;font-size:11px}.sql-ac{position:absolute;left:10px;bottom:8px;min-width:280px;max-width:min(520px,calc(100% - 20px));max-height:220px;overflow:auto;z-index:4;border-radius:10px;border:1px solid var(--glass-border);background:#100e1af0;box-shadow:0 12px 32px #0006}.sql-ac button{display:flex;justify-content:space-between;gap:12px;width:100%;background:none;border:0;color:#e4e4e7;padding:6px 10px;font:inherit;font-size:12.5px;cursor:pointer}.sql-ac button.is-on,.sql-ac button:hover{background:#7c6af752}.sql-ac em{color:var(--muted);font-style:normal;font-size:11px}.sql-ac .is-table em{color:#c4b5fd}.sql-ac .is-field em{color:#86efac}.sql-ac .is-fn em{color:#7dd3fc}.sql-ac .is-type em{color:#f0abfc}.sql-ac .is-var em{color:#f9a8d4}.sql-ac .is-mod em{color:#fdba74}.sql-ac .is-idx em{color:#fcd34d}.studio,.inbox{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 20px 20px;gap:10px}.studio-sql,.inbox-compose{width:100%;min-height:140px;resize:vertical;background:#08080cb3;color:#e4e4e7;border:1px solid var(--glass-border);border-radius:10px;padding:12px 14px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;line-height:1.55}.sql-wrap{position:relative;min-height:180px;flex:0 0 auto;border:1px solid var(--glass-border);border-radius:10px;background:#08080cbf;overflow:hidden}.sql-hi,.sql-ed{margin:0;padding:12px 14px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;line-height:1.55;-moz-tab-size:2;tab-size:2;white-space:pre;word-wrap:normal;overflow:auto}.sql-hi{position:absolute;top:0;right:0;bottom:0;left:0;color:#d4d4d8;pointer-events:none}.sql-ed{position:relative;width:100%;height:180px;resize:vertical;background:transparent;color:transparent;caret-color:#e9d5ff;border:0;outline:none}.sq-kw{color:#c4b5fd;font-weight:500}.sq-str{color:#86efac}.sq-cm{color:#71717a;font-style:italic}.sq-var{color:#f9a8d4}.sq-num{color:#fcd34d}.sq-fn{color:#7dd3fc}.sq-ty{color:#e9d5ff}.sq-dur{color:#fde68a}.inbox-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:12px}.thread-list{overflow:auto;border:1px solid var(--glass-border);border-radius:12px;background:#08080c66}.thread-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 12px;color:inherit;cursor:pointer}.thread-item:hover{background:#ffffff08}.thread-item.is-on{background:#7c6af71f}.thread-item.unread .thread-sub{color:#fff}.thread-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.thread-sub{font-size:13px;font-weight:600}.thread-badge{min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#7c6af7;color:#fff;font-size:11px;line-height:18px;text-align:center}.thread-badge.held{background:#c2410c}.bubble.held{border-style:dashed;border-color:#fb923c73}.thread-meta{display:block;margin-top:3px;font-size:11px;color:var(--muted)}.thread-pane{display:flex;flex-direction:column;gap:8px;min-height:0}.thread-head{padding-bottom:6px;border-bottom:1px solid var(--line)}.thread-msgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px 0}.bubble{max-width:78%;align-self:flex-start;padding:8px 12px;border-radius:12px 12px 12px 4px;background:#ffffff0d;border:1px solid var(--glass-border)}.bubble.mine{align-self:flex-end;background:#7c6af72e;border-color:#a78bfa47;border-radius:12px 12px 4px}.bubble-who{font-size:10px;color:var(--muted);margin-bottom:3px}.bubble-body{font-size:13.5px;white-space:pre-wrap}@media(max-width:720px){.inbox-split{grid-template-columns:1fr}}.studio-out{flex:1;overflow:auto;border-radius:10px;border:1px solid var(--glass-border);background:#08080c8c;padding:12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;white-space:pre-wrap;color:#d4d4d8}.mail-row{padding:10px 12px;border-radius:10px;border:1px solid var(--glass-border);margin-bottom:8px;cursor:pointer}.mail-row.unread{border-color:#a78bfa66;background:#7c6af714}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c4b5fd38;border-radius:99px;border:2px solid transparent;background-clip:padding-box}