:root,[data-theme=dark]{--bg: #0a0c10;--bg-elevated: #11141a;--bg-panel: #141820;--bg-hover: #1a1f29;--border: #252b36;--border-strong: #343b4a;--text: #e8eaef;--text-muted: #8b93a7;--accent: #3d8bfd;--accent-soft: rgba(61, 139, 253, .14);--accent-text: #8bb5ff;--ok: #3ecf8e;--ok-soft: rgba(62, 207, 142, .14);--warn: #e6b84d;--warn-soft: rgba(230, 184, 77, .14);--danger: #f07178;--danger-soft: rgba(240, 113, 120, .14);--test: #56c4e8;--test-soft: rgba(86, 196, 232, .14);--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "Sora", "Segoe UI", sans-serif;--radius: 8px;--shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 12px 40px rgba(0, 0, 0, .35);--sidebar-w: 248px}[data-theme=light]{--bg: #f4f6f9;--bg-elevated: #ffffff;--bg-panel: #ffffff;--bg-hover: #eef1f6;--border: #d8dee8;--border-strong: #b8c0ce;--text: #12151c;--text-muted: #5c6578;--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .1);--ok: #0d9f6e;--ok-soft: rgba(13, 159, 110, .12);--warn: #b78103;--warn-soft: rgba(183, 129, 3, .12);--danger: #d64550;--danger-soft: rgba(214, 69, 80, .12);--test: #088ab2;--test-soft: rgba(8, 138, 178, .12);--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .06)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--sans);color:var(--text);background:radial-gradient(900px 420px at 0% 0%,rgba(61,139,253,.08),transparent 55%),radial-gradient(700px 380px at 100% 0%,rgba(62,207,142,.05),transparent 50%),var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25rem .85rem;display:flex;flex-direction:column;gap:1.25rem;overflow:auto}.brand{display:flex;flex-direction:column;gap:.2rem;padding:.35rem .65rem .75rem}.brand strong{font-size:1.05rem;letter-spacing:-.03em;font-weight:700}.brand span{color:var(--text-muted);font-size:.78rem}.nav{display:flex;flex-direction:column;gap:.15rem;flex:1}.nav a{padding:.55rem .7rem;border-radius:7px;color:var(--text-muted);font-size:.9rem;transition:background .12s ease,color .12s ease}.nav a:hover{background:var(--bg-hover);color:var(--text)}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-footer{display:flex;flex-direction:column;gap:.75rem;padding:.9rem .35rem .25rem;border-top:1px solid var(--border)}.sidebar-meta{display:flex;flex-wrap:wrap;gap:.35rem}.main{padding:1.5rem 1.75rem 3rem;min-width:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.page-header h1{margin:0;font-size:1.55rem;letter-spacing:-.035em;font-weight:700}.page-header p{margin:.35rem 0 0;color:var(--text-muted);font-size:.92rem;max-width:56ch}.page-header-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.panel-header h2{margin:0;font-size:.95rem;font-weight:600;letter-spacing:-.01em}.panel-body{padding:1rem}.row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.stack{display:grid;gap:1rem}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.stat .label{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.stat .value{margin-top:.4rem;font-size:1.45rem;font-weight:700;letter-spacing:-.03em}.stat .hint{margin-top:.25rem;font-size:.78rem;color:var(--text-muted)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:7px;padding:.48rem .8rem;cursor:pointer;font-size:.88rem;transition:border-color .12s ease,background .12s ease}.btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.3rem .55rem;font-size:.78rem}.btn-primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.06);background:var(--accent)}.btn-danger{border-color:color-mix(in srgb,var(--danger) 40%,var(--border));color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .48rem;border-radius:999px;font-size:.72rem;font-weight:600;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.badge.test{background:var(--test-soft);color:var(--test)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th,.table td{text-align:left;padding:.65rem .45rem;border-bottom:1px solid var(--border);vertical-align:top}.table th{color:var(--text-muted);font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.table tr:hover td{background:var(--bg-hover)}.mono{font-family:var(--mono);font-size:.82rem}.muted{color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.field{display:flex;flex-direction:column;gap:.3rem}.field.full{grid-column:1 / -1}.field label{font-size:.75rem;color:var(--text-muted);font-weight:500}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:.5rem .65rem}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.field textarea{min-height:180px;font-family:var(--mono);font-size:.82rem;resize:vertical}.field-inline{display:flex;align-items:center;gap:.55rem}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.4rem;height:1.3rem;border-radius:999px;background:var(--border-strong);position:relative;cursor:pointer;border:none;padding:0;transition:background .14s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:50%;background:#fff;transition:transform .14s ease}.switch[aria-checked=true],.switch:checked{background:var(--accent)}.switch[aria-checked=true]:after,.switch:checked:after{transform:translate(1.1rem)}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--danger);display:inline-block}.status-dot.on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.event-list{display:flex;flex-direction:column;gap:.45rem;max-height:68vh;overflow:auto}.event-item{display:grid;grid-template-columns:150px 1fr auto;gap:.75rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:7px;background:var(--bg-elevated);cursor:pointer;color:inherit;text-align:left;width:100%;transition:border-color .12s ease}.event-item:hover,.event-item.selected{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.inspector-stages{display:flex;flex-direction:column;gap:.55rem}.stage{border:1px solid var(--border);border-radius:7px;overflow:hidden}.stage summary{padding:.7rem .85rem;cursor:pointer;background:var(--bg-elevated);font-weight:600;font-size:.9rem;list-style:none;display:flex;align-items:center;gap:.5rem}.stage summary::-webkit-details-marker{display:none}.stage summary:before{content:"▾";color:var(--text-muted);font-size:.75rem}.stage:not([open]) summary:before{content:"▸"}.stage-arrow{text-align:center;color:var(--text-muted);font-size:.85rem;padding:.15rem 0}.stage pre{margin:0;padding:.85rem;overflow:auto;font-family:var(--mono);font-size:.78rem;line-height:1.45;background:var(--bg);max-height:280px}.empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.9rem}.code-block{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg)}.code-block-bar{display:flex;justify-content:space-between;align-items:center;padding:.45rem .7rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.code-block pre{margin:0;padding:.9rem;overflow:auto;font-family:var(--mono);font-size:.8rem;line-height:1.5}.key-card{display:grid;gap:.75rem}.key-value{display:flex;gap:.5rem;align-items:center}.key-value code{flex:1;font-family:var(--mono);font-size:.82rem;padding:.55rem .7rem;background:var(--bg);border:1px solid var(--border);border-radius:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-preview{min-height:320px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:linear-gradient(135deg,transparent 48%,var(--border) 49%,var(--border) 51%,transparent 52%),var(--bg);display:grid;place-items:center;color:var(--text-muted);text-align:center;padding:1.5rem}.widget-preview.loaded{background:var(--bg);border-style:solid}.widget-preview-frame{padding:0;overflow:hidden;display:block;min-height:420px}.widget-preview-frame iframe{display:block;width:100%;min-height:420px;height:420px;border:0;background:#0b1020}.docs-layout{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:start}.docs-nav{display:flex;flex-direction:column;gap:.2rem;position:sticky;top:1rem}.docs-nav button{text-align:left;background:transparent;border:1px solid transparent;color:var(--text-muted);padding:.45rem .6rem;border-radius:6px;cursor:pointer;font-size:.85rem}.docs-nav button:hover{background:var(--bg-hover);color:var(--text)}.docs-nav button.active{background:var(--accent-soft);color:var(--accent);border-color:transparent;font-weight:600}.docs-group{margin:.65rem 0 .25rem;padding:0 .6rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.docs-body{line-height:1.6;font-size:.92rem}.docs-body h3{margin:0 0 .5rem;font-size:1.2rem;letter-spacing:-.02em}.docs-body pre{background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:.85rem;overflow:auto;font-family:var(--mono);font-size:.78rem}.log-stream{max-height:240px;overflow:auto;font-family:var(--mono);font-size:.78rem;background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:.65rem}.log-line{padding:.15rem 0;border-bottom:1px solid transparent}.settings-list{display:grid;gap:0}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border)}.nav{flex-direction:row;flex-wrap:wrap}.grid-2,.docs-layout,.form-grid,.event-item{grid-template-columns:1fr}.docs-nav{position:static;flex-direction:row;flex-wrap:wrap}}