:root{--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--ink: #0f172a;--ink-2: #475569;--ink-3: #94a3b8;--line: #dbe2ea;--line-strong: #c3ccd8;--paper: #ffffff;--canvas: #eef1f5;--sidebar: #fbfcfe;--accent: #2563eb;--accent-ink: #1d4ed8;--accent-soft: #eff6ff;--danger: #dc2626;--ok: #15803d;--radius: 8px;--shadow-1: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);--shadow-2: 0 4px 14px rgba(15, 23, 42, .1)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{height:100%}button{font-family:var(--font);transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .05s ease}button:hover:not(:disabled){border-color:var(--line-strong);background-color:#f8fafc}button:active:not(:disabled){transform:translateY(.5px)}button:disabled{opacity:.45;cursor:default}input,select,textarea{font-family:var(--font);color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}input[type=number]{font-variant-numeric:tabular-nums}button:focus-visible,input:focus-visible,select:focus-visible{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px #2563eb2e}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}*{scrollbar-width:thin;scrollbar-color:#c3ccd8 transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#c9d2dd;border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#aab6c5;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.pg-sidebar{background:var(--sidebar)}.pg-toolbar{background:#fbfcfeeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pg-tab{border:1px solid transparent;border-radius:999px;background:transparent;padding:6px 14px;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer}.pg-tab:hover:not(.on){background:#eef2f7;border-color:transparent}.pg-tab.on{background:var(--ink);color:#fff;box-shadow:var(--shadow-1)}.pg-viewport{background:radial-gradient(circle at 1px 1px,rgba(100,116,139,.16) 1px,transparent 0) 0 0 / 22px 22px,linear-gradient(180deg,#f2f5f9,#e9edf3)}.pg-float{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-1);padding:5px 10px;font-size:13px;cursor:pointer}.pg-panel-body{animation:pg-panel-in .14s ease}@keyframes pg-panel-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.pg-chevron{display:inline-block;transition:transform .15s ease;color:var(--ink-3);font-size:9px;width:11px}.pg-chevron.open{transform:rotate(90deg)}.pg-viewport svg g[data-fit],.pg-viewport svg g[data-zone]{cursor:pointer}.pg-viewport svg g[data-fit]:hover,.pg-viewport svg g[data-zone]:hover{opacity:.88}