.erd-gen{--paper:#fff;--ink:#333;--muted:#555;--faint:#888;--line:#e5e7eb;--line-soft:#eef2f8;--blue:#4896ea;--blue-deep:#2160cf;--blue-tint:#eaf2fd;--canvas:#f8f9fa;--surface:#fff;--surface-2:#f7faff;--code-bg:#1f2630;--blue-line:#c7e0fb;--blue-tint-2:#f1f7ff;--blue-deeper:#1a4cb8;--danger:#a12d2d;--danger-bg:#fdeceb;--danger-line:#f4c9c5;--sans:"Open Sans", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--hdr:38px;--row:29px;font-family:var(--sans);color:var(--ink);background:var(--paper);text-rendering:optimizelegibility;font-feature-settings:"kern";font-kerning:normal;line-height:1.63}.erd-gen *{box-sizing:border-box}.erd-gen.dark{--paper:#1a1a1a;--ink:#ededed;--muted:#ccc;--faint:#949494;--line:#37383e;--line-soft:#232428;--blue:#508afd;--blue-deep:#77a4fe;--blue-tint:#1a3366;--blue-tint-2:#16294f;--blue-line:#2f4e86;--canvas:#1a1a1a;--surface:#2c2d32;--surface-2:#26272c;--danger:#ff9089;--danger-bg:#3a1e1e;--danger-line:#5a2e2e}.erd-gen.dark .btn-primary{background:#1e69fd;box-shadow:0 2px 8px #00000059}.erd-gen.dark .btn-primary:hover{background:#0246cc;box-shadow:0 6px 16px #00000073}.erd-gen.dark .seg-btn.active{background:#44444b}.erd-gen.dark .toast{color:var(--ink);background:#37383e}.erd-gen.dark .ben:hover{border-color:#4a4b52}.erd-gen.dark .erd-diagram{background:var(--canvas)}.erd-gen.dark .ben .tile,.erd-gen.dark .ben.cloud .tile,.erd-gen.dark .node.accent{color:#d3e6ff}.erd-gen code{font-family:var(--mono);background:var(--blue-tint);color:var(--blue-deep);border-radius:4px;padding:1px 6px;font-size:.92em}.erd-gen .wrap{max-width:1180px;margin:0 auto;padding:0 28px}.erd-gen .btn{font-family:var(--sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 3px 6px #0000001a}.erd-gen .btn-primary{background:var(--blue-deep);color:#fff;box-shadow:0 2px 8px #2160cf59}.erd-gen .btn-primary:hover{background:var(--blue-deeper);transform:translateY(-1px);box-shadow:0 6px 16px #2160cf7a}.erd-gen .btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #2160cf59}.erd-gen .btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 1px 2px #0000000d}.erd-gen .btn-ghost:hover{border-color:var(--blue);color:var(--blue-deep)}.erd-gen .btn-ic{font-size:12px}.erd-gen .hero{text-align:center;padding:0 0 8px}.erd-gen .eyebrow{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep);margin:0 0 14px;font-size:12px;font-weight:700}.erd-gen h1{font-family:var(--sans);letter-spacing:-.01em;text-wrap:balance;max-width:28ch;color:var(--ink);margin:0 auto;font-size:clamp(28px,4.2vw,40px);font-weight:800;line-height:1.2}.erd-gen h1 .grad{color:var(--blue)}.erd-gen .sub{color:var(--faint);text-wrap:pretty;max-width:60ch;margin:16px auto 0;font-size:16px;line-height:1.63}.erd-gen .sub b{color:var(--ink);font-weight:700}.erd-gen .sub a{color:var(--blue-deep);border-bottom:1px solid var(--blue-line);font-weight:600;text-decoration:none}.erd-gen .sub a:hover{border-color:var(--blue)}.erd-gen .app{border:1px solid var(--line);background:var(--surface);border-radius:12px;max-width:1120px;margin:32px auto 56px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 20px 50px -28px #14285a59}.erd-gen .app-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,400px) 1fr;height:clamp(500px,70vh,660px);display:grid}.erd-gen .ed{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.erd-gen .ed-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.erd-gen .seg{background:var(--line-soft);border:1px solid var(--line);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.erd-gen .seg-btn{font-family:var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:color .15s,background .15s,box-shadow .15s}.erd-gen .seg-btn:hover:not(.active){color:var(--ink)}.erd-gen .seg-btn.active{background:var(--surface);color:var(--blue-deep);box-shadow:0 1px 2px #14285a1f}.erd-gen .ex-menu-wrap{position:relative}.erd-gen .ex-trigger{font-family:var(--sans);border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.erd-gen .ex-trigger:hover{border-color:var(--blue);color:var(--blue-deep)}.erd-gen .ex-trigger .ex-trigger-lbl{color:var(--muted);font-weight:600}.erd-gen .ex-trigger .caret{color:var(--faint);font-size:10px;transition:transform .15s}.erd-gen .ex-trigger .caret.open{transform:rotate(180deg)}.erd-gen .ex-backdrop{z-index:20;position:fixed;inset:0}.erd-gen .ex-menu{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;min-width:160px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px -10px #14285a47}.erd-gen .ex-item{text-align:left;font-family:var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:600;transition:background .12s,color .12s}.erd-gen .ex-item:hover{background:var(--line-soft);color:var(--ink)}.erd-gen .ex-item.active{background:var(--blue-tint);color:var(--blue-deep)}.erd-gen .ed-error{font-family:var(--sans);color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-line);border-radius:8px;align-items:flex-start;gap:7px;margin-top:8px;padding:8px 10px;font-size:12px;line-height:1.5;display:flex}.erd-gen .ed-error .fa-exclamation-triangle{flex:none;margin-top:2px}.erd-gen .ed-error-jump{font:inherit;color:var(--danger);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-weight:700;text-decoration:underline}.erd-gen .ed-error-jump:hover{text-decoration-thickness:2px}.erd-gen .editor-wrap{flex-direction:column;flex:1;min-height:0;padding:12px;display:flex;position:relative}.erd-gen .erd-monaco{border:1px solid var(--line);border-radius:8px;flex:1;min-height:0;overflow:hidden}.erd-gen .erd-monaco.has-error{border-color:var(--danger)}.erd-gen .pv{background:var(--canvas);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.erd-gen .sk-bar{background:linear-gradient(90deg, var(--line) 0%, var(--line-soft) 45%, var(--line) 90%);background-size:220% 100%;border-radius:3px;animation:1.5s linear infinite sk-sweep}@keyframes sk-sweep{to{background-position:-220% 0}}.erd-gen .sk-editor{background:var(--surface);padding:12px}.erd-gen .sk-code{flex-direction:column;gap:9px;display:flex}.erd-gen .sk-code .sk-bar{height:8px}.erd-gen .sk-tables{flex:1;justify-content:center;align-items:flex-start;gap:14px;padding:20px 16px;display:flex}.erd-gen .sk-tbl{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:116px;overflow:hidden}.erd-gen .sk-tbl-hd{border-radius:0;height:22px}.erd-gen .sk-tbl-row{height:9px;margin:7px 8px}.erd-gen .sk-code .sk-bar:nth-child(2n){animation-delay:.12s}.erd-gen .sk-tbl:nth-child(2) .sk-bar{animation-delay:.18s}.erd-gen .sk-tbl:nth-child(3) .sk-bar{animation-delay:.36s}.erd-gen .erd-diagram{background:#fff;width:100%}.erd-gen .actions{z-index:6;border-top:1px solid var(--line);background:linear-gradient(0deg, var(--surface), var(--surface-2));flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:12px;display:flex;position:relative}.erd-gen .actions .theme-seg{margin-right:auto}.erd-gen .actions .theme-seg .seg-btn{font-family:var(--sans)}.erd-gen section{padding:56px 0}.erd-gen .sec-head{text-align:center;margin-bottom:32px}.erd-gen .sec-head .eyebrow{margin-bottom:10px}.erd-gen h2{font-family:var(--sans);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;max-width:24ch;margin:0 auto;font-size:clamp(22px,3vw,28px);font-weight:800}.erd-gen .sec-head p{color:var(--muted);max-width:58ch;margin:12px auto 0;font-size:16px;line-height:1.63}.erd-gen .doclink{font-size:14px}.erd-gen .doclink a{color:var(--blue-deep);font-weight:700;text-decoration:none}.erd-gen .doclink a:hover{text-decoration:underline}.erd-gen .flow{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:12px;margin:0 0 32px;display:flex}.erd-gen .node{min-height:72px;font-family:var(--mono);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px 20px;font-size:14px;display:flex;box-shadow:0 1px 2px #14285a0d,0 8px 20px -12px #14285a47}.erd-gen .node small{color:var(--faint);font-size:11px;font-family:var(--mono);letter-spacing:0;margin-top:5px;font-weight:500;display:block}.erd-gen .node.accent{border-color:var(--blue-line);background:linear-gradient(165deg, var(--blue-tint-2), var(--blue-tint));color:var(--blue-deep);font-weight:700;box-shadow:0 2px 5px #4896ea1f,0 10px 24px -12px #4896ea66}.erd-gen .node.opt{border-style:dashed;border-color:var(--line);color:var(--muted);background:var(--surface-2)}.erd-gen .arrow{color:var(--faint);font-family:var(--mono);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:72px;display:inline-flex}.erd-gen .arrow .g{color:var(--faint);font-size:22px;line-height:1}.erd-gen .arrow .lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--blue-deep);font-size:9px;font-weight:700}.erd-gen .arrow .lbl:empty{display:none}.erd-gen .node .url{letter-spacing:.01em;display:inline-block}.erd-gen .node .u-host{color:var(--ink)}.erd-gen .node .u-path{color:var(--blue-deep)}.erd-gen .node .u-key{color:var(--blue-deep);font-weight:700}.erd-gen .node .u-val{color:var(--blue-deep)}.erd-gen .promptwrap{max-width:820px;margin:0 auto}.erd-gen .promptbox{background:var(--code-bg);border:1px solid #2a323e;border-radius:12px;overflow:hidden}.erd-gen .promptbox .cap{background:#19202a;border-bottom:1px solid #2a323e;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.erd-gen .promptbox .cap span{font-family:var(--mono);color:#9aa6bd;font-size:11px}.erd-gen .promptbox .cp{font-family:var(--mono);cursor:pointer;color:#aebbd8;background:#222a36;border:1px solid #34404f;border-radius:4px;padding:4px 10px;font-size:11px;transition:border-color .15s,color .15s,transform .1s}.erd-gen .promptbox .cp:hover{border-color:var(--blue);color:#fff}.erd-gen .promptbox .cp:active{transform:translateY(1px)}.erd-gen .promptbox>.md{scrollbar-width:thin;scrollbar-color:#46587f transparent;max-height:360px;padding:4px 16px 14px;overflow:auto}.erd-gen .promptbox>.md::-webkit-scrollbar{width:11px;height:11px}.erd-gen .promptbox>.md::-webkit-scrollbar-track{background:0 0}.erd-gen .promptbox>.md::-webkit-scrollbar-thumb{border:3px solid var(--code-bg);background:#34456a;border-radius:8px}.erd-gen .promptbox>.md::-webkit-scrollbar-thumb:hover{background:#46587f}.erd-gen .promptbox>.md p{font-family:var(--sans);color:#c2cce0;margin:12px 0;font-size:14px;line-height:1.63}.erd-gen .promptbox>.md strong{color:#fff;font-weight:700}.erd-gen .promptbox>.md code{font-family:var(--mono);color:#9fc1ff;background:#222a36;border-radius:4px;padding:1px 5px;font-size:12px}.erd-gen .promptbox>.md .md-pre{background:#141a22;border:1px solid #2a323e;border-radius:8px;margin:10px 0;overflow-x:auto}.erd-gen .promptbox>.md .md-lang{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#929fc2;padding:8px 12px 0;font-size:10px}.erd-gen .promptbox>.md .md-pre code{color:#d3e2ff;white-space:pre;background:0 0;border-radius:0;padding:6px 12px 12px;font-size:12px;line-height:1.65;display:block}.erd-gen .skill-rec{text-align:center;max-width:820px;margin:18px auto 0}.erd-gen .skill-rec p{color:var(--muted);margin:8px 0;font-size:14px;line-height:1.63}.erd-gen .skill-rec b{color:var(--ink)}.erd-gen #agents .sec-head{text-align:left;margin-bottom:20px}.erd-gen #agents .sec-head h2{max-width:none;margin:0}.erd-gen #agents .sec-head p{max-width:74ch;margin:12px 0 0}.erd-gen #agents .promptwrap{max-width:none;margin:0}.erd-gen #agents .skill-rec{text-align:left;max-width:none;margin:18px 0 0}.erd-gen #agents .chat{max-width:none;margin:0}.erd-gen #benefits .sec-head{text-align:left}.erd-gen #benefits .sec-head h2,.erd-gen #benefits .sec-head p{max-width:none;margin:0}.erd-gen .chat{border:1px solid var(--line);background:var(--surface);border-radius:12px;max-width:820px;margin:0 auto;overflow:hidden;box-shadow:0 1px 2px #14285a0d,0 16px 40px -26px #14285a4d}.erd-gen .chat .msg{border-bottom:1px solid var(--line-soft);gap:12px;padding:16px;display:flex}.erd-gen .chat .msg:last-child{border-bottom:none}.erd-gen .chat .who{font-family:var(--mono);flex-shrink:0;width:54px;padding-top:2px;font-size:11px;font-weight:700}.erd-gen .chat .user .who{color:var(--faint)}.erd-gen .chat .ai .who{color:var(--blue-deep)}.erd-gen .chat .ai{background:var(--surface-2)}.erd-gen .chat .body{color:var(--ink);min-width:0;font-size:14px;line-height:1.63}.erd-gen .chat .body .mini{font-family:var(--mono);color:var(--faint);margin-top:4px;font-size:12px}.erd-gen .chat .linkpill{font-family:var(--mono);color:var(--blue-deep);background:var(--blue-tint);border:1px solid var(--blue-line);word-break:break-all;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-size:12px;display:inline-flex}.erd-gen .benefits{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.erd-gen .ben{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:24px 20px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 1px 2px #0000000a}.erd-gen .ben:hover{border-color:#d6deea;transform:translateY(-3px);box-shadow:0 16px 34px -18px #14285a4d}.erd-gen .ben .tile{background:var(--blue-tint);width:42px;height:42px;color:var(--blue-deep);border:1px solid var(--blue-line);border-radius:12px;place-items:center;margin-bottom:16px;font-size:20px;display:grid}.erd-gen .ben h4{letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;font-size:16px;font-weight:700}.erd-gen .ben p{color:var(--muted);margin:0;font-size:14px;line-height:1.63}.erd-gen .ben.cloud{border-color:var(--blue-line);background:linear-gradient(165deg, var(--blue-tint-2), var(--blue-tint))}.erd-gen .ben.cloud .tile{background:var(--surface);color:var(--blue-deep);box-shadow:0 2px 9px -3px #4896ea73}.erd-gen .ben.cloud h4{color:var(--blue-deep)}.erd-gen .ben-cta{margin-top:16px}.erd-gen .toast{background:var(--ink);color:#fff;opacity:0;font-size:12px;font-family:var(--sans);z-index:60;border-radius:8px;padding:8px 14px;font-weight:600;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(8px)}.erd-gen .toast.show{opacity:1;transform:translate(-50%)translateY(0)}.erd-gen a:focus-visible,.erd-gen button:focus-visible,.erd-gen textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (width<=880px){.erd-gen .app-grid{grid-template-rows:auto;grid-template-columns:1fr;height:auto}.erd-gen .ed{border-right:none;border-bottom:1px solid var(--line)}.erd-gen .erd-monaco{min-height:360px}.erd-gen .erd-diagram{min-height:392px}.erd-gen .benefits{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.erd-gen *{transition:none!important}.erd-gen .sk-bar{animation:none!important}}