.epd-demo{--bg:var(--color-fd-background,#f7f7f5);--panel:var(--color-fd-card,#fff);--text:var(--color-fd-foreground,#1d1d1b);--muted:var(--color-fd-muted-foreground,#6b6b66);--line:var(--color-fd-border,#e2e2dc);--accent:var(--color-fd-primary,#2f5bd3);--accent-fg:var(--color-fd-primary-foreground,#fff);--err:#b3261e;color:var(--text)}.dark .epd-demo{--err:#ff8a80}.epd-demo *,.epd-demo :before,.epd-demo :after{box-sizing:border-box}.epd-demo a{color:var(--accent)}.epd-demo .page{max-width:960px;margin:0 auto;padding:32px 16px 64px}.epd-demo .header h1{margin:0 0 6px;font-size:24px;font-weight:700}.epd-demo .header p{color:var(--muted);max-width:75ch;margin:0;line-height:1.55}.epd-demo .tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin:24px 0 16px;display:flex}.epd-demo .tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:14px;font-weight:500}.epd-demo .tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.epd-demo .panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:14px;padding:20px;display:grid}.epd-demo .drop{border:2px dashed var(--line);text-align:center;cursor:pointer;color:var(--muted);border-radius:8px;padding:22px}.epd-demo .drop.over{border-color:var(--accent);color:var(--text)}.epd-demo input[type=url],.epd-demo textarea{border:1px solid var(--line);width:100%;color:inherit;font:inherit;background:0 0;border-radius:6px;padding:10px 12px}.epd-demo textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.epd-demo .row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.epd-demo .row label{align-items:center;gap:6px;font-size:14px;display:inline-flex}.epd-demo .spacer{flex:1}.epd-demo .or{color:var(--muted);text-align:center;font-size:13px}.epd-demo button.primary{background:var(--accent);color:var(--accent-fg);font:inherit;cursor:pointer;border:0;border-radius:6px;padding:10px 18px;font-weight:600}.epd-demo button.primary:disabled{opacity:.6;cursor:progress}.epd-demo button.ghost{color:var(--accent);border:1px solid var(--line);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:14px}.epd-demo .segmented{justify-self:start;display:inline-flex}.epd-demo .segmented button{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;padding:6px 14px;font-size:14px}.epd-demo .segmented button:first-child{border-radius:6px 0 0 6px}.epd-demo .segmented button:last-child{border-radius:0 6px 6px 0;margin-left:-1px}.epd-demo .segmented button[aria-checked=true]{color:var(--accent);border-color:var(--accent);position:relative}.epd-demo .status{color:var(--muted);min-height:1.5em;margin:16px 0 8px}.epd-demo .status.err{color:var(--err)}.epd-demo .result{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.epd-demo .bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.epd-demo .bar .meta{min-width:200px;color:var(--muted);flex:1;font-size:13px}.epd-demo .bar .meta strong{color:var(--text)}.epd-demo iframe{background:#fff;border:0;width:100%;height:70vh;display:block}.epd-demo pre{white-space:pre-wrap;word-break:break-word;height:70vh;margin:0;padding:16px;font-size:12.5px;overflow:auto}.epd-demo code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.epd-demo .cite{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:6px;margin:0 0 12px;padding:14px 16px;font-size:14px;display:grid}.epd-demo .cite div{grid-template-columns:90px 1fr;gap:12px;display:grid}.epd-demo .cite dt{color:var(--muted)}.epd-demo .cite dd{overflow-wrap:anywhere;margin:0}.epd-demo .api-note{color:var(--muted);margin-top:24px;font-size:13px}.epd-demo .api-note code{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.epd-demo .examples{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.epd-demo .examples-label{color:var(--muted);min-width:130px;font-size:12px}.epd-demo .hint{color:var(--muted);margin:0;font-size:12px}.epd-demo .citation{overflow-wrap:anywhere;text-indent:-1.5em;margin:0;padding:16px 16px 16px 2.5em;line-height:1.6}.epd-demo .cite-parts{border-collapse:collapse;width:100%;margin:12px 0;font-size:14px}.epd-demo .cite-parts th,.epd-demo .cite-parts td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:6px 8px}.epd-demo .cite-parts th{color:var(--muted);font-weight:500}.epd-demo .cite-parts tr.review td:first-child{border-left:3px solid var(--err)}.epd-demo .cite-parts .flag{color:var(--err);margin-top:2px;font-size:12px}.epd-demo .content-check{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--panel);border-radius:8px;margin:16px 0;padding:12px 16px}.epd-demo .content-check.bad{border-left-color:var(--err)}.epd-demo .content-check h3{margin:0 0 6px;font-size:15px}.epd-demo .content-check.bad .verdict{color:var(--err)}.epd-demo .content-check p{margin:6px 0;line-height:1.5}.epd-demo .content-check .signals{color:var(--muted);margin:6px 0;padding-left:18px;font-size:13px}.epd-demo .cite blockquote{border-left:3px solid var(--line);color:var(--muted);margin:4px 0 0;padding-left:10px}.epd-demo details{margin-top:12px;font-size:13px}.epd-demo details pre{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;overflow:auto}
