*{box-sizing:border-box}:root{--color-bg-page:#fff;--color-bg-panel:#fff;--color-bg-panel-right:#f8f9fa;--color-border-panel:#ccc;--color-border-subtle:#e2e8f0;--color-text-primary:#2d3748;--color-text-secondary:#4a5568;--color-text-muted:#718096;--color-table-bg:#fff;--color-table-border:#e2e8f0;--color-table-shadow:#0000001a;--color-table-header:#4a5568;--color-table-header-text:#fff;--color-schema-name:#a0aec0;--color-row-border:#f0f0f0;--color-col-name:#2d3748;--color-col-type:#718096;--color-badge-pk-bg:#ebf8ff;--color-badge-pk-text:#2b6cb0;--color-badge-fk-bg:#fefcbf;--color-badge-fk-text:#975a16;--color-badge-nn-bg:#fed7d7;--color-badge-nn-text:#c53030;--color-badge-uq-bg:#e9d8fd;--color-badge-uq-text:#6b46c1;--color-note-icon:#718096;--color-note-icon-hover:#4a5568;--color-note-tooltip-bg:#2d3748;--color-note-tooltip-text:#fff;--color-edge-label-bg:#fff;--color-edge-label-border:#e2e8f0;--color-edge-label-text:#4a5568;--color-btn-bg:#fff;--color-btn-border:#cbd5e0;--color-btn-text:#2d3748;--color-btn-hover-bg:#f7fafc;--color-dialog-bg:#fff;--color-dialog-border:#e2e8f0;--color-dialog-header-text:#2d3748;--color-dialog-label-text:#4a5568;--color-dialog-select-border:#cbd5e0;--color-dialog-textarea-bg:#fff;--color-dialog-textarea-border:#cbd5e0;--color-dialog-preview-bg:#f7fafc;--color-dialog-preview-border:#e2e8f0;--color-dialog-error-bg:#fed7d7;--color-dialog-error-text:#c53030;--color-dialog-warning-bg:#fefcbf;--color-dialog-warning-text:#975a16;--color-dialog-close-text:#718096;--color-dialog-close-hover:#2d3748;--color-export-dropdown-bg:#fff;--color-export-dropdown-border:#e2e8f0;--color-export-dropdown-shadow:#00000026;--color-export-btn-hover-bg:#f7fafc;--color-group-border:#64748b80;--color-group-bg:#64748b14;--color-group-label:#475569;--color-group-action:#64748b;--color-group-action-hover-bg:#64748b26;--color-group-dissolve:#dc2626;--color-group-dissolve-hover-bg:#dc26261a;--color-rf-bg:#f8f9fa;--color-rf-dot:silver;--color-accent:#2b6cb0;--color-accent-active-edge:#2b6cb0;--color-edge-default:#b1b1b7}[data-theme=dark]{--color-bg-page:#1a1a2e;--color-bg-panel:#16213e;--color-bg-panel-right:#0f3460;--color-border-panel:#2d3748;--color-border-subtle:#2d3748;--color-text-primary:#e2e8f0;--color-text-secondary:#a0aec0;--color-text-muted:#718096;--color-table-bg:#1e2a3a;--color-table-border:#2d3748;--color-table-shadow:#0006;--color-table-header:#2b4a6f;--color-table-header-text:#e2e8f0;--color-schema-name:#718096;--color-row-border:#2d3748;--color-col-name:#e2e8f0;--color-col-type:#718096;--color-badge-pk-bg:#1a365d;--color-badge-pk-text:#63b3ed;--color-badge-fk-bg:#3d2b00;--color-badge-fk-text:#f6e05e;--color-badge-nn-bg:#3d0000;--color-badge-nn-text:#fc8181;--color-badge-uq-bg:#2d1b69;--color-badge-uq-text:#b794f4;--color-note-icon:#718096;--color-note-icon-hover:#a0aec0;--color-note-tooltip-bg:#e2e8f0;--color-note-tooltip-text:#1a1a2e;--color-edge-label-bg:#1e2a3a;--color-edge-label-border:#2d3748;--color-edge-label-text:#a0aec0;--color-btn-bg:#1e2a3a;--color-btn-border:#2d3748;--color-btn-text:#e2e8f0;--color-btn-hover-bg:#2d3748;--color-dialog-bg:#1e2a3a;--color-dialog-border:#2d3748;--color-dialog-header-text:#e2e8f0;--color-dialog-label-text:#a0aec0;--color-dialog-select-border:#2d3748;--color-dialog-textarea-bg:#16213e;--color-dialog-textarea-border:#2d3748;--color-dialog-preview-bg:#16213e;--color-dialog-preview-border:#2d3748;--color-dialog-error-bg:#3d0000;--color-dialog-error-text:#fc8181;--color-dialog-warning-bg:#3d2b00;--color-dialog-warning-text:#f6e05e;--color-dialog-close-text:#718096;--color-dialog-close-hover:#e2e8f0;--color-export-dropdown-bg:#1e2a3a;--color-export-dropdown-border:#2d3748;--color-export-dropdown-shadow:#00000080;--color-export-btn-hover-bg:#2d3748;--color-group-border:#64748b66;--color-group-bg:#64748b1a;--color-group-label:#94a3b8;--color-group-action:#94a3b8;--color-group-action-hover-bg:#64748b33;--color-group-dissolve:#fc8181;--color-group-dissolve-hover-bg:#fc818126;--color-rf-bg:#0d1117;--color-rf-dot:#2d3748;--color-accent:#63b3ed;--color-accent-active-edge:#63b3ed;--color-edge-default:#4a5568}body{background:var(--color-bg-page);margin:0;padding:0}.landing-page{background:var(--color-bg-page);max-width:1100px;margin:0 auto}.landing-nav{z-index:100;background:var(--color-bg-page);border-bottom:1px solid var(--color-border-panel);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.landing-nav-wordmark{color:var(--color-text-primary);font-size:18px;font-weight:700;text-decoration:none}.landing-nav-links{align-items:center;gap:16px;display:flex}.landing-nav-link{color:var(--color-text-secondary);font-size:14px;text-decoration:none}.landing-nav-link:hover{color:var(--color-text-primary)}.landing-nav-btn{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;height:36px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.landing-nav-btn:hover{opacity:.9}.landing-hero{text-align:center;padding:64px 16px}.landing-badge{background:var(--color-bg-panel-right);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:14px;display:inline-block}.landing-hero h1{color:var(--color-text-primary);margin:0 0 16px;font-size:40px;font-weight:700;line-height:1.15}.landing-hero-sub{color:var(--color-text-secondary);margin:0 0 32px;font-size:16px;line-height:1.6}.landing-cta-row{justify-content:center;gap:8px;margin-bottom:32px;display:flex}.landing-btn-primary{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;height:44px;padding:0 24px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.landing-btn-primary:hover{opacity:.9}.landing-btn-secondary{background:var(--color-bg-panel-right);border:1px solid var(--color-border-subtle);height:44px;color:var(--color-text-primary);cursor:pointer;border-radius:6px;align-items:center;padding:0 24px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.landing-btn-secondary:hover{border-color:var(--color-accent)}.landing-hero-screenshot{border:2px solid var(--color-border-subtle);width:100%;max-width:960px;box-shadow:0 4px 12px var(--color-table-shadow);border-radius:8px;margin:0 auto;display:block}.landing-features{padding:48px 16px}.landing-features h2{color:var(--color-text-primary);margin:0 0 24px;font-size:24px;font-weight:700}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.landing-feature-card{background:var(--color-bg-panel);border:1px solid var(--color-border-subtle);border-radius:8px;padding:16px;transition:border-color .15s}.landing-feature-card:hover{border-color:var(--color-accent);border-width:2px;padding:15px}.landing-feature-card h3{color:var(--color-text-primary);margin:0 0 8px;font-size:14px;font-weight:700}.landing-feature-card p{color:var(--color-text-secondary);margin:0;font-size:16px;line-height:1.6}.landing-mcp{padding:48px 16px}.landing-mcp-inner{border-left:4px solid var(--color-accent);padding-left:24px}.landing-mcp h2{color:var(--color-text-primary);margin:0 0 16px;font-size:24px;font-weight:700}.landing-mcp p{color:var(--color-text-secondary);margin:0 0 16px;font-size:16px;line-height:1.6}.landing-code-block{background:var(--color-bg-panel);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);white-space:pre;border-radius:6px;margin:0;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.5;overflow-x:auto}.landing-code-caption{color:var(--color-text-muted);margin-top:8px;font-size:14px}.landing-dbml-preview{padding:48px 16px}.landing-dbml-preview h2{color:var(--color-text-primary);margin:0 0 24px;font-size:24px;font-weight:700}.landing-dbml-columns{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.landing-dbml-screenshot{max-width:100%;box-shadow:0 4px 12px var(--color-table-shadow);border:1px solid var(--color-border-subtle);border-radius:8px}.landing-footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:32px 16px;display:flex}.landing-footer span,.landing-footer a{color:var(--color-text-muted);font-size:14px}.landing-footer a{text-decoration:none}.landing-footer a:hover{color:var(--color-text-primary)}@media (width<=900px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}.landing-dbml-columns{grid-template-columns:1fr}}