:root{--bg:#fff;--text:#1a1a1a;--text-h:#000;--text-muted:#767676;--border:#00000024;--border-strong:#00000080;--invert-bg:#000;--invert-text:#fff;--danger:#c62c2c;--success:#16874f;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--sidebar-w:216px;--bottombar-h:60px;font:15px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--text:#d4d4d4;--text-h:#fff;--text-muted:#7a7a7a;--border:#ffffff24;--border-strong:#ffffff80;--invert-bg:#fff;--invert-text:#000;--danger:#e5645f;--success:#38b878}}*{box-sizing:border-box}body{margin:0}svg{flex:none;display:block}h1{color:var(--text-h);margin:0 0 var(--space-4);letter-spacing:-.01em;font-size:20px;font-weight:700}h2{align-items:center;gap:var(--space-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-3);font-size:12px;font-weight:700;display:flex}p{margin:0 0 var(--space-2)}code{font-family:var(--mono);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:.92em}.auth-gate{text-align:center;max-width:420px;margin:22vh auto;padding:0 24px}.auth-gate-icon{margin:0 auto var(--space-4);color:var(--text-muted)}.error{color:var(--danger)}.hint{color:var(--text-muted);font-size:13px}.app-shell{min-height:100vh}.mobile-header{display:none}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);padding:var(--space-4) var(--space-3);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-4);color:var(--text-h);letter-spacing:-.01em;font-size:13px;font-weight:700;display:flex}.sidebar-tabs{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;width:100%;font-size:14px;font-weight:600;display:flex}.nav-item:hover{color:var(--text-h)}.nav-item.active{background:var(--invert-bg);color:var(--invert-text)}.sidebar-footer{padding:var(--space-2);border-top:1px solid var(--border);padding-top:var(--space-3)}.user-chip{font-size:12px;font-family:var(--mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.content{margin-left:var(--sidebar-w);max-width:880px;padding:var(--space-6) var(--space-5)}.panel{margin-bottom:var(--space-6)}.panel:last-child{margin-bottom:0}@media (width<=720px){.content{padding:var(--space-4);padding-bottom:calc(var(--bottombar-h) + var(--space-5));margin-left:0}.mobile-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.mobile-header-title{color:var(--text-h);font-size:13px;font-weight:700}.mobile-header-user{font-size:12px;font-family:var(--mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:55vw;overflow:hidden}.sidebar{width:auto;height:var(--bottombar-h);border-right:none;border-top:1px solid var(--border);background:var(--bg);flex-direction:row;padding:0;position:fixed;inset:auto 0 0}.sidebar-brand,.sidebar-footer{display:none}.sidebar-tabs{flex-direction:row;gap:0;width:100%}.nav-item{padding:var(--space-2) 0;text-align:center;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:10px}.nav-item svg{margin:0 auto}.nav-item.active{color:var(--text-h);background:0 0}.nav-item.active svg{color:var(--text-h)}}.card{border:1px solid var(--border);padding:var(--space-4);margin-bottom:var(--space-5);border-radius:6px}button{font:inherit}.btn{align-items:center;gap:var(--space-2);background:var(--bg);border:1px solid var(--border-strong);color:var(--text-h);padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:5px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--text-h)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--invert-bg);border-color:var(--invert-bg);color:var(--invert-text)}.btn-primary:hover:not(:disabled){opacity:.85;border-color:var(--invert-bg)}.btn-danger{background:var(--bg);border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:var(--invert-text)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:12px}.btn-row{gap:var(--space-2);display:inline-flex}.result-box{gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);align-items:flex-start;display:flex}.result-box canvas{border:1px solid var(--border);border-radius:4px;flex:none}.result-meta{min-width:0}.result-meta .hint{word-break:break-all}.table-wrap{border:1px solid var(--border);border-radius:6px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:var(--space-2) var(--space-3);white-space:nowrap}td:last-child,th:last-child{text-align:right}thead th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);font-size:11px;font-weight:700}tbody tr{border-bottom:1px solid var(--border)}tbody tr:last-child{border-bottom:none}td{color:var(--text)}td code{border:none;padding:0}td.state-row{padding:var(--space-5) var(--space-3);text-align:center;color:var(--text-muted);white-space:normal;font-size:13px}.state-inline{align-items:center;gap:var(--space-2);display:inline-flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pill{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:4px;align-items:center;gap:4px;padding:2px 8px 2px 6px;font-size:11px;font-weight:700;display:inline-flex}.pill svg{width:12px;height:12px}.pill-neutral{color:var(--text-muted)}.pill-success{color:var(--success)}.pill-danger{color:var(--danger)}