.control-card[data-v-e435ee7c]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbd;border:1px solid #94a3b838;border-radius:1.75rem;padding:1.5rem;box-shadow:0 18px 60px #0f172a14}.control-header[data-v-e435ee7c],.summary-grid[data-v-e435ee7c],.controls-grid[data-v-e435ee7c]{gap:1rem;display:grid}.control-header[data-v-e435ee7c]{grid-template-columns:1.3fr .7fr;margin-bottom:1.25rem}.eyebrow[data-v-e435ee7c]{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .55rem;font-size:.78rem;font-weight:800}.control-header h2[data-v-e435ee7c],.control-group h3[data-v-e435ee7c],.summary-pill strong[data-v-e435ee7c],.summary-pill span[data-v-e435ee7c],.control-copy[data-v-e435ee7c]{margin:0}.control-copy[data-v-e435ee7c]{color:#526072;line-height:1.6}.summary-grid[data-v-e435ee7c]{grid-template-columns:1fr;align-content:start}.summary-pill[data-v-e435ee7c]{background:#0f172a0a;border-radius:1rem;padding:.9rem 1rem}.summary-pill span[data-v-e435ee7c]{color:#526072;margin-bottom:.25rem;font-size:.8rem;display:block}.controls-grid[data-v-e435ee7c]{grid-template-columns:repeat(3,minmax(0,1fr))}.control-group[data-v-e435ee7c]{background:#ffffffb8;border:1px solid #94a3b833;border-radius:1.25rem;padding:1rem}.control-options[data-v-e435ee7c]{flex-wrap:wrap;gap:.7rem;margin-top:.8rem;display:flex}.option-button[data-v-e435ee7c]{color:#0f172a;cursor:pointer;font:inherit;background:#edf2f7;border:0;border-radius:999px;padding:.7rem .95rem;font-weight:700}.option-button[data-active=true][data-v-e435ee7c]{color:#fff;background:#0f766e}@media (width<=900px){.control-header[data-v-e435ee7c],.controls-grid[data-v-e435ee7c]{grid-template-columns:1fr}}.state-badge[data-v-e596a843]{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:5.25rem;min-height:2rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.state-badge[data-state=idle][data-v-e596a843]{color:#3346b0;background:#e8edff}.state-badge[data-state=loading][data-v-e596a843]{color:#8a5b00;background:#fff3d6}.state-badge[data-state=loaded][data-v-e596a843]{color:#146534;background:#dff8e5}.state-badge[data-state=error][data-v-e596a843]{color:#b3261e;background:#ffe0de}.directive-grid[data-v-d9bf81ac]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.preview-card[data-v-d9bf81ac],.snippet-card[data-v-d9bf81ac],.gallery-card[data-v-d9bf81ac]{background:#ffffffc7;border:1px solid #94a3b838;border-radius:1.25rem}.preview-card[data-v-d9bf81ac],.snippet-card[data-v-d9bf81ac]{padding:1.25rem}.preview-header[data-v-d9bf81ac],.preview-actions[data-v-d9bf81ac],.gallery-copy[data-v-d9bf81ac],.mini-section-header[data-v-d9bf81ac]{justify-content:space-between;gap:.75rem;display:flex}.preview-header[data-v-d9bf81ac],.preview-actions[data-v-d9bf81ac]{align-items:center}.preview-header h3[data-v-d9bf81ac],.mini-section-header h3[data-v-d9bf81ac]{margin:0}.preview-header p[data-v-d9bf81ac],.preview-actions p[data-v-d9bf81ac],.mini-section-header p[data-v-d9bf81ac],.gallery-copy span[data-v-d9bf81ac]{color:#526072;margin:0}.demo-image[data-v-d9bf81ac],.gallery-image[data-v-d9bf81ac]{aspect-ratio:16/10;object-fit:cover;border-radius:1rem;width:100%;margin:1rem 0;display:block}.demo-image[lazy=loading][data-v-d9bf81ac],.gallery-image[lazy=loading][data-v-d9bf81ac]{background:linear-gradient(135deg,#f6d365,#fda085)}.demo-image[lazy=loaded][data-v-d9bf81ac],.gallery-image[lazy=loaded][data-v-d9bf81ac]{box-shadow:0 0 0 3px #0f766e29}.demo-image[lazy=error][data-v-d9bf81ac]{box-shadow:0 0 0 3px #dc262629}.demo-button[data-v-d9bf81ac]{color:#fff;cursor:pointer;font:inherit;background:#0f766e;border:0;border-radius:999px;padding:.7rem 1rem;font-weight:700}.status-copy[data-v-d9bf81ac]{text-align:right;flex:1}.snippet-card pre[data-v-d9bf81ac]{color:#e2e8f0;background:#0f172a;border-radius:1rem;margin:0;padding:1rem;overflow:auto}.mini-section[data-v-d9bf81ac]{margin-top:1.5rem}.mini-section-header[data-v-d9bf81ac]{align-items:end;margin-bottom:.9rem}.gallery-grid[data-v-d9bf81ac]{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.gallery-card[data-v-d9bf81ac]{overflow:hidden}.gallery-copy[data-v-d9bf81ac]{flex-direction:column;align-items:start;padding:0 1rem 1rem}@media (width<=900px){.directive-grid[data-v-d9bf81ac],.gallery-grid[data-v-d9bf81ac]{grid-template-columns:1fr}.preview-header[data-v-d9bf81ac],.preview-actions[data-v-d9bf81ac],.mini-section-header[data-v-d9bf81ac]{flex-direction:column;align-items:start}.status-copy[data-v-d9bf81ac]{text-align:left}}.console-card[data-v-65ba3190]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbd;border:1px solid #94a3b838;border-radius:1.75rem;padding:1.5rem;box-shadow:0 18px 60px #0f172a14}.console-header[data-v-65ba3190]{justify-content:space-between;align-items:center;gap:1rem;display:flex}.eyebrow[data-v-65ba3190]{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .55rem;font-size:.78rem;font-weight:800}.console-header h2[data-v-65ba3190],.console-empty[data-v-65ba3190],.console-count[data-v-65ba3190]{margin:0}.console-count[data-v-65ba3190]{color:#0f766e;text-transform:uppercase;background:#0f766e1f;border-radius:999px;padding:.45rem .7rem;font-size:.78rem;font-weight:800}.console-list[data-v-65ba3190]{gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.console-item[data-v-65ba3190]{color:#e2e8f0;background:#0f172a;border-radius:1rem;padding:.85rem .95rem;font-family:SFMono-Regular,SF Mono,Menlo,monospace;font-size:.88rem}.console-empty[data-v-65ba3190]{color:#526072;margin-top:1rem;line-height:1.6}.hook-layout[data-v-87d952dc]{grid-template-columns:1.2fr .8fr;gap:1.25rem;display:grid}.preview-card[data-v-87d952dc],.snippet-card[data-v-87d952dc]{background:#ffffffc7;border:1px solid #94a3b838;border-radius:1.25rem;padding:1.25rem}.preview-header[data-v-87d952dc]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.preview-header h3[data-v-87d952dc],.preview-header p[data-v-87d952dc],.benefit-list[data-v-87d952dc]{margin:0}.preview-header p[data-v-87d952dc]{color:#526072}.demo-image[data-v-87d952dc]{aspect-ratio:16/10;object-fit:cover;border-radius:1rem;width:100%;margin:1rem 0;display:block}.demo-image[lazy=loading][data-v-87d952dc]{background:linear-gradient(135deg,#c4b5fd,#60a5fa)}.demo-image[lazy=loaded][data-v-87d952dc]{box-shadow:0 0 0 3px #3b82f629}.hook-actions[data-v-87d952dc]{gap:.75rem;display:flex}.demo-button[data-v-87d952dc],.secondary-button[data-v-87d952dc]{cursor:pointer;font:inherit;border:0;border-radius:999px;padding:.7rem 1rem;font-weight:700}.demo-button[data-v-87d952dc]{color:#fff;background:#1d4ed8}.secondary-button[data-v-87d952dc]{color:#0f172a;background:#e2e8f0}.snippet-card pre[data-v-87d952dc]{color:#e2e8f0;background:#0f172a;border-radius:1rem;margin:0;padding:1rem;overflow:auto}.benefit-list[data-v-87d952dc]{color:#334155;margin-top:1rem;padding-left:1.1rem;line-height:1.6}@media (width<=900px){.hook-layout[data-v-87d952dc]{grid-template-columns:1fr}.preview-header[data-v-87d952dc]{flex-direction:column;align-items:start}.hook-actions[data-v-87d952dc]{flex-wrap:wrap}}.loaded-card[data-v-dbfb774c]{background:radial-gradient(circle at 100% 0,#14b8a62e,#0000 35%),linear-gradient(160deg,#fffffffa,#f0f9fffa);border:1px solid #0f766e2e;border-radius:1.25rem;padding:1.25rem}.loaded-header[data-v-dbfb774c],.metric-grid[data-v-dbfb774c]{gap:.9rem;display:grid}.loaded-header[data-v-dbfb774c]{grid-template-columns:1fr auto;align-items:center}.loaded-header h3[data-v-dbfb774c],.loaded-copy[data-v-dbfb774c],.metric-item span[data-v-dbfb774c]{margin:0}.eyebrow[data-v-dbfb774c]{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.loaded-pill[data-v-dbfb774c]{color:#0f766e;text-transform:uppercase;background:#0f766e1f;border-radius:999px;padding:.45rem .75rem;font-size:.78rem;font-weight:800}.loaded-card h3[data-v-dbfb774c]{margin:1rem 0 .6rem}.loaded-copy[data-v-dbfb774c]{color:#526072;line-height:1.6}.metric-grid[data-v-dbfb774c]{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.metric-item[data-v-dbfb774c]{background:#ffffffd6;border-radius:1rem;padding:.95rem}.metric-item strong[data-v-dbfb774c],.metric-item span[data-v-dbfb774c]{display:block}.metric-item span[data-v-dbfb774c]{color:#526072;margin-top:.35rem;line-height:1.5}@media (width<=900px){.metric-grid[data-v-dbfb774c]{grid-template-columns:1fr}}.lazy-layout[data-v-344781fb]{grid-template-columns:1.1fr .9fr;gap:1.25rem;display:grid}.preview-card[data-v-344781fb],.snippet-card[data-v-344781fb]{background:#ffffffc7;border:1px solid #94a3b838;border-radius:1.25rem;padding:1.25rem}.preview-header[data-v-344781fb]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.preview-header h3[data-v-344781fb],.preview-header p[data-v-344781fb],.benefit-list[data-v-344781fb]{margin:0}.preview-header p[data-v-344781fb]{color:#526072}.lazy-shell[data-v-344781fb]{margin-top:1rem;display:block}.stats-grid[data-v-344781fb]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.stat-chip[data-v-344781fb]{background:#0f172a0a;border-radius:1rem;padding:.85rem .95rem}.stat-chip span[data-v-344781fb],.stat-chip strong[data-v-344781fb]{margin:0;display:block}.stat-chip span[data-v-344781fb]{color:#526072;margin-bottom:.2rem;font-size:.8rem}.placeholder-card[data-v-344781fb]{background:linear-gradient(135deg,#0f172a0a,#2563eb14),#fff;border:1px dashed #3b82f647;border-radius:1.25rem;min-height:220px;padding:1.25rem}.placeholder-card strong[data-v-344781fb],.placeholder-card p[data-v-344781fb]{display:block}.placeholder-card p[data-v-344781fb]{color:#526072;margin:.65rem 0 0;line-height:1.6}.snippet-card pre[data-v-344781fb]{color:#e2e8f0;background:#0f172a;border-radius:1rem;margin:0;padding:1rem;overflow:auto}.benefit-list[data-v-344781fb]{color:#334155;margin-top:1rem;padding-left:1.1rem;line-height:1.6}@media (width<=900px){.lazy-layout[data-v-344781fb]{grid-template-columns:1fr}.preview-header[data-v-344781fb]{flex-direction:column;align-items:start}.stats-grid[data-v-344781fb]{grid-template-columns:1fr}}:root{color:#0f172a;font-family:Avenir Next,Segoe UI,sans-serif}body{background:radial-gradient(circle at top,#14b8a61f,#0000 38%),linear-gradient(#f8fafc 0%,#eef2ff 100%);margin:0}*{box-sizing:border-box}code,pre{font-family:SFMono-Regular,SF Mono,Menlo,monospace}.page-shell{gap:1.5rem;max-width:1180px;margin:0 auto;padding:3rem 1.25rem 5rem;display:grid}.hero-card,.overview-card,.control-card,.demo-card,.console-card,.state-panel,.mini-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbd;border:1px solid #94a3b838;border-radius:1.75rem;box-shadow:0 18px 60px #0f172a14}.hero-card,.demo-card,.control-card,.console-card,.state-panel{padding:1.75rem}.hero-card{position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0f766e29,#2563eb14);position:absolute;inset:0}.hero-copy,.install-box,.feature-list{z-index:1;position:relative}.hero-copy h1,.overview-card h2,.state-row h3{margin:0}.hero-text,.section-copy,.overview-card p,.state-row p,.mini-card p{color:#526072;line-height:1.6}.eyebrow{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .55rem;font-size:.78rem;font-weight:800}.install-box{color:#e2e8f0;background:#0f172a;border-radius:1.25rem;align-items:center;gap:.8rem;margin-top:1rem;padding:.9rem 1rem;display:inline-flex}.install-label{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.feature-list{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.feature-pill{background:#0f172a12;border-radius:999px;padding:.6rem .9rem;font-size:.85rem;font-weight:700}.overview-grid,.edge-grid,.state-grid{gap:1rem;display:grid}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-card,.mini-card{padding:1.35rem}.overview-card pre{color:#e2e8f0;background:#0f172a;border-radius:1rem;margin:1rem 0 0;padding:1rem;overflow:auto}.demo-stack{gap:1.5rem;display:grid}.section-header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.25rem;display:flex}.section-header h2{margin:0}.state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.state-row{background:#ffffffd1;border:1px solid #94a3b838;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.edge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=900px){.overview-grid,.state-grid,.edge-grid{grid-template-columns:1fr}.hero-card,.demo-card,.state-panel,.overview-card,.mini-card{padding:1.25rem}.section-header,.state-row{flex-direction:column;align-items:start}}
