*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--f3s-orange:#fb993e;--f3s-orange-hover:#ff8c42;--f3s-orange-soft:#fb993e24;--f3s-orange-border:#fb993e73;--f3s-blue:#66c0f4;--f3s-blue-bright:#8ecfff;--f3s-blue-soft:#66c0f424;--f3s-blue-border:#66c0f461;--f3s-bg-base:#2b2f38;--f3s-bg-panel:#24262b;--f3s-bg-panel-deep:#1a1f2a;--f3s-bg-deep:#0a0e14;--f3s-text-primary:#fff;--f3s-text-body:#e8edf3;--f3s-text-heading:#f4f7fc;--f3s-text-muted:#8f98a0;--f3s-text-nav-user:#c7d5e0;--f3s-text-lead-muted:#b8b6b4;--f3s-border:#ffffff14;--f3s-border-strong:#ffffff1f;--f3s-hover-surface:#ffffff14;--f3s-success:#74dba2;--f3s-danger:#e57373;--f3s-cta-gradient:linear-gradient(165deg, #ffc48a 0%, #fb993e 45%, #d67a2e 100%);--f3s-cta-text:#1a1208;--diagram-accent:var(--f3s-blue);--bg:var(--f3s-bg-base);--bg-elevated:var(--f3s-bg-panel);--bg-muted:var(--f3s-bg-panel-deep);--border:var(--f3s-border);--border-focus:var(--f3s-blue);--text:var(--f3s-text-body);--text-muted:var(--f3s-text-muted);--accent:var(--f3s-orange);--accent-hover:var(--f3s-orange-hover);--accent-muted:var(--f3s-orange-soft);--accent-secondary:var(--f3s-blue);--danger:var(--f3s-danger);--success:var(--f3s-success);--warning:#fbbf24;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow:0 8px 32px #00000073;--header-h:64px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--max-w:1280px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--studio-left-ratio:.56}html,body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:16px;line-height:1.5}body{overflow-x:clip}#__next{min-height:100dvh}a{color:var(--accent-secondary)}a:hover{color:var(--accent)}button{font:inherit;cursor:pointer}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-shell__main{width:100%;max-width:var(--max-w);padding:var(--space-4);padding-bottom:calc(var(--space-6) + var(--safe-bottom));flex:1;margin:0 auto}@media (min-width:768px){.app-shell__main{padding:var(--space-6)}}@media (min-width:1280px){.app-shell__main{max-width:none;padding-left:var(--space-8);padding-right:var(--space-8)}}.app-navbar{z-index:50;background:var(--f3s-bg-base);border-bottom:1px solid var(--f3s-border);padding-top:var(--safe-top);position:sticky;top:0}.app-navbar__inner{justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--header-h);max-width:1400px;padding:0 var(--space-4);min-width:0;margin:0 auto;display:flex}.app-navbar__brand{flex-shrink:1;align-items:center;min-width:0;display:flex}.app-navbar__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.locale-switcher{align-items:center;gap:.25rem;display:flex}.locale-switcher__btn{color:var(--f3s-text-nav-user,#c7d5e0);cursor:pointer;letter-spacing:.04em;background:0 0;border:1px solid #0000;border-radius:4px;padding:.35rem .45rem;font-size:.75rem;font-weight:600;line-height:1}.locale-switcher__btn:hover{color:#fff}.locale-switcher__btn.is-active{box-shadow:0 0 0 2px var(--f3s-orange,#fb993e)}.brand-logo{object-fit:contain;display:block}.user-menu{align-items:center;gap:var(--space-2);min-width:0;display:flex}.user-menu--loading{min-width:80px}.user-menu__skeleton{border-radius:var(--radius-sm);background:var(--f3s-hover-surface);width:80px;height:36px;display:block}.user-menu__identity{align-items:center;gap:var(--space-2);min-width:0;display:flex}.user-menu__avatar{width:36px;height:36px;color:var(--f3s-text-primary);background:linear-gradient(145deg,#66c0f48c,#fb993e73);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.user-menu__avatar--img{object-fit:cover}.user-menu__text{flex-direction:column;min-width:0;line-height:1.3;display:none}@media (min-width:768px){.user-menu__text{display:flex}}.user-menu__name{color:var(--f3s-text-nav-user);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.875rem;font-weight:500;overflow:hidden}.user-menu__email{color:var(--f3s-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.75rem;display:none;overflow:hidden}@media (min-width:480px){.user-menu__email{display:block}}.user-menu__signout-short{display:inline}.user-menu__signout-label{display:none}@media (min-width:480px){.user-menu__signout-short{display:none}.user-menu__signout-label{display:inline}}.page-header{z-index:50;justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--header-h);padding:0 var(--space-4);background:var(--f3s-bg-base);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.page-header__brand{align-items:center;gap:var(--space-2);min-width:0;display:flex}.page-header__logo{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), #6366f1);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.page-header__title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.page-header__subtitle{color:var(--text-muted);margin:0;font-size:.75rem;display:none}@media (min-width:480px){.page-header__subtitle{display:block}}.page-header__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid #0000;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{color:var(--text-muted);border-color:var(--border);background:0 0}.btn--ghost:hover{color:var(--text);border-color:var(--text-muted);background:var(--bg-muted)}.btn--sm{min-height:36px;padding:0 var(--space-3);font-size:.8125rem}.section{margin-bottom:var(--space-6)}.section__title{margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.75rem;font-weight:600}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.card--flat{padding:0;overflow:hidden}.landing{text-align:center;min-height:calc(100dvh - var(--header-h) - var(--space-8));padding:var(--space-6) var(--space-4);background-image:radial-gradient(110% 65% at 50% -8%,#fb993e14 0%,#0000 52%),radial-gradient(55% 42% at 92% 10%,#66c0f40d 0%,#0000 45%);flex-direction:column;justify-content:center;align-items:center;display:flex}.landing__brand{margin-bottom:var(--space-5)}.landing__title{margin:0 0 var(--space-3);letter-spacing:-.03em;color:var(--f3s-text-heading);font-size:clamp(1.5rem,5vw,2rem);font-weight:700}.landing__text{margin:0 0 var(--space-6);max-width:360px;color:var(--f3s-text-lead-muted);font-size:.9375rem}.workspace-scroll{gap:var(--space-3);padding-bottom:var(--space-2);margin:0 calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.workspace-scroll::-webkit-scrollbar{display:none}.workspace-chip{scroll-snap-align:start;min-width:140px;max-width:200px;padding:var(--space-3) var(--space-4);background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;flex-direction:column;flex:none;gap:2px;transition:border-color .15s,background .15s;display:flex}.workspace-chip:hover{border-color:var(--accent)}.workspace-chip.is-active{border-color:var(--accent);background:var(--accent-muted)}.workspace-chip__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.workspace-chip__meta{color:var(--text-muted);font-size:.75rem}.studio-tabs{gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-4);background:var(--bg-muted);border-radius:var(--radius-md);border:1px solid var(--border);display:flex}.studio-tab{min-height:40px;padding:0 var(--space-2);border-radius:calc(var(--radius-md) - 4px);color:var(--text-muted);background:0 0;border:none;flex:1;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s}.studio-tab:hover{color:var(--text)}.studio-tab.is-active{background:var(--bg-elevated);color:var(--f3s-text-primary);border:1px solid var(--f3s-orange-border);box-shadow:0 1px 3px #0003}.studio-tab__badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:.6875rem;font-weight:600;display:inline-flex}.studio-tab__badge--ok{background:var(--success)}.studio-grid{gap:var(--space-4);flex-direction:column;display:flex}.studio-panel{gap:var(--space-3);flex-direction:column;min-height:280px;display:none}.studio-panel.is-active{display:flex}@media (min-width:1024px){.studio-tabs{display:none}.section[aria-label=Schema\ studio]{height:calc(100dvh - var(--header-h) - (var(--space-6) * 2) - 64px);min-height:760px;margin-bottom:0}.studio-grid{grid-template-columns:minmax(420px, calc(var(--studio-left-ratio) * 100%)) 12px minmax(420px, calc((1 - var(--studio-left-ratio)) * 100%));gap:var(--space-4);grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.studio-panel{min-height:0;display:flex!important}.studio-panel[hidden]{display:flex!important}.studio-panel--editor{grid-area:1/1/3}.studio-panel--diagram{grid-area:1/3;min-height:0}.studio-panel--diagnostics{grid-area:2/3;min-height:auto}}.panel-heading{margin:0;font-size:.875rem;font-weight:600}.studio-divider{display:none}@media (min-width:1024px){.studio-divider{cursor:col-resize;background:linear-gradient(to right, transparent 0, transparent 4px, var(--border) 4px, var(--border) 8px, transparent 8px);touch-action:none;border-radius:999px;grid-area:1/2/3;justify-self:center;width:12px;height:100%;display:block}.studio-divider:hover{background:linear-gradient(to right, transparent 0, transparent 4px, var(--accent) 4px, var(--accent) 8px, transparent 8px)}}.editor-shell,.diagram-shell{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);isolation:isolate;flex:1;height:min(58vh,640px);min-height:280px;position:relative;overflow:hidden}.editor-shell .editor-mount{width:100%;height:100%;position:absolute;inset:0}.editor-shell .editor-mount>section{width:100%!important;height:100%!important}.diagram-shell .diagram-mount{flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0}.diagram-shell .diagram-mount .react-flow{background:var(--bg-muted);flex:1;width:100%;height:100%}.diagram-shell .diagram-mount--placeholder{visibility:hidden}.diagram-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border);background:#24262bf2;display:flex}.diagram-color-control{align-items:center;gap:var(--space-2);color:var(--text-muted);margin-left:auto;font-size:.75rem;display:inline-flex}.diagram-color-control input[type=color]{background:0 0;border:none;border-radius:999px;width:28px;height:28px;padding:0}.table-node{--table-accent:var(--accent);background:var(--bg-elevated);border:1px solid color-mix(in srgb, var(--table-accent) 45%, var(--border));border-radius:var(--radius-sm);min-width:200px;max-width:280px;box-shadow:var(--shadow);font-size:.8125rem;overflow:hidden}.table-node--selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--table-accent) 60%, transparent), var(--shadow)}.table-node__header{background:color-mix(in srgb, var(--table-accent) 18%, var(--bg-muted));border-bottom:1px solid color-mix(in srgb, var(--table-accent) 35%, var(--border));color:var(--text);padding:8px 12px;font-weight:600}.table-node__columns{margin:0;padding:6px 0;list-style:none}.table-node__column{color:var(--text-muted);align-items:center;gap:8px;padding:4px 12px;display:flex}.table-node__column-name{color:var(--text);font-family:var(--mono);font-size:.75rem}.table-node__column-type{opacity:.85;margin-left:auto;font-size:.6875rem}.table-node__pk{color:var(--table-accent);background:color-mix(in srgb, var(--table-accent) 22%, transparent);border-radius:4px;padding:1px 5px;font-size:.625rem;font-weight:700}.table-node__handle{background:var(--table-accent);border:2px solid var(--bg-elevated);width:8px;height:8px}@media (min-width:1024px){.editor-shell,.diagram-shell{height:100%;min-height:0}}.diagnostics-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.diagnostics-item{gap:var(--space-2);padding:var(--space-3);background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:baseline;font-size:.8125rem;display:flex}.diagnostics-item__severity{font-family:var(--mono);text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.6875rem;font-weight:600}.diagnostics-item__severity--error{color:var(--danger);background:#f8717133}.diagnostics-item__severity--warning{color:var(--warning);background:#fbbf2433}.diagnostics-item__location{font-family:var(--mono);color:var(--text-muted)}.diagnostics-empty{padding:var(--space-4);text-align:center;color:var(--text-muted);background:var(--bg-muted);border:1px dashed var(--border);border-radius:var(--radius-sm);margin:0;font-size:.875rem}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:.875rem}.alert--loading{background:var(--f3s-blue-soft);border:1px solid var(--f3s-blue-border);color:var(--f3s-blue-bright)}.alert--error{color:#fecaca;background:#e573731f;border:1px solid #e5737359}.skeleton{background:linear-gradient(90deg, var(--bg-muted) 25%, var(--border) 50%, var(--bg-muted) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--chip{flex:0 0 140px;height:64px}.error-state{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-sm);background:#e573731f;border:1px solid #e5737359;flex-direction:column;display:flex}.error-state__message{color:#fecaca;margin:0;font-size:.875rem}.diagram-shell .react-flow__controls{box-shadow:var(--shadow);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.diagram-shell .react-flow__controls-button{background:var(--bg-elevated);border-bottom-color:var(--border);fill:var(--text)}.diagram-shell .react-flow__controls-button:hover{background:var(--bg-muted)}