*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--t-base);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11"}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tab-num{font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--bg);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}.pip{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pip-ok{background:var(--ok);box-shadow:0 0 0 0 var(--ok);animation:2s infinite dt-pulse}.pip-warn{background:var(--warn)}.pip-err{background:var(--err)}@keyframes dt-pulse{0%{box-shadow:0 0 0 0 var(--pulse-ok-edge)}70%{box-shadow:0 0 0 6px var(--pulse-ok-fade)}to{box-shadow:0 0 0 0 var(--pulse-ok-fade)}}.pill{font-size:var(--t-xs);font-family:var(--font-mono);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:1px 7px;display:inline-flex}.pill .pip{width:6px;height:6px}.pill-ok{background:var(--ok-bg);color:var(--ok)}.pill-warn{background:var(--warn-bg);color:var(--warn)}.pill-err{background:var(--err-bg);color:var(--err)}.pill-info{background:var(--info-bg);color:var(--info)}.pill-soft{background:var(--bg-sunk);color:var(--fg-mid)}.pill-loading{background:var(--warn-bg);color:var(--warn)}.pill-loading .pip{background:var(--warn);box-shadow:0 0 0 0 var(--warn);animation:1.4s infinite dt-pulse}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg)}.card-pad{padding:14px 16px}.chip{border-radius:var(--r-sm);font-size:var(--t-xs);border:1px solid var(--line);background:var(--bg-elev);color:var(--fg-mid);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.chip:hover{background:var(--bg-hover);color:var(--fg)}.chip.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.chip .x{color:var(--fg-faint);margin-left:2px}.kbd{border:1px solid var(--line);min-width:16px;font-family:var(--font-mono);color:var(--fg-mid);background:var(--bg-elev);text-align:center;vertical-align:middle;border-bottom-width:2px;border-radius:3px;padding:0 4px;font-size:10px;line-height:16px;display:inline-block}.app-avatar{width:32px;height:32px;color:var(--bg-elev);letter-spacing:-.01em;border-radius:7px;flex-shrink:0;place-items:center;font-weight:600;display:grid}.iconbtn{border-radius:var(--r-sm);width:28px;height:28px;color:var(--fg-mid);border:1px solid #0000;place-items:center;display:grid}.iconbtn:hover{background:var(--bg-hover);color:var(--fg)}.iconbtn.active{background:var(--accent-soft);color:var(--accent)}.console-pane{background:var(--bg-sunk);font-family:var(--font-mono);font-size:var(--t-xs);flex:1;min-height:0;padding:4px 0;overflow-y:auto}.console-empty{color:var(--fg-dim);font-family:var(--font-sans);padding:14px}.log-line{grid-template-columns:auto 90px 12px 150px 50px 1fr;align-items:baseline;gap:10px;padding:1px 14px 1px 0;display:grid;position:relative}.log-line.has-bg-warn{background:var(--warn-bg)}.log-line.has-bg-error{background:var(--err-bg)}.log-line:hover{background:var(--bg-hover)}.log-ts{color:var(--fg-dim)}.log-source{color:var(--fg-mid);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.log-app{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.log-level{text-transform:uppercase;font-size:10px;font-weight:600}.lv-info{color:var(--fg-mid)}.lv-debug{color:var(--fg-dim)}.lv-warn{color:var(--warn)}.lv-error{color:var(--err)}.log-msg{color:var(--fg);white-space:pre-wrap;word-break:break-word}.req-row{font-family:var(--font-mono);font-size:var(--t-xs);border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:60px 1fr 60px 60px 60px 70px 70px 1fr;align-items:center;gap:10px;padding:4px 14px;display:grid}.req-row:hover{background:var(--bg-hover)}.req-url{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.req-method{font-weight:600}.method-GET{color:var(--info)}.method-POST{color:var(--method-post)}.method-HEAD,.req-cell{color:var(--fg-mid)}.req-status-200{color:var(--ok)}.req-status-4{color:var(--warn)}.req-status-5{color:var(--err)}.cache-hit{color:var(--ok);font-weight:600}.cache-miss{color:var(--fg-dim)}.cache-bypass{color:var(--warn);font-weight:600}.bottomdrawer{background:var(--bg-elev);border-top:1px solid var(--line-strong);height:35%;min-height:200px;box-shadow:var(--shadow-bottom-drawer);z-index:30;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.bottomdrawer-head{border-bottom:1px solid var(--line);align-items:center;padding:6px 14px;display:flex}.bottomdrawer-title{text-transform:uppercase;color:var(--fg-dim);letter-spacing:.05em;font-size:11px;font-weight:500}.bottomdrawer-body{flex-direction:column;flex:1;min-height:0;display:flex}.jt{font-family:var(--font-mono);font-size:var(--t-xs);line-height:1.55}.jt-key{color:var(--code-key)}.jt-str{color:var(--code-str)}.jt-num{color:var(--code-num)}.jt-bool{color:var(--code-bool)}.jt-null,.jt-punct{color:var(--fg-dim)}.jt-collapse{color:var(--fg-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.cmdk-mask{background:var(--mask-color-strong);z-index:100;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}.cmdk{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);width:540px;max-width:90vw;box-shadow:var(--shadow-lg);overflow:hidden}.cmdk-input{border:none;border-bottom:1px solid var(--line);width:100%;color:var(--fg);background:0 0;outline:none;padding:14px 16px;font-size:15px}.cmdk-list{max-height:320px;padding:4px;overflow-y:auto}.cmdk-empty{color:var(--fg-dim);padding:14px;font-size:12px}.cmdk-item{border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;display:flex}.cmdk-item.sel{background:var(--accent-soft);color:var(--accent)}.cmdk-cat{text-transform:uppercase;color:var(--fg-faint);letter-spacing:.06em;padding:8px 12px 2px;font-size:10px}.cmdk-hint{font-size:var(--t-xs);color:var(--fg-dim);margin-left:auto}.dt-spinner{animation:.9s linear infinite dt-spin}@keyframes dt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drawer-mask{background:var(--mask-color);z-index:40;position:fixed;inset:0}.drawer{background:var(--bg-elev);border-left:1px solid var(--line);z-index:41;width:520px;max-width:95vw;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:28px;right:0}.drawer-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.drawer-body{flex:1;padding:14px 16px;overflow-y:auto}.empty{color:var(--fg-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.empty-icon{width:36px;height:36px;color:var(--fg-faint);margin-bottom:10px}.empty-title{color:var(--fg-mid);margin-bottom:4px;font-weight:500}