:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f8;--surface:#fff;--surface-2:#f1f5f7;--hover:#eaf4f8;--border:#d8e2e7;--border-strong:#b8ccd6;--text:#102a3b;--muted:#587080;--dim:#8aa0ad;--blueprint:#087fc4;--blueprint-soft:#087fc414;--cyan:#00a7a0;--success:#16835a;--success-soft:#16835a14;--warning:#a66b08;--warning-soft:#a66b0817;--danger:#d74355;--danger-soft:#d7435514;--purple:#7459a8;--shadow:#13394d12;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1115;--surface:#111a20;--surface-2:#17232b;--hover:#1b2b34;--border:#263943;--border-strong:#385461;--text:#ecf4f7;--muted:#a2b4bd;--dim:#718892;--blueprint:#4eb7ee;--blueprint-soft:#4eb7ee18;--cyan:#45cdc5;--success:#5cdb95;--success-soft:#5cdb9517;--warning:#f0bd55;--warning-soft:#f0bd5519;--danger:#fb7185;--danger-soft:#fb718519;--purple:#b29ae1;--shadow:#00000035}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px;min-height:36px}::-webkit-scrollbar-thumb:hover{background-color:var(--blueprint)}::-webkit-scrollbar-corner{background:0 0}body{color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#168ac108 1px,#0000 1px),linear-gradient(90deg,#168ac108 1px,#0000 1px);background-size:28px 28px}body.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.is-resizing *{cursor:col-resize!important}button,input{color:inherit;font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--blueprint);outline-offset:2px}.topbar{z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 24px;display:grid;position:sticky;top:0}.brand,.top-actions{align-items:center;gap:10px;display:flex}.brand img{object-fit:contain;width:36px;height:36px;display:block}.brand>span{flex-direction:column;line-height:1.15;display:flex}.brand strong{letter-spacing:.02em;font-size:14px}.brand small,.eyebrow,.drawing-label{color:var(--dim);letter-spacing:.13em;text-transform:uppercase;font-size:9px}.privacy{color:var(--muted);font-size:11px}.privacy span{color:var(--success)}.top-actions{justify-self:end}.primary,.icon-button{border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:8px}.primary{background:var(--text);color:var(--surface);padding:8px 13px;font-size:11px;font-weight:700}.icon-button{width:34px;height:34px;color:var(--muted)}.primary:hover,.icon-button:hover{background:var(--hover);color:var(--text)}main{min-height:calc(100dvh - 64px)}main:has(>.empty-state){align-items:center;display:grid}.workspace{width:min(1520px,100% - 32px);margin:0 auto;padding:28px 0 56px}.run-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.run-heading h1{letter-spacing:-.025em;margin:3px 0;font-size:24px}.run-heading p{color:var(--muted);margin:0;font:11px ui-monospace,Consolas,monospace}.environment-line{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.environment-line span{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:4px;padding:2px 6px;font-size:9px}.metrics{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.metric{border:1px solid var(--border);background:var(--surface);border-radius:9px;min-width:88px;padding:9px 12px}.metric span{color:var(--muted);font-size:10px;display:block}.metric strong{font:700 16px ui-monospace,Consolas,monospace}.metric.success strong{color:var(--success)}.metric.danger strong{color:var(--danger)}.metric.warning strong{color:var(--warning)}.timeline-panel,.test-panel,.trace-panel,.test-overview,.detail-panel{border:1px solid var(--border);background:var(--surface);box-shadow:0 8px 28px var(--shadow);border-radius:12px;overflow:hidden}.timeline-panel{margin-bottom:12px}.run-output-panel{border:1px solid var(--border);background:var(--surface);box-shadow:0 6px 20px var(--shadow);border-radius:10px;margin:-3px 0 12px;overflow:hidden}.run-output-panel .panel-heading>div{flex-direction:column;min-width:0;display:flex}.run-output-list{flex-wrap:wrap;gap:6px;padding:7px;display:flex}.run-output-list button{border:1px solid var(--border);background:var(--surface-2);text-align:left;cursor:pointer;border-radius:7px;flex:280px;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:240px;padding:8px;display:grid}.run-output-list button:hover{border-color:var(--blueprint);background:var(--hover)}.run-output-list button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.run-output-list button strong,.run-output-list button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.run-output-list button strong{font-size:11px}.run-output-list button small{color:var(--muted);font-size:9px}.run-output-list button b{color:var(--blueprint);font-size:9px}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 14px;display:flex}.panel-heading>strong,.panel-heading div strong{font-size:12px}.panel-heading span{color:var(--muted);font-size:10px}.run-scale{color:var(--dim);justify-content:space-between;padding:6px 14px 0;font:8px ui-monospace,Consolas,monospace;display:flex}.run-timeline{background:repeating-linear-gradient(90deg, transparent 0, transparent calc(20% - 1px), var(--border) 20%);min-height:38px;margin:0 14px 8px;position:relative}.timeline-bar{border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;min-width:18px;height:20px;box-shadow:0 1px 2px var(--shadow);border-radius:5px;padding:0;position:absolute;overflow:hidden}.timeline-bar:after{content:attr(data-index);z-index:3;background:color-mix(in srgb, var(--surface) 92%, transparent);min-width:13px;color:var(--text);text-align:center;box-shadow:0 1px 3px var(--shadow);border-radius:3px;padding:0 2px;font:700 9px/14px ui-monospace,Consolas,monospace;position:absolute;inset:2px auto auto 2px}.timeline-bar:hover{z-index:2;outline:2px solid var(--text);outline-offset:2px}.timeline-bar.success{border-color:color-mix(in srgb, var(--success) 65%, var(--border))}.timeline-bar.danger{border-color:var(--danger)}.timeline-bar.warning{border-color:var(--warning)}.timeline-bar.success:after{background:var(--success);color:#071510}.timeline-bar.danger:after{background:var(--danger);color:#fff}.timeline-bar.warning:after{background:var(--warning);color:#211704}.status.success{background:var(--success)}.status.danger{background:var(--danger)}.status.warning{background:var(--warning)}.run-phase-segment{--segment-color:var(--dim);background:var(--segment-color);min-width:2px;position:absolute;inset-block:0}.run-phase-segment.phase-setup,.run-phase-key .phase-setup{--segment-color:var(--blueprint)}.run-phase-segment.phase-execution,.run-phase-key .phase-execution{--segment-color:var(--cyan)}.run-phase-segment.phase-rollback,.run-phase-key .phase-rollback{--segment-color:var(--warning)}.run-phase-segment.phase-teardown,.run-phase-key .phase-teardown{--segment-color:var(--purple)}.run-phase-key{justify-content:flex-end;align-items:center;gap:9px;display:flex}.run-phase-key em{color:var(--dim);font-size:8px;font-style:normal}.run-phase-key span{color:var(--muted);align-items:center;gap:4px;font-size:8px;display:inline-flex}.run-phase-key span i{background:var(--segment-color);border-radius:2px;width:10px;height:4px}.run-phase-key b{color:var(--muted);margin-left:4px;font:500 8px ui-monospace,Consolas,monospace}.viewer-grid{grid-template-columns:var(--test-panel-width,260px) 8px minmax(0, 1fr);align-items:start;gap:8px;display:grid}.column-resizer{cursor:col-resize;touch-action:none;border-radius:999px;height:calc(100dvh - 90px);position:sticky;top:76px}.column-resizer:after{content:"";border-radius:inherit;background:var(--border);transition:background .15s,box-shadow .15s;position:absolute;inset:0 3px}.column-resizer:hover:after{background:var(--blueprint);box-shadow:0 0 0 3px var(--blueprint-soft)}.test-panel{flex-direction:column;max-height:calc(100dvh - 90px);display:flex;position:sticky;top:76px}.test-workspace{gap:12px;min-width:0;display:grid}.search{border:1px solid var(--border);background:var(--surface-2);height:36px;color:var(--dim);border-radius:8px;align-items:center;gap:7px;margin:9px;padding:0 10px;display:flex}.search:focus-within{border-color:var(--blueprint);box-shadow:0 0 0 3px var(--blueprint-soft);background:var(--surface)}.search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.test-list{scrollbar-gutter:stable;flex:auto;min-height:0;padding:0 7px 12px;scroll-padding-bottom:12px;overflow:auto}.test-group{padding:5px 0 7px}.test-group+.test-group{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.test-group>header{color:var(--muted);justify-content:space-between;gap:8px;padding:5px 9px 4px;display:flex}.test-group>header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-size:10px;overflow:hidden}.test-group>header span{color:var(--dim);font:9px ui-monospace,Consolas,monospace}.test-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:10px 9px 10px 35px;position:relative}.test-group .test-item+.test-item{border-top:1px solid var(--border)}.test-item:hover,.test-item.selected{background:var(--hover)}.test-item.selected{box-shadow:inset 3px 0 var(--blueprint)}.test-index{color:var(--blueprint);font:10px ui-monospace,monospace;position:absolute;top:11px;left:10px}.test-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;display:block;overflow:hidden}.test-meta{color:var(--muted);align-items:center;gap:6px;margin-top:3px;font-size:10px;display:flex}.status{background:var(--dim);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 10%, transparent);border-radius:50%;flex:none;display:inline-block}.empty-state{width:min(760px,100% - 32px);margin:0 auto;padding:16px 0}.drop-zone{border:1px dashed var(--blueprint);background:color-mix(in srgb, var(--surface) 95%, transparent);text-align:center;min-height:min(420px,100dvh - 96px);box-shadow:0 12px 36px var(--shadow);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:42px 32px;display:flex}.drop-zone.dragging{background:var(--blueprint-soft)}.empty-mark{object-fit:contain;width:106px;height:106px}.drop-zone h1{margin:12px 0 6px;font-size:24px}.drop-zone p,.drop-zone small,.muted{color:var(--muted)}.drop-zone p{margin:0 0 22px}.drop-zone small{margin-top:14px}.empty-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.secondary{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:700}.secondary:hover{border-color:var(--blueprint);background:var(--blueprint-soft);color:var(--blueprint)}code{background:var(--blueprint-soft);border-radius:4px;padding:2px 5px}.error{color:var(--danger);text-align:center}@media (width<=860px){.topbar{grid-template-columns:1fr auto}.privacy{display:none}.run-heading{flex-direction:column;align-items:flex-start}.metrics{justify-content:flex-start}.viewer-grid{grid-template-columns:1fr}.column-resizer{display:none}.test-panel{max-height:300px;position:static}.test-list{max-height:238px}}@media (width<=560px){.workspace{width:calc(100% - 16px);padding-top:14px}.brand small{display:none}.run-heading h1{font-size:19px}.metric{min-width:74px}}.test-overview{padding:20px}.story-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.story-heading h2{letter-spacing:-.02em;margin:2px 0;font-size:20px}.story-heading p{color:var(--muted);margin:0;font-size:11px}.outcome-pill,.category-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 9px;font-size:10px;font-weight:650;display:inline-flex}.outcome-pill.success{color:var(--success);background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 30%, var(--border))}.outcome-pill.danger{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 30%, var(--border))}.outcome-pill.warning{color:var(--warning);background:var(--warning-soft)}.failure-banner{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));background:var(--danger-soft);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;width:100%;margin-bottom:14px;padding:10px 12px;display:grid}.failure-banner span:nth-child(2),.story-card header div,.story-items button span{flex-direction:column;min-width:0;display:flex}.failure-banner small,.story-card header small,.story-items small{color:var(--muted);font-size:10px}.failure-banner small{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.failure-banner strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.failure-banner b{color:var(--danger);font-size:10px}.lifecycle-strip{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-bottom:16px;display:grid}.phase-card{--phase-color:var(--dim);border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:11px 12px 11px 15px;position:relative;overflow:hidden}.phase-card:before{content:"";background:var(--phase-color);width:3px;position:absolute;inset:0 auto 0 0}.phase-card.phase-setup{--phase-color:var(--blueprint)}.phase-card.phase-execution{--phase-color:var(--cyan)}.phase-card.phase-rollback{--phase-color:var(--warning)}.phase-card.phase-teardown{--phase-color:var(--purple)}.phase-title{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:9px;font-weight:750;display:flex}.phase-card>strong{margin:4px 0 1px;font:700 15px ui-monospace,Consolas,monospace;display:block}.phase-card>small{color:var(--dim);font-size:9px}.story-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:9px;display:grid}.story-card{border:1px solid var(--border);background:var(--surface);border-radius:9px;overflow:hidden}.story-card>header{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:9px;padding:10px 11px;display:flex}.category-glyph{border:1px solid var(--blueprint);width:27px;height:27px;color:var(--blueprint);background:var(--blueprint-soft);border-radius:5px;place-items:center;font:700 9px ui-monospace,monospace;display:grid}.story-card header strong{font-size:11px}.story-items{padding:4px}.story-items button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:42px;padding:6px 7px;display:grid}.story-items button:hover{background:var(--hover)}.story-items button strong,.story-items button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-items button strong{font-size:11px}.story-items button em{color:var(--dim);text-transform:uppercase;font-size:8px;font-style:normal}.more-items{color:var(--dim);font-size:9px;display:block}.more-items summary{border-top:1px solid var(--border);cursor:pointer;padding:6px 8px}.more-items[open] summary{color:var(--blueprint)}.trace-panel{box-shadow:none}.trace-toolbar>div:first-child{flex-direction:column;min-width:0;display:flex}.trace-toolbar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-actions{border:1px solid var(--border);background:var(--surface-2);border-radius:7px;gap:2px;padding:2px;display:flex}.tree-actions button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px 7px;font-size:9px}.tree-actions button:hover{background:var(--surface);color:var(--text)}.view-tabs{border-bottom:1px solid var(--border);gap:3px;padding:7px 10px 0;display:flex;overflow:auto}.view-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px 6px 0 0;align-items:center;gap:5px;padding:6px 9px;font-size:10px;display:inline-flex}.view-tabs button span{background:var(--surface-2);min-width:17px;color:var(--dim);text-align:center;border-radius:999px;padding:1px 4px;font:700 8px ui-monospace,Consolas,monospace}.view-tabs button.active{background:var(--blueprint-soft);color:var(--blueprint)}.view-tabs button.active span{background:var(--surface);color:var(--blueprint)}.filter-description{border-bottom:1px solid var(--border);background:var(--blueprint-soft);color:var(--muted);margin:0;padding:7px 12px;font-size:9px}.filter-description strong{color:var(--text)}.trace-search{margin-top:9px}.trace-list{padding:4px 9px 10px}.trace-phase{--phase-color:var(--dim);border:1px solid var(--border);border-radius:9px;margin-top:9px;overflow:hidden}.trace-phase.phase-setup{--phase-color:var(--blueprint)}.trace-phase.phase-execution{--phase-color:var(--cyan)}.trace-phase.phase-rollback{--phase-color:var(--warning)}.trace-phase.phase-teardown{--phase-color:var(--purple)}.trace-phase-heading{background:color-mix(in srgb, var(--phase-color) 7%, var(--surface-2));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:41px;padding:8px 11px;display:flex}.trace-phase-heading>div{align-items:center;gap:8px;display:flex}.phase-marker{background:var(--phase-color);border-radius:3px;width:3px;height:20px}.trace-phase-heading strong{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.trace-phase-heading small,.trace-phase-heading>span{color:var(--muted);font-size:9px}.trace-phase-heading>span{align-items:center;gap:6px;display:flex}.phase-entries{padding:3px 6px 6px}.trace-row{--depth:0;min-height:48px;padding-left:calc(var(--depth) * 18px);border-radius:6px;grid-template-columns:26px minmax(0,1fr);align-items:center;display:grid}.trace-row+.trace-row{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent)}.trace-row:hover,.trace-row.selected{background:var(--hover)}.trace-row.selected{box-shadow:inset 3px 0 var(--blueprint)}.tree-toggle{border:1px solid var(--border);background:var(--surface-2);width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:5px;font:700 11px ui-monospace,monospace}.tree-toggle.leaf{color:var(--dim);background:0 0;border-color:#0000}.entry-select{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(190px,1fr) auto 92px;align-items:center;gap:10px;min-width:0;min-height:46px;padding:5px 7px;display:grid}.entry-label{grid-template-columns:7px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;display:grid}.entry-name,.source{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entry-name{font-size:12px;font-weight:600}.source{color:var(--muted);grid-column:2;font-size:9px}.entry-tags{justify-content:flex-end;gap:4px;display:flex}.entry-tags em{border:1px solid var(--border);color:var(--dim);text-transform:capitalize;border-radius:999px;padding:2px 6px;font-size:8px;font-style:normal}.entry-timing{flex-direction:column;align-items:flex-end;font:9px ui-monospace,Consolas,monospace;display:flex}.entry-timing small{color:var(--dim)}.entry-timing strong{font-size:10px;font-weight:600}.empty-list{text-align:center;padding:30px}.drawer-backdrop{z-index:25;background:#0610184d;justify-content:flex-end;display:flex;position:fixed;inset:64px 0 0}.detail-panel{border:0;border-left:1px solid var(--border-strong);border-radius:0;max-width:100%;height:100%;position:relative;overflow:auto;box-shadow:-14px 0 40px #0003}.drawer-resizer{z-index:5;cursor:col-resize;touch-action:none;width:9px;margin-left:-5px;position:fixed;top:64px;bottom:0}.drawer-resizer:after{content:"";background:0 0;transition:background .15s;position:absolute;inset:0 3px}.drawer-resizer:hover:after{background:var(--blueprint)}.inspector-heading{z-index:2;background:var(--surface);position:sticky;top:0}.inspector-heading>div{flex-direction:column;min-width:0;display:flex}.inspector-heading div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inspector-heading button{border:1px solid var(--border);background:var(--surface-2);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:7px;font-size:18px}.detail-tabs{z-index:2;border-bottom:1px solid var(--border);background:var(--surface);gap:3px;min-height:38px;padding:5px 8px;display:flex;position:sticky;top:46px;overflow-x:auto}.detail-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:5px 9px;font-size:10px}.detail-tabs button.active{background:var(--blueprint-soft);color:var(--blueprint)}.detail-content{overflow-wrap:anywhere;padding:20px}.inspector-kicker{justify-content:space-between;align-items:center;gap:8px;display:flex}.category-chip{color:var(--blueprint);text-transform:capitalize}.detail-content h2{letter-spacing:-.02em;margin:10px 0 5px;font-size:19px}.detail-content h3{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:22px 0 8px;font-size:9px}.entry-narrative{color:var(--muted);margin:0 0 16px}.time-card{border-left:3px solid var(--blueprint);background:var(--blueprint-soft);border-radius:0 7px 7px 0;grid-template-columns:1fr auto;gap:2px 10px;padding:12px;display:grid}.time-card span,.time-card small{color:var(--muted);font-size:10px}.time-card small{grid-column:1/-1}.relation-card{gap:7px;display:grid}.relation-card>div{border:1px solid var(--border);background:var(--surface-2);border-radius:7px;grid-template-columns:60px 1fr;gap:2px 8px;padding:9px 11px;display:grid}.relation-card span,.relation-card small{color:var(--muted);font-size:9px}.relation-card small{grid-column:2}.facts,.attributes{grid-template-columns:minmax(110px,.38fr) minmax(0,1fr);gap:0 14px;margin:0;font-size:11px;display:grid}.facts dt,.attributes dt{color:var(--muted)}.facts dd,.attributes dd{text-align:right;margin:0;font-family:ui-monospace,Consolas,monospace}.facts dt,.facts dd,.attributes dt,.attributes dd{border-bottom:1px solid color-mix(in srgb, var(--border) 65%, transparent);min-width:0;padding:6px 0}.attribute-groups section{padding:2px 0 16px}.attribute-groups section+section{border-top:1px solid var(--border)}.attributes dd{text-align:left}.trace-value{text-align:left;min-width:0}.trace-value>summary{color:var(--muted);cursor:pointer;align-items:center;gap:5px;font:9px ui-monospace,Consolas,monospace;display:inline-flex}.trace-value>summary code{color:var(--blueprint);background:0 0;padding:0}.trace-value>summary span{color:var(--muted)}.trace-value>.trace-json-document{margin-top:6px}.trace-scalar{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;padding:0}.trace-scalar.value-number,.trace-scalar.value-boolean{color:var(--blueprint)}.trace-scalar.value-null{color:var(--dim);font-style:italic}.trace-json-document{border:1px solid var(--border);background:var(--surface);max-height:310px;color:var(--text);white-space:pre;border-radius:5px;margin:0;padding:9px 10px;overflow:auto}.trace-json-document code{color:inherit;background:0 0;padding:0;font:9px/1.55 ui-monospace,Consolas,monospace}.shape-summary{border-left:3px solid var(--border);border-radius:5px;align-items:baseline;gap:8px;padding:8px 10px;display:flex}.shape-summary.success{border-color:color-mix(in srgb, var(--success) 35%, var(--border));background:var(--success-soft)}.shape-summary.danger{border-color:color-mix(in srgb, var(--danger) 35%, var(--border));background:var(--danger-soft)}.shape-summary strong{font-size:12px}.shape-summary span{color:var(--muted);font-size:9px}.shape-result-tree{border:1px solid var(--border);border-radius:8px;margin-top:12px;overflow:hidden}.shape-result-tree>header{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;display:flex}.shape-result-tree>header small{color:var(--muted);font:9px ui-monospace,Consolas,monospace}.shape-result-tree>header small b{color:var(--success)}.shape-result-tree>header small em{color:var(--danger);font-style:normal}.shape-tree-root{padding:5px 7px 7px;font-family:ui-monospace,Consolas,monospace}.shape-tree-node{position:relative}.shape-tree-row{border-radius:5px;grid-template-columns:21px 18px minmax(0,1fr);align-items:center;min-height:27px;display:grid}.shape-tree-row:hover{background:var(--hover)}.shape-tree-toggle{width:17px;height:17px;color:var(--muted);cursor:pointer;background:0 0;border:0;font:700 11px ui-monospace,Consolas,monospace}.shape-tree-spacer{width:17px}.shape-result-icon{width:15px;height:15px;color:var(--muted);place-items:center;font:800 11px/1 ui-monospace,Consolas,monospace;display:grid}.shape-tree-node.matched>.shape-tree-row>.shape-result-icon{color:var(--success)}.shape-tree-node.failed>.shape-tree-row>.shape-result-icon{color:var(--danger)}.shape-property{white-space:nowrap;align-items:baseline;gap:5px;min-width:0;display:flex}.shape-property strong{color:var(--blueprint);font:600 10px ui-monospace,Consolas,monospace}.shape-property>i{color:var(--muted);font-style:normal}.shape-property code{min-width:0;color:var(--text);text-overflow:ellipsis;background:0 0;border-radius:0;padding:0;font:10px ui-monospace,Consolas,monospace;overflow:hidden}.shape-property small{min-width:0;color:var(--dim);text-overflow:ellipsis;white-space:nowrap;margin-left:5px;font:8px ui-monospace,Consolas,monospace;overflow:hidden}.shape-property .shape-expected{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--danger) 65%, transparent);text-decoration-color:color-mix(in srgb, var(--danger) 65%, transparent)}.shape-property .shape-actual{color:var(--danger);font-weight:700}.shape-property .shape-matched-value{color:var(--text)}.shape-value-arrow{color:var(--danger);font-size:10px}.shape-tree-children{border-left:1px solid var(--border-strong);margin-left:9px;padding-left:10px}.shape-tree-children>.shape-tree-node:before{content:"";border-top:1px solid var(--border-strong);width:8px;position:absolute;top:13px;left:-10px}.shape-tree-close{height:20px;color:var(--muted);margin-left:39px;font:10px/20px ui-monospace,Consolas,monospace}.raw-shape-values{border:1px solid var(--border);border-radius:7px;margin-top:12px;overflow:hidden}.raw-shape-values>summary{background:var(--surface-2);color:var(--muted);cursor:pointer;padding:8px 10px;font-size:10px}.raw-shape-values .shape-values{padding:8px 10px 10px}.shape-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.shape-values>section{min-width:0}.shape-values>section h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px;font-size:9px}.error-card{border:1px solid var(--danger);background:var(--danger-soft);border-radius:8px;padding:12px;font-size:11px}.error-card strong{color:var(--danger);margin-top:8px;display:block}.error-card pre{white-space:pre-wrap;max-height:360px;color:var(--muted);font-size:10px;overflow:auto}.inspector-empty{border:1px dashed var(--border-strong);color:var(--muted);text-align:center;border-radius:8px;margin-top:24px;padding:28px 12px}@media (width<=700px){.test-overview{padding:14px}.story-heading{flex-direction:column}.story-grid{grid-template-columns:1fr}.entry-select{grid-template-columns:minmax(140px,1fr) 78px}.entry-tags{display:none}.detail-panel{width:100%!important}.drawer-resizer{display:none}}@media (width<=980px){.viewer-grid{grid-template-columns:1fr}.column-resizer{display:none}.test-panel{max-height:270px;position:static}.test-list{max-height:210px}}.artifact-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.artifact-heading h2{margin:.35rem 0 .2rem}.artifact-heading p{color:var(--muted);margin:0}.artifact-actions{flex:none;gap:5px;display:flex}.artifact-heading button{border:1px solid var(--border-strong);background:var(--text);color:var(--surface);white-space:nowrap;cursor:pointer;border-radius:6px;padding:5px 8px;font-size:10px;line-height:1.2}.artifact-heading button:first-child{background:var(--surface);color:var(--text)}.artifact-heading button:disabled{opacity:.45;cursor:default}.artifact-image{border:1px solid var(--border);background:var(--surface-2);border-radius:.6rem;max-width:100%;max-height:60vh;margin:1rem auto 0;display:block}.artifact-text{border:1px solid var(--border);background:var(--surface-2);max-height:60vh;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.6rem;margin-top:1rem;padding:1rem;overflow:auto}.artifact-json{white-space:pre;tab-size:2}.artifact-json code{color:var(--text);background:0 0;padding:0;font:10px/1.6 ui-monospace,Consolas,monospace}.artifact-media,.artifact-frame{border:1px solid var(--border);background:var(--surface-2);border-radius:.6rem;width:100%;margin-top:1rem;display:block}.artifact-media{max-height:60vh}.artifact-frame{height:min(72vh,760px);min-height:360px}.artifact-audio{width:100%;margin-top:1rem}.relation-summary{border:1px solid var(--border);background:var(--surface-2);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 12px;display:grid}.relation-summary span,.relation-summary small{color:var(--muted);font-size:10px}.relation-summary strong{font-size:11px}.relation-tree-heading p{color:var(--muted);margin:5px 0 12px;font-size:11px}.relation-tree{padding:8px 0;overflow-x:auto}.relation-node{margin-left:calc(var(--relation-depth) * 18px);padding-left:12px;position:relative}.relation-node:not(:first-child):before{content:"";border-left:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);width:9px;height:27px;position:absolute;top:-9px;left:0}.relation-node button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-width:340px;padding:8px 9px;display:grid}.relation-node button:hover{background:var(--hover)}.relation-node.current button{border-color:var(--blueprint);background:var(--blueprint-soft)}.relation-node button span{flex-direction:column;min-width:0;display:flex}.relation-node button strong{text-overflow:ellipsis;font-size:11px;overflow:hidden}.relation-node button small,.relation-node button em{color:var(--muted);font:9px ui-monospace,Consolas,monospace}.workspace-tabs{z-index:12;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:0 6px 20px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;gap:3px;padding:6px;display:flex;position:sticky;top:76px;overflow-x:auto}.workspace-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:10px}.workspace-tabs button:hover{color:var(--text);background:var(--hover)}.workspace-tabs button.active{background:var(--text);color:var(--surface);font-weight:700}.lifecycle-timeline{border:1px solid var(--border);background:var(--surface);box-shadow:0 8px 28px var(--shadow);border-radius:12px;padding:18px}.timeline-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.timeline-heading h2{margin:2px 0 14px;font-size:18px}.timeline-heading>strong{font:12px ui-monospace,Consolas,monospace}.timeline-columns{grid-template-columns:var(--lifecycle-tree-width,220px) minmax(120px, 1fr) 44px;align-items:end;gap:8px;margin:0 10px 6px 13px;display:grid}.timeline-tree-heading{min-width:0;color:var(--dim);text-transform:uppercase;letter-spacing:.12em;font:700 8px ui-monospace,Consolas,monospace;position:relative}.timeline-tree-resizer{z-index:2;cursor:col-resize;touch-action:none;width:9px;height:20px;position:absolute;top:-4px;right:-12px}.timeline-tree-resizer:after{content:"";background:var(--border-strong);border-radius:999px;transition:background .15s,box-shadow .15s;position:absolute;inset:1px 3px}.timeline-tree-resizer:hover:after,.timeline-tree-resizer:focus-visible:after{background:var(--blueprint);box-shadow:0 0 0 3px var(--blueprint-soft)}.timeline-scale{color:var(--dim);justify-content:space-between;font:8px ui-monospace,Consolas,monospace;display:flex}.lifecycle-lane{border-left:3px solid var(--dim);background:var(--surface-2);border-radius:8px;margin-top:10px;padding:10px}.lifecycle-lane.phase-setup{border-color:var(--blueprint)}.lifecycle-lane.phase-execution{border-color:var(--cyan)}.lifecycle-lane.phase-rollback{border-color:var(--warning)}.lifecycle-lane.phase-teardown{border-color:var(--purple)}.lifecycle-lane>header{grid-template-columns:1fr auto 8px;align-items:center;gap:10px;margin-bottom:7px;display:grid}.lifecycle-lane>header div{align-items:center;gap:7px;display:flex}.lifecycle-lane>header small{color:var(--muted);font-size:9px}.lifecycle-tree{gap:1px;display:grid}.lifecycle-tree-node{min-width:0;position:relative}.lifecycle-entry{border-radius:6px;min-width:0;position:relative}.lifecycle-entry:hover{background:var(--hover)}.lifecycle-disclosure{z-index:1;top:50%;left:calc(2px + var(--tree-depth) * 18px);border:1px solid var(--border);background:var(--surface);width:20px;height:20px;color:var(--muted);cursor:pointer;border-radius:5px;margin-top:-10px;font:700 10px ui-monospace,Consolas,monospace;position:absolute}.lifecycle-disclosure.leaf{color:var(--dim);cursor:default;background:0 0;border-color:#0000}.lifecycle-entry-main{grid-template-columns:var(--lifecycle-tree-width,220px) minmax(120px, 1fr) 44px;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-width:0;padding:4px 0;display:grid}.lifecycle-entry-main:hover .timeline-entry-label{color:var(--blueprint)}.timeline-entry-label{min-width:0;padding-left:calc(30px + var(--tree-depth) * 18px);flex-direction:column;display:flex;position:relative}.lifecycle-entry:not(.root) .timeline-entry-label:before{content:"";top:50%;left:calc(14px + var(--tree-depth) * 18px);border-top:1px solid var(--border-strong);width:12px;position:absolute}.lifecycle-entry:not(.root) .timeline-entry-label:after{content:"";top:-4px;bottom:-4px;left:calc(14px + var(--tree-depth) * 18px);border-left:1px solid var(--border-strong);position:absolute}.timeline-entry-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.timeline-entry-label small,.lifecycle-entry-main>em{color:var(--muted);font:8px ui-monospace,Consolas,monospace}.lifecycle-entry-main>em{text-align:right}.lifecycle-children{min-width:0}.timeline-track{background-image:repeating-linear-gradient(90deg, var(--border) 0 1px, transparent 1px 20%);height:10px;position:relative}.timeline-track i{background:var(--dim);border-radius:3px;min-width:3px;height:6px;position:absolute;top:2px}.timeline-track i.event{border-radius:1px;height:7px;top:1px;transform:rotate(45deg);width:7px!important}.timeline-track i.success{background:var(--success)}.timeline-track i.danger{background:var(--danger)}.timeline-track i.warning{background:var(--warning)}@media (width<=760px){.timeline-columns{grid-template-columns:128px minmax(100px,1fr) 38px}.timeline-tree-resizer{display:none}.lifecycle-entry-main{grid-template-columns:128px minmax(100px,1fr) 38px}.timeline-entry-label{padding-left:calc(26px + var(--tree-depth) * 14px)}.lifecycle-disclosure{left:calc(var(--tree-depth) * 14px)}.lifecycle-entry:not(.root) .timeline-entry-label:before,.lifecycle-entry:not(.root) .timeline-entry-label:after{left:calc(10px + var(--tree-depth) * 14px)}}