:root{--bg: #0f1117;--panel: #171a23;--panel-2: #1e222d;--border: #2a2f3d;--text: #e6e8ee;--muted: #949aab;--accent: #6aa9ff;--warn: #f0cf9a;--order: #f0a04b;--semantic: #4fc3a1;--space: #e06c9f;--derived: #b39dff;--danger: #e2606a;--radius: 8px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 ui-sans-serif,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#0b1220;border-color:var(--accent);font-weight:600}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notice{border-radius:var(--radius);padding:8px 10px;font-size:12.5px;border:1px solid}.notice.error{color:#ffb3b8;border-color:#6b2a30;background:#2a1518}.link-button{background:none;border:none;padding:0;color:var(--accent);font-size:12px;cursor:pointer;text-decoration:underline}.link-button:hover{color:var(--text)}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;height:56px;padding:0 24px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.site-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;min-width:0}.site-mark{width:26px;height:26px;flex:none}.site-name{font-weight:650;font-size:15px;letter-spacing:-.01em}.site-nav{margin-left:auto;display:flex;gap:20px}.site-nav a{color:var(--muted);text-decoration:none;font-size:13.5px}.site-nav a:hover{color:var(--text)}@media(max-width:420px){.site-header{padding:0 16px}}#root{display:flex;flex-direction:column;min-height:100vh}.site-footer{margin-top:auto;padding:20px 24px;border-top:1px solid var(--border);color:var(--muted);font-size:12.5px;text-align:center}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--text)}.landing{width:100%;max-width:720px;margin:10vh auto 64px;padding:0 16px;display:grid;gap:18px}.landing-kicker{margin:0;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.landing-title{margin:0;font-size:clamp(28px,5vw,40px);line-height:1.15;letter-spacing:-.02em;max-width:22ch}.landing-sub{margin:0;color:var(--muted);font-size:15px;line-height:1.6;max-width:62ch}.landing-start{justify-self:start;padding:10px 20px;font-size:15px}.landing-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.home{width:100%;max-width:1136px;margin:0 auto 72px;padding:0 24px;display:grid;gap:28px;position:relative}.home:before{content:"";position:absolute;inset:-56px 0 auto;height:640px;z-index:-1;pointer-events:none;background:radial-gradient(600px 320px at 72% 30%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),radial-gradient(420px 260px at 18% 20%,color-mix(in srgb,var(--derived) 10%,transparent),transparent 70%)}.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:center;padding-top:9vh}.hero-copy{display:grid;gap:22px;align-content:center}.hero-kicker{justify-self:start;margin:0;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--panel) 80%,transparent);color:var(--muted);font-size:12.5px;font-weight:550;letter-spacing:.01em}.hero-kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--semantic);box-shadow:0 0 0 3px color-mix(in srgb,var(--semantic) 25%,transparent)}.home-title{margin:0;font-size:clamp(34px,5.2vw,58px);line-height:1.04;letter-spacing:-.035em;font-weight:750;max-width:14ch;background:linear-gradient(180deg,var(--text) 40%,color-mix(in srgb,var(--text) 62%,var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent}.home-sub{margin:0;color:var(--muted);font-size:17px;line-height:1.6;max-width:44ch}.home-start{justify-self:start;padding:11px 22px;font-size:15px;border-radius:10px}button.primary.home-start{box-shadow:0 6px 24px -6px color-mix(in srgb,var(--accent) 60%,transparent)}.home-start--ghost{background:transparent}.home-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-works{margin:4px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;color:var(--muted);font-size:12.5px}.hero-works span{color:color-mix(in srgb,var(--text) 78%,transparent);font-weight:600;letter-spacing:-.01em;font-size:14px}.hero-graph{position:relative;margin:0;padding:12px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--bg) 92%,transparent));border:1px solid var(--border);box-shadow:0 30px 80px -30px #000000b3,inset 0 1px #ffffff0a}.hero-graph svg{display:block;width:100%;height:auto}.hg-id{fill:var(--text);font-size:9px;font-weight:700}.hg-label{fill:var(--muted);font-size:11px;paint-order:stroke;stroke:var(--panel);stroke-width:4px;stroke-linejoin:round}.hg-node--on .hg-label{fill:var(--text);font-weight:600}.hg-label--clash{fill:var(--order);font-style:italic}.hg-proof{stroke-dasharray:6 4;animation:hg-flow 1.6s linear infinite}@keyframes hg-flow{to{stroke-dashoffset:-20}}.hg-node--on>circle:first-child{animation:hg-pulse 2.8s ease-in-out infinite;transform-origin:center}@keyframes hg-pulse{0%,to{opacity:.6}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.hg-proof,.hg-node--on>circle:first-child{animation:none}}.hero-answer{position:absolute;left:-28px;bottom:26px;max-width:270px;padding:12px 14px;display:grid;gap:6px;background:color-mix(in srgb,var(--panel-2) 94%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 40px -16px #000c}.hero-answer-q{margin:0;color:var(--muted);font-size:12px}.hero-answer-a{margin:0;font-size:13.5px;line-height:1.45}.cite{display:inline-block;padding:0 6px;border-radius:5px;font-size:11px;font-weight:700;line-height:18px;color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);vertical-align:1px}.hero-clash{position:absolute;right:16px;top:16px;display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--order);background:color-mix(in srgb,var(--order) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--order) 40%,transparent)}.hero-clash-dot{width:6px;height:6px;border-radius:50%;background:var(--order)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.feature{display:grid;gap:8px;align-content:start;padding:22px;background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--border);border-radius:14px;transition:border-color .2s,transform .2s}.feature:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));transform:translateY(-2px)}.feature-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;margin-bottom:6px;background:color-mix(in srgb,currentColor 12%,transparent);border:1px solid color-mix(in srgb,currentColor 30%,transparent)}.feature-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-title{margin:0;font-size:15.5px;font-weight:650;letter-spacing:-.01em}.feature-text{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.home>.link-card,.home>.notice{max-width:760px;width:100%;justify-self:center}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:6vh}.hero-answer{left:12px;bottom:12px}.features{margin-top:16px}}@media(max-width:640px){.home{padding:0 16px}.features{grid-template-columns:1fr}.hero-answer{position:static;max-width:none;margin-top:8px}.hero-clash{top:10px;right:10px}}.button-like.primary{background:var(--accent);color:#0b1220;border-color:var(--accent);font-weight:600}.demo-stats{margin:0;display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--muted);font-size:13.5px}.demo-stats strong{color:var(--text);font-size:15px}.demo-section{display:grid;gap:10px;margin-top:8px}.demo-heading{margin:0;font-size:17px}.demo-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.demo-questions{list-style:none;margin:0;padding:0;display:grid;gap:8px}.demo-questions li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:14px}.demo-sources{margin:0;padding-left:18px;color:var(--muted);font-size:13.5px;line-height:1.7}.link-card{display:grid;gap:10px;padding:18px;background:var(--panel);border:1px solid var(--accent);border-radius:12px}.link-card .button-like{justify-self:start}.link-card-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.link-card-title{margin:0;font-size:16px}.link-card-sub{margin:6px 0 0;font-size:13px;color:var(--muted);font-weight:600}.link-card-url{display:block;padding:10px 12px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);font-size:14px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}a.link-card-url{color:var(--accent);text-decoration:none}a.link-card-url:hover{border-color:var(--accent)}.link-card-prompt{margin:0;padding:10px 12px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);font:12.5px/1.55 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.link-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.button-like{display:inline-block;padding:6px 12px;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--border);color:var(--text);text-decoration:none}.button-like:hover{border-color:var(--accent)}.link-card-note{margin:0;color:var(--muted);font-size:12.5px}.link-card-note--warn{color:var(--warn)}.link-card-note--danger{color:#e2606a;font-size:11.5px}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.landing-step{padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.landing-step h3,.landing-modes h3,.landing-recent h3{margin:6px 0 4px;font-size:14px}.landing-step p,.landing-modes p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.landing-step-n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--accent);color:#0b1220;font-size:12px;font-weight:700}.landing-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.landing-modes>div{padding:14px;border:1px dashed var(--border);border-radius:10px}.landing-recent ul{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:4px}.landing-recent li{display:flex;align-items:baseline;gap:12px;font-size:13px}.landing-recent a{color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace}.landing-recent-date{color:var(--muted);flex:1}.landing-footer{color:var(--muted);font-size:12.5px;border-top:1px solid var(--border);padding-top:14px}@media(max-width:640px){.landing{margin-top:6vh}.landing-steps,.landing-modes{grid-template-columns:1fr}.link-card-row{flex-wrap:wrap}}.why{width:100%;max-width:1136px;margin:0 auto 72px;padding:0 16px;display:grid;gap:72px}.why-hero{text-align:center;padding-top:12vh;display:grid;justify-items:center;gap:18px}.why-kicker{margin:0;color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.why-title{margin:0;font-size:clamp(34px,6vw,52px);line-height:1.05;letter-spacing:-.035em;font-weight:750}.why-sub{margin:0;color:var(--muted);font-size:17px;line-height:1.6;max-width:56ch}.why-section{display:grid;gap:20px}.why-heading{margin:0;font-size:20px;letter-spacing:-.01em;text-align:center}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why-card{padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:grid;align-content:start;gap:8px}.why-card-title{margin:0;font-size:15px;font-weight:650}.why-problem{margin:0;font-size:16px;font-weight:650;color:var(--text);letter-spacing:-.01em}.why-text{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.why-lead{margin:-8px auto 0;color:var(--muted);font-size:15px;line-height:1.6;max-width:60ch;text-align:center}.why-core-part{display:grid;gap:6px}.why-compare{max-width:960px;width:100%;justify-self:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.why-compare-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.why-compare-row+.why-compare-row{border-top:1px solid var(--border)}.why-compare-problem{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:24px 28px}.why-compare-n{font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px}.why-compare-fix{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:24px 28px;background:color-mix(in srgb,var(--accent) 6%,transparent);border-left:1px solid var(--border)}.why-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.why-compare-head>span{padding:14px 28px}.why-compare-head>span+span{background:color-mix(in srgb,var(--accent) 6%,transparent);border-left:1px solid var(--border)}.why-check{width:16px;height:16px;margin-top:3px;color:var(--accent)}.why-label--fix{color:var(--accent)}.why-fix{margin:0;color:var(--text);font-size:14px;line-height:1.65}.why-grid--2{grid-template-columns:repeat(2,1fr);max-width:900px;width:100%;justify-self:center}.why-how{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:center}.why-sketch{margin:0;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:grid;gap:12px}.why-sketch svg{width:100%;height:auto}.why-legend{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:12.5px}.why-legend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.why-steps{display:grid;gap:20px}.why-step{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.why-step>div{display:grid;gap:4px}.why-step-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--accent);color:#0b1220;font-size:13px;font-weight:700}.why-cta{display:grid;justify-items:center;gap:18px}.why-cta-button{background:var(--accent);color:#0b1220;border-color:var(--accent);font-weight:600;padding:10px 20px;font-size:15px}.why-cta-button:hover{border-color:var(--text)}@media(max-width:900px){.why-how{grid-template-columns:1fr}}@media(max-width:600px){.why-grid,.why-grid--2,.why-compare-row{grid-template-columns:1fr}.why-compare-fix{border-left:0;border-top:1px dashed var(--border)}.why-compare-head{display:none}.why-compare-problem,.why-compare-fix{padding:20px}.why{gap:48px}.why-hero{padding-top:6vh}}.manage{max-width:860px;margin-top:6vh}.back{color:var(--muted);text-decoration:none;font-size:13px}.back:hover{color:var(--accent)}.manage-head{display:grid;gap:2px}.manage-title{margin:0;font-size:26px;letter-spacing:-.01em}.manage input,.manage textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font:inherit}.manage input:focus,.manage textarea:focus{outline:none;border-color:var(--accent)}.manage textarea{resize:vertical}.manage-actions{display:flex;gap:8px;flex-wrap:wrap}button.danger:hover:not(:disabled){border-color:var(--bad, #e2606a);color:#e2606a}.button-like--accent{border-color:var(--accent);color:var(--accent)}.manage-danger{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border)}.badge{display:inline-block;vertical-align:middle;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:999px}.badge--private{color:var(--warn);border-color:var(--warn)}.link-card-keep{margin-top:10px;padding-top:12px;border-top:1px solid var(--border)}.manage-transfer{display:grid;gap:8px;padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.manage-transfer label.button-like{cursor:pointer}.button-like.is-disabled{opacity:.5;pointer-events:none}.stat{color:var(--muted)}.kg{display:grid;gap:12px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.kg-head{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.kg-title{margin:0;font-size:18px}.kg-summary{margin:2px 0 0;color:var(--muted)}.kg-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.kg-tabs{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.kg-tab{border:0;border-radius:0;background:var(--bg);padding:6px 14px}.kg-tab+.kg-tab{border-left:1px solid var(--border)}.kg-tab--on{background:var(--panel-2);color:var(--accent)}.kg-tab .stat{margin-left:4px;font-size:12px}.manage .kg-search{flex:1;min-width:200px;width:auto}.kg-source{display:grid;gap:8px}.kg-source-head{margin:6px 0 0;font-size:14px;display:flex;align-items:center;gap:8px}.kg-source-toggle{display:inline-flex;align-items:center;gap:8px;padding:2px 0;background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-align:left}.kg-source-toggle:hover:not(:disabled){color:var(--accent)}.kg-caret{width:10px;color:var(--muted);font-size:11px}.kg-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.kg-dot--small{width:7px;height:7px;vertical-align:1px}.kg-facts{list-style:none;margin:0;padding:0;display:grid;gap:8px}.kg-fact{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);display:grid;gap:6px;scroll-margin:80px;overflow-wrap:anywhere}.kg-fact--on{border-color:var(--accent);animation:kg-flash 1.6s ease-out 1}@keyframes kg-flash{0%{background:color-mix(in srgb,var(--accent) 22%,var(--bg))}to{background:var(--bg)}}.kg-text{margin:0;line-height:1.55}.kg-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px}.kg-note{margin:0;font-size:12.5px}.kg-links{list-style:none;margin:2px 0 0;padding:0 0 0 10px;border-left:2px solid var(--border);display:grid;gap:6px;font-size:13px}.kg-link-target{display:inline;padding:0;border:0;background:none;color:var(--text);border-radius:0;text-align:left;font:inherit;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}.kg-link-target:hover:not(:disabled){color:var(--accent)}.kg-link-why{display:block;font-size:12px;font-style:italic}.kg-tags{display:inline-flex;flex-wrap:wrap;gap:4px}.kg-tag{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;line-height:1.6;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.kg-tag--relation{color:var(--space);border-color:color-mix(in srgb,var(--space) 45%,transparent);background:color-mix(in srgb,var(--space) 12%,transparent)}.kg-groups{display:grid;gap:8px;margin-top:2px}.kg-group{display:grid;gap:4px}.kg-group-head{margin:0;font-size:12px;font-weight:600}.kg-group-head--relation{color:var(--space)}.kg-group-head--similar{color:var(--semantic)}.kg-relation-name{color:var(--space)}.kg-similar-name{color:var(--semantic)}.kg-relation-means{margin:-4px 0 2px 18px;font-size:12.5px}.kg-pair{gap:4px}.kg-pair-end{display:grid;gap:2px}.kg-pair-role{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.kg-pair-arrow{color:var(--space);font-size:12px;line-height:1;padding-left:2px}.kg-pair-arrow--similar{color:var(--semantic)}.kg-pair-why{margin:4px 0 0;font-size:12px}.kg-conflicts-head{color:var(--order)}.kg-conflict{border-color:#6b4a25}.kg-conflict-vs{font-size:12px;color:var(--order);text-transform:uppercase;letter-spacing:.04em}.derived-badge{display:inline-block;margin-right:6px;padding:0 6px;border:1px solid var(--derived);border-radius:999px;color:var(--derived);font-size:11px;line-height:17px;vertical-align:1px;white-space:nowrap}.kg-fact--derived{border-style:dashed;border-color:var(--derived);background:color-mix(in srgb,var(--derived) 6%,var(--bg))}.kg-derivation{margin:0;font-size:12px}@media(max-width:640px){.kg{padding:12px}.kg-tools{align-items:stretch}.manage .kg-search{min-width:0;flex-basis:100%}}.kg-pager{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 0;font-size:12.5px}.kg-pager select{width:auto;padding:1px 4px;font-size:12px}.kg-pager .link-button:disabled{color:var(--muted);cursor:default;opacity:.5}.kg-facts--loading{opacity:.55;transition:opacity .15s}.kg-focus{border:1px solid var(--accent);border-radius:var(--radius);padding:14px 16px;scroll-margin-top:72px}.kg-focus-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.kg-focus-source{font-size:13px;font-weight:400}a.kg-link-target{color:var(--text)}a.kg-link-target:hover{color:var(--accent)}.demo-grid-page{max-width:1040px}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.demo-card{display:grid;gap:8px;align-content:start;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}.demo-card:hover{border-color:var(--accent);transform:translateY(-1px)}.demo-card-kicker{color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.demo-card-title{margin:0;font-size:18px;line-height:1.3}.demo-card-text{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.demo-card-meta{color:var(--muted);font-size:12.5px;min-height:1.2em}.demo-card-go{color:var(--accent);font-size:13.5px;font-weight:600}.viewer{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100vh - 57px);width:100%;min-height:0;overflow:hidden}.viewer-side{background:var(--panel);border-right:1px solid var(--border);padding:16px;overflow:auto;display:grid;align-content:start;gap:4px}.viewer-title{margin:6px 0 0;font-size:16px}.viewer-h{margin:14px 0 4px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.viewer-muted{margin:0;color:var(--muted);font-size:12.5px}.viewer-check{display:flex;gap:6px;align-items:center;font-size:13px;cursor:pointer}.viewer-swatch{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}.viewer-swatch.square{border-radius:2px}.viewer-select{width:100%;padding:6px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;font:inherit;font-size:13px}.viewer-buttons{display:flex;gap:8px;margin-top:8px}.viewer-detail{margin-top:12px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);white-space:pre-wrap;font-size:13px;min-height:60px;word-break:break-word}.viewer-net{position:relative;width:100%;height:calc(100vh - 57px);min-height:0;overflow:hidden;background:var(--bg)}@media(max-width:760px){.viewer{grid-template-columns:1fr;grid-template-rows:auto 70vh;height:auto;overflow:visible}.viewer-net{height:70vh}.viewer-side{border-right:0;border-bottom:1px solid var(--border)}}