:root{--radius: 12px;--header-h: 32px;--divider-size: 8px;--frame-pad: 8px;--bg: #eef0f3;--panel-bg: #ffffff;--header-bg: #f7f8fa;--border: #d5d9e0;--text: #1b1e23;--muted: #6b7280;--hover: #e8eaee;--accent: #2563eb;--ok: #16a34a;--warn: #f59e0b;--danger: #dc2626;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0e1116;--panel-bg: #161a21;--header-bg: #1b202a;--border: #2a3038;--text: #e6e9ee;--muted: #9aa3af;--hover: #252b35;--accent: #60a5fa;--ok: #4ade80;--warn: #fbbf24;--danger: #f87171}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.dash-frame{height:100dvh;width:100vw;padding:var(--frame-pad);overflow:hidden}.dash{height:100%;width:100%;display:grid;grid-template-rows:100%}.dash--split{grid-template-columns:var(--left-w, 25%) var(--divider-size) 1fr}.dash--split .dash__right{grid-area:1 / 3;min-width:0;min-height:0;display:grid;grid-template-rows:var(--top-h, 45%) var(--divider-size) 1fr;grid-template-columns:100%}.dash--split .dash__a{grid-area:1 / 1}.dash--split .dash__vdiv{grid-area:1 / 2}.dash--split .dash__b{grid-area:1 / 1}.dash--split .dash__hdiv{grid-area:2 / 1}.dash--split .dash__c{grid-area:3 / 1}.dash--columns{grid-template-columns:var(--col-a, 16%) var(--divider-size) var(--col-b, 16%) var(--divider-size) 1fr}.dash--columns .dash__right{display:contents}.dash--columns .dash__a{grid-area:1 / 1}.dash--columns .dash__vdiv{grid-area:1 / 2}.dash--columns .dash__b{grid-area:1 / 3}.dash--columns .dash__hdiv{grid-area:1 / 4}.dash--columns .dash__c{grid-area:1 / 5}.panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel--maximized{position:fixed;inset:0;z-index:200;border-radius:0;border-width:0}.panel:fullscreen{border-radius:0;border-width:0;background:var(--panel-bg)}.panel:-webkit-full-screen{border-radius:0;border-width:0;background:var(--panel-bg)}.panel__header{flex:0 0 var(--header-h);height:var(--header-h);display:flex;align-items:center;gap:2px;padding:0 4px 0 8px;background:var(--header-bg);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.panel__title{flex:1 1 auto;min-width:0;margin:0 4px 0 0;font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel__dot{flex:0 0 auto;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--muted)}.panel[data-status=loading] .panel__dot{background:var(--warn);animation:pulse 1.2s ease-in-out infinite}.panel[data-status=loaded] .panel__dot{background:var(--ok)}.panel[data-status=blocked] .panel__dot{background:var(--danger)}@keyframes pulse{50%{opacity:.25}}.panel__shortcut{flex:0 0 auto;margin-right:4px;padding:1px 5px;border:1px solid var(--border);border-radius:4px;font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.panel__body{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.panel__frame{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:0;background:var(--panel-bg)}.panel__overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;background:var(--panel-bg)}.panel__overlay p{max-width:46ch;margin:0;color:var(--muted);font-size:12px}.panel__overlay code{padding:1px 4px;border-radius:4px;background:var(--hover);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.panel__overlay-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.panel__overlay-url{max-width:90%;color:var(--muted);font-size:11px;word-break:break-all}.icon-btn{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn[aria-pressed=true]{color:var(--accent);border-color:var(--border)}.icon-btn:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{padding:6px 12px;border:1px solid var(--border);border-radius:7px;background:var(--header-bg);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.btn:hover{background:var(--hover)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{filter:brightness(1.08);background:var(--accent)}.divider{position:relative;z-index:5;min-width:0;min-height:0;touch-action:none}.divider--vertical{cursor:col-resize}.divider--horizontal{cursor:row-resize}.divider:after{content:"";position:absolute;border-radius:2px;background:transparent;transition:background .12s ease}.divider--vertical:after{top:6px;bottom:6px;left:50%;width:3px;transform:translate(-50%)}.divider--horizontal:after{left:6px;right:6px;top:50%;height:3px;transform:translateY(-50%)}.divider:hover:after,.divider:focus-visible:after,.divider[data-active=true]:after{background:var(--accent)}.divider:focus-visible{outline:none}.drag-overlay{position:fixed;inset:0;z-index:9999;background:transparent}.drag-overlay--x{cursor:col-resize}.drag-overlay--y{cursor:row-resize}.layout-toggle{position:fixed;right:14px;bottom:14px;z-index:150;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:9px;background:var(--panel-bg);color:var(--muted);opacity:.3;cursor:pointer;transition:opacity .14s ease,color .14s ease}.layout-toggle:hover,.layout-toggle:focus-visible{opacity:1;color:var(--accent)}.layout-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}