:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fg:#111827;--muted:#6b7280;--card:#fff;--bg:#f5f7fa;--line:#e4e7ec;--shadow:0 1px 3px #0000000f, 0 2px 8px #0000000d;--accent:#1a5fb4}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fg:#e2e8f0;--muted:#8a9bb0;--card:#161d2b;--bg:#0d1017;--line:#232d3e;--shadow:none;--accent:#1a5fb4}*{box-sizing:border-box}body,.card,button,hr,input[type=color],dialog{transition:background-color .22s,border-color .22s,color .22s,box-shadow .22s}body{height:100dvh;color:var(--fg);background:var(--bg);flex-direction:column;gap:0;margin:0;padding:24px;font:15px/1.5 system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.page-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.page-header>div{flex:1;min-width:0}h1{letter-spacing:-.3px;margin:0 0 4px;font-size:20px;font-weight:800}p.sub{color:var(--muted);margin:0;font-size:14px}#theme-toggle{flex-shrink:0;padding:6px 12px;font-size:13px}.layout{flex:1;grid-template-columns:minmax(0,500px) minmax(300px,600px);align-items:start;gap:24px;min-height:0;display:grid}.layout>.card:not(.diagram-card){scrollbar-width:thin;scrollbar-color:var(--line) transparent;align-self:stretch;overflow-y:auto}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:20px}.resize{resize:both;overflow:auto}power-flow{color:var(--fg)}.diagram-card{position:relative;overflow:hidden}.diagram-card>#diagram{width:100%;height:100%}.resize-hint{color:var(--muted);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;position:absolute;bottom:6px;right:12px}@media (width<=680px){body{height:auto;padding:12px;overflow:auto}h1{font-size:18px}p.sub{font-size:13px}.layout{flex:none;grid-template-columns:1fr}.layout>.card:not(.diagram-card){align-self:auto;overflow-y:visible}.diagram-card{aspect-ratio:1;resize:none;order:-1}.resize-hint{display:none}.colors{grid-template-columns:1fr}button{padding:9px 12px}.page-header{flex-wrap:wrap}}.ctrl{margin-bottom:16px}.ctrl label{justify-content:space-between;margin-bottom:6px;font-weight:600;display:flex}.ctrl label .v{color:var(--muted);font-variant-numeric:tabular-nums}input[type=range],input[type=checkbox]{accent-color:var(--accent)}input[type=range]{width:100%}.toggle{align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.row{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-top:8px;display:grid}#testcases,#action-buttons{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px;display:grid}#testcases button:last-child:nth-child(odd),#action-buttons button:last-child:nth-child(2n){grid-column:1/-1}#get-code{background-color:var(--accent);color:#e2e8f0;grid-column:1/-1;height:60px}button{font:inherit;border:1px solid var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-weight:600;display:inline-flex}button:hover{border-color:var(--muted);background:#64748b14}button.on{background:var(--accent);border-color:var(--accent);color:#fff}button.on:hover{filter:brightness(.88)}hr{border:none;border-top:1px solid var(--line);margin:16px 0}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:700}.colors{grid-template-columns:1fr 1fr;gap:8px 14px;display:grid}.colors label{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;width:34px;height:24px;padding:0}dialog{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:16px;width:min(700px,92vw);max-height:85vh;padding:20px;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a}dialog[open]{flex-direction:column;gap:12px;display:flex}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.install-section{flex-direction:column;gap:8px;display:flex}#pm-tabs{flex-wrap:wrap;gap:4px;display:flex}#pm-tabs button{border-radius:7px;padding:4px 10px;font-size:12px}.install-cmd-row{background:#0d1117;border-radius:9px;align-items:center;gap:10px;padding:10px 14px;display:flex}#install-cmd{color:#e6edf3;flex:1;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:13px}#code-pre{color:#e6edf3;white-space:pre;background:#0d1117;border-radius:9px;flex:1;min-height:120px;margin:0;padding:14px 16px;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:12.5px;line-height:1.6;overflow:auto}