:root{--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg:#f5f6f8;--panel:#fff;--raised:#fff;--ink:#1c2024;--ink-2:#4f5762;--ink-3:#6b7381;--line:#e6e9ee;--line-soft:#eff1f5;--hover:#f1f3f6;--accent:#4a63d8;--pass:#2f9e5f;--fail:#d04747;--warn:#b0760c;--skip:#a8b0bb;--tint:color-mix(in srgb, var(--accent) 7%, transparent);--tint-strong:color-mix(in srgb, var(--accent) 13%, transparent);--ring:color-mix(in srgb, var(--accent) 45%, transparent);--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:999px;--shadow-sm:0 1px 2px #1418200d;--shadow-md:0 1px 2px #1418200d, 0 6px 16px -6px #14182024;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111316;--panel:#171a1f;--raised:#1c2026;--ink:#e2e6ea;--ink-2:#b0b9c5;--ink-3:#8a939f;--line:#252a31;--line-soft:#1e2228;--hover:#21262d;--accent:#8ea2ff;--pass:#4fbb7d;--fail:#e8756f;--warn:#d3a24a;--skip:#5c646f;--tint:color-mix(in srgb, var(--accent) 10%, transparent);--tint-strong:color-mix(in srgb, var(--accent) 18%, transparent);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 1px 2px #0000004d, 0 8px 20px -8px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111316;--panel:#171a1f;--raised:#1c2026;--ink:#e2e6ea;--ink-2:#b0b9c5;--ink-3:#8a939f;--line:#252a31;--line-soft:#1e2228;--hover:#21262d;--accent:#8ea2ff;--pass:#4fbb7d;--fail:#e8756f;--warn:#d3a24a;--skip:#5c646f;--tint:color-mix(in srgb, var(--accent) 10%, transparent);--tint-strong:color-mix(in srgb, var(--accent) 18%, transparent);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 1px 2px #0000004d, 0 8px 20px -8px #0009}}:root{--canvas-light:#fff;--canvas-dark:#141619;--canvas-transparent:repeating-conic-gradient(#e9ebee 0 25%, #fff 0 50%) 0 0 / 16px 16px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 13px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}::selection{background:var(--tint-strong)}:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.sidebar,.inspector,.overview,.foundations,.stage,.timeline{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.mono{font-family:var(--font-mono)}#app{grid-template-rows:52px auto 1fr;height:100%;display:grid}.body{--sidebar-track:var(--sidebar-width,296px);--inspector-track:320px;grid-row:3;grid-template-columns:var(--sidebar-track) 0 1fr var(--inspector-track);min-height:0;display:grid}.body.sidebar-hidden{--sidebar-track:0px}.body.inspector-hidden{--inspector-track:0px}.center{grid-template:minmax(0,1fr)/minmax(0,1fr);grid-column:3;min-width:0;min-height:0;display:grid}.center>*{grid-area:1/1}.center>[hidden]{display:none}.center>.empty{color:var(--ink-3);place-self:center}.header{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:18px;padding:0 18px;display:flex}.wordmark{letter-spacing:-.015em;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.wordmark:before{content:"";background:url(./favicon-B5mj2cmB.svg) 50%/contain no-repeat;width:18px;height:18px;margin-right:8px}.wordmark .me{color:var(--accent)}.summary{color:var(--ink-2);align-items:center;gap:14px;font-size:12px;display:flex}.stat{align-items:baseline;gap:5px;display:inline-flex}.summary .stat+.stat:before{content:"";background:var(--line);align-self:center;width:1px;height:11px;margin-right:14px}.stat b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.stat.pass b{color:var(--pass)}.stat.fail{border-radius:var(--r-pill);background:color-mix(in srgb, var(--fail) 12%, transparent);color:var(--fail);padding:2px 9px}.stat.fail b{color:inherit}.header .right{color:var(--ink-3);margin-left:auto;font-size:12px}.header-info{display:contents}.theme-switch,.panel-toggle{border-radius:var(--r-md);background:var(--hover);flex:none;gap:2px;padding:2px;display:flex}.theme-switch button,.panel-toggle button{border-radius:var(--r-sm);color:var(--ink-3);align-items:center;padding:3px 5px;display:inline-flex}.theme-switch button:hover,.panel-toggle button:hover{color:var(--ink)}.theme-switch button.on,.panel-toggle button.on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sm)}.theme-switch button:before,.panel-toggle button:before{content:"";width:14px;height:14px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor}.theme-switch [data-option=system]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E")}.theme-switch [data-option=light]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E")}.panel-toggle [data-panel=sidebar]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M9 3v18'/%3E%3C/svg%3E")}.panel-toggle [data-panel=inspector]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M15 3v18'/%3E%3C/svg%3E")}.crumbs .panel-toggle button{min-height:calc(1lh + 6px);font-size:11.5px}.overview-head .panel-toggle{align-self:center}.theme-switch [data-option=dark]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.5A8 8 0 0 1 9.5 4a8 8 0 1 0 10.5 10.5z'/%3E%3C/svg%3E")}.live{align-items:center;gap:7px;display:inline-flex}.live:before{content:"";background:var(--pass);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--pass) 18%, transparent);border-radius:50%}.version-banner{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--warn) 12%, var(--panel));color:var(--ink);padding:8px 18px;font-size:12px}.issues{font-size:12px;position:relative}.issues>summary{border-radius:var(--r-pill);background:color-mix(in srgb, var(--warn) 12%, transparent);color:var(--warn);cursor:pointer;padding:2px 9px;list-style:none}.issues>summary::-webkit-details-marker{display:none}.issues>summary b{color:inherit}.issues[open]>summary{box-shadow:0 0 0 2px var(--ring)}.issues-panel{z-index:20;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--raised);width:440px;max-height:70vh;box-shadow:var(--shadow-md);padding:6px 0;position:absolute;top:calc(100% + 8px);left:0;overflow:auto}.issues-section{padding:10px 16px}.issues-section+.issues-section{border-top:1px solid var(--line-soft)}.issues-section h3{color:var(--ink);align-items:baseline;gap:8px;margin:0;font-size:12px;font-weight:600;display:flex}.issues-count{color:var(--ink-3);font-variant-numeric:tabular-nums;font-weight:400}.issues-hint{color:var(--ink-3);margin:4px 0 8px;line-height:1.45}.issues-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.issues-list li{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;gap:12px;display:flex;overflow:hidden}.issues-link{color:var(--accent);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:2px 0;overflow:hidden}.issues-link:hover{text-decoration:underline}.issues-meta,.issues-more{color:var(--ink-3)}.sidebar{border-right:1px solid var(--line);background:var(--panel);grid-column:1;padding:14px 10px 32px;scroll-padding-top:58px;overflow:auto}.sidebar-handle{z-index:2;cursor:col-resize;touch-action:none;grid-column:2;width:8px;margin-inline:-4px;position:relative}.sidebar-handle:after{content:"";inset-block:0;background:0 0;width:1px;transition:background-color .12s;position:absolute;left:3px}.sidebar-handle:focus-visible{outline:none}.sidebar-handle:hover:after,.sidebar-handle:focus-visible:after,:root.sidebar-resizing .sidebar-handle:after{background:var(--accent)}:root.sidebar-resizing,:root.sidebar-resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}:root.sidebar-resizing iframe{pointer-events:none}.sidebar-search{z-index:1;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);width:100%;height:30px;box-shadow:0 0 0 14px var(--panel);color:var(--ink);font:inherit;margin-bottom:14px;padding:0 10px;font-size:12.5px;display:block;position:sticky;top:0}.sidebar-search::placeholder{color:var(--ink-3)}.sidebar-search:focus-visible{border-color:var(--ring);outline-offset:0}.tag-filter{color:var(--ink-3);align-items:center;gap:6px;margin:-6px 0 12px;padding:0 9px;font-size:12px;display:flex}.tag-filter[hidden]{display:none}.tag-filter-clear{border-radius:var(--r-sm);width:20px;height:20px;color:var(--ink-3);margin-left:auto;line-height:1}.tag-filter-clear:hover{background:var(--hover);color:var(--ink)}.foundations-nav{border-bottom:1px solid var(--line-soft);margin-bottom:14px;padding-bottom:14px}.foundations-nav[hidden]{display:none}.foundations-entry{border-radius:var(--r-sm);text-align:left;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:5px 9px;display:flex;position:relative}.foundations-entry:hover{background:var(--hover)}.foundations-title{color:var(--ink);letter-spacing:-.01em;font-size:13px;font-weight:600}.foundations-systems{max-width:100%;color:var(--ink-3);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.foundations-entry.active{background:var(--tint)}.foundations-entry.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;position:absolute;top:3px;bottom:3px;left:0}.tree>.empty{color:var(--ink-3);overflow-wrap:anywhere;padding:4px 9px;font-size:12.5px}.row{align-items:flex-start;display:flex}.row>.module-button,.row>.suite-button{flex:1;width:auto;min-width:0}.twisty{border-radius:var(--r-sm);width:16px;height:25px;color:var(--ink-3);flex:none;place-items:center;display:grid}.twisty:before{content:"";border:4px solid #0000;border-left:5px solid;border-right-width:0;transition:transform .12s}.twisty[aria-expanded=true]:before{transform:rotate(90deg)}.twisty:hover{background:var(--hover);color:var(--ink)}.module+.module{border-top:1px solid var(--line-soft);margin-top:18px;padding-top:18px}.module-button,.suite-button{text-align:left;border-radius:var(--r-sm);text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;position:relative;overflow:hidden}.module-button{flex-direction:column;align-items:flex-start;gap:1px;margin-bottom:4px;padding:5px 9px;display:flex}.module-name,.module-path{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.module-name{color:var(--ink);letter-spacing:-.01em;font-size:13px;font-weight:600}.module-path{color:var(--ink-3);font-family:var(--font-mono);font-size:10.5px}.suite-button{color:var(--ink);padding:4px 9px;font-size:12.5px;font-weight:500}.suite:not(.root){border-left:1px solid var(--line-soft);margin-left:9px;padding-left:9px}.test{text-align:left;border-radius:var(--r-sm);width:100%;min-width:0;color:var(--ink-2);align-items:center;gap:8px;padding:4px 9px;display:flex;position:relative}.test-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.module-button:hover,.suite-button:hover,.test:hover{background:var(--hover);color:var(--ink)}.module-button.active,.suite-button.active,.test.active{background:var(--tint);color:var(--ink);font-weight:500}.module-button.active:before,.suite-button.active:before,.test.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;position:absolute;top:3px;bottom:3px;left:0}.tag{border-radius:var(--r-pill);background:var(--tint);color:var(--accent);font-family:var(--font-mono);white-space:nowrap;padding:0 7px;font-size:10.5px;font-weight:400;line-height:17px;display:inline-block}.test-tags{flex-shrink:0;gap:4px;display:inline-flex}.tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}button.tag:hover{background:var(--tint-strong)}button.tag.active{background:var(--accent);color:var(--panel)}.test .n{color:var(--ink-3);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10.5px}.dot{border-radius:50%;flex:none;width:6px;height:6px}.dot.passed{background:color-mix(in srgb, var(--pass) 55%, transparent)}.dot.failed{background:var(--fail);box-shadow:0 0 0 3px color-mix(in srgb, var(--fail) 16%, transparent)}.dot.skipped,.dot.pending{box-shadow:inset 0 0 0 1.5px var(--skip);background:0 0}.main{grid-template-rows:46px 1fr auto auto;min-width:0;min-height:0;display:grid}.main>.stage-note{grid-row:3}.main>.timeline{grid-row:4}.stage-note{border-top:1px solid var(--line);background:color-mix(in srgb, var(--warn) 12%, var(--panel));color:var(--ink);padding:6px 16px;font-size:12px}.crumbs{border-bottom:1px solid var(--line);background:var(--panel);color:var(--ink-3);white-space:nowrap;align-items:center;gap:7px;padding:0 16px;font-size:12.5px;display:flex;overflow:hidden}.crumbs .path{align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.crumbs .parents,.crumbs .cur{text-overflow:ellipsis;min-width:0;overflow:hidden}.crumbs .parents{flex-shrink:1000}.crumbs .sep{color:var(--ink-3);opacity:.55;margin:0 7px}.crumbs .sep:last-child{margin-right:0}.crumbs .cur{color:var(--ink);font-weight:500}.crumbs .tools{border-radius:var(--r-md);background:var(--hover);gap:2px;margin-left:auto;padding:2px;display:flex}.crumbs .tools button{border-radius:var(--r-sm);color:var(--ink-3);font-variant-numeric:tabular-nums;padding:3px 10px;font-size:11.5px}.crumbs .tools button:hover{color:var(--ink)}.crumbs .tools button.on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sm)}.crumbs .tools .size{color:var(--ink-3);align-items:center;gap:5px;padding:0 2px 0 8px;font-size:11px;display:inline-flex}.crumbs .tools input{border-radius:var(--r-sm);background:var(--panel);width:58px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;appearance:textfield;border:1px solid #0000;padding:2px 6px;font-size:11.5px}.crumbs .tools input::-webkit-inner-spin-button{appearance:none;margin:0}.crumbs .tools input::-webkit-outer-spin-button{appearance:none;margin:0}.crumbs .tools input::placeholder{color:var(--ink-3)}.crumbs .tools input:focus{border-color:var(--ring);outline:none}.crumbs .tools .zoom{color:var(--accent);font-variant-numeric:tabular-nums;align-self:center;padding:0 8px 0 6px;font-size:11.5px}.crumbs .tools .zoom:empty{display:none}.backgrounds{gap:2px;display:flex}.backgrounds button[data-bg]{border-radius:var(--r-sm);color:var(--ink-3);align-items:center;padding:3px 5px;display:inline-flex}.backgrounds button[data-bg]:hover{color:var(--ink)}.backgrounds button[data-bg].on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sm)}.backgrounds button[data-bg]:before{content:"";width:12px;height:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink-3) 55%, transparent);border-radius:3px}.backgrounds [data-bg=auto]:before{background:linear-gradient(135deg, var(--canvas-light) 50%, var(--canvas-dark) 50%)}.backgrounds [data-bg=light]:before{background:var(--canvas-light)}.backgrounds [data-bg=dark]:before{background:var(--canvas-dark)}.backgrounds [data-bg=transparent]:before{background:var(--canvas-transparent);background-size:6px 6px}.crumbs .tools .backgrounds{margin-left:7px;position:relative}.crumbs .tools .backgrounds:before{content:"";background:color-mix(in srgb, var(--ink-3) 30%, transparent);width:1px;position:absolute;top:4px;bottom:4px;left:-5px}.stage{background:var(--canvas-light);scrollbar-gutter:stable;grid-template-columns:minmax(0,1fr);padding:28px;display:grid;position:relative;overflow:auto}.stage-frames{grid-template:auto/minmax(0,1fr);place-items:start center;display:grid}.stage-frames>*{grid-area:1/1}.stage[data-canvas=dark]{background:var(--canvas-dark)}.stage[data-canvas=transparent]{background:var(--canvas-transparent)}.stage-slot{overflow:hidden}.stage-slot.incoming{visibility:hidden}.stage iframe{border:0;width:100%;height:180px;display:block}.stage .empty{color:#6b7381;align-self:center}.stage[data-canvas=dark] .empty{color:#8a939f}.timeline{border-top:1px solid var(--line);background:var(--panel);gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.frame{border-radius:var(--r-md);white-space:nowrap;color:var(--ink-2);border:1px solid #0000;align-items:center;gap:9px;padding:6px 12px;display:inline-flex}.frame:hover{background:var(--hover)}.frame.active{background:var(--tint);border-color:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--ink)}.frame .k{color:var(--ink-3);align-items:center;gap:6px;font-size:11px;display:inline-flex}.frame .k:before{content:"";background:currentColor;border-radius:2px;width:6px;height:6px}.frame .label{font-family:var(--font-mono);font-size:12px}.frame .t{color:var(--ink-3);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10.5px}.frame.render .k{color:var(--accent)}.frame.action .k{color:var(--pass)}.frame.step .k{color:var(--warn)}.inspector{border-left:1px solid var(--line);background:var(--panel);grid-column:4;padding:16px 18px 32px;overflow:auto}.inspector h3{color:var(--ink-3);text-transform:capitalize;margin:0 0 9px;font-size:11.5px;font-weight:600}.inspector section{margin-bottom:22px}.inspector section+section{border-top:1px solid var(--line-soft);padding-top:18px}.status{text-transform:capitalize;align-items:center;gap:8px;font-weight:500;display:inline-flex}.kv{border-collapse:collapse;width:100%}.kv td{vertical-align:top;border-bottom:1px solid var(--line-soft);padding:4px 0}.kv tr:last-child td{border-bottom:0}.kv td:first-child{color:var(--ink-3);white-space:nowrap;font-family:var(--font-mono);padding-right:14px;font-size:12px}.kv td:last-child{word-break:break-word;font-family:var(--font-mono);font-size:12px}.props-more{border-radius:var(--r-sm);color:var(--accent);margin-top:4px;padding:2px 6px;font-size:12px}.props-more:hover{background:var(--hover)}.val-string{color:#b0501f}.val-number,.val-boolean{color:var(--accent)}.val-fn{color:var(--ink-3);font-style:italic}:root[data-theme=dark] .val-string{color:#d98a5f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .val-string{color:#d98a5f}}.err{color:var(--fail);white-space:pre-wrap;font-family:var(--font-mono);margin:0;font-size:12px}.hint{color:var(--ink-3);font-size:12px}kbd{text-align:center;border:1px solid var(--line);background:var(--bg);min-width:18px;font:inherit;color:var(--ink-2);border-bottom-width:2px;border-radius:5px;padding:0 4px;font-size:11px;display:inline-block}.missing-line{color:var(--fail);font-family:var(--font-mono);font-size:12px}.component-line{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.component-line span:first-child{font-family:var(--font-mono);font-size:12px}.component-line .hint{font-family:var(--font-mono);text-overflow:ellipsis;font-size:11px;overflow:hidden}.overview{min-width:0;min-height:0;padding:24px 28px 56px;overflow:auto}.overview-head{border-bottom:1px solid var(--line);align-items:baseline;gap:16px;padding-bottom:14px;display:flex}.overview-head h1{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600}.overview-meta{color:var(--ink-3);font-family:var(--font-mono);margin-left:auto;font-size:11px}.overview-section{margin-top:26px}.overview-section h2{margin:0;font-size:15px;font-weight:600}.overview h3{color:var(--ink-3);text-transform:capitalize;margin:22px 0 10px;font-size:11.5px;font-weight:600}.overview .empty{color:var(--ink-3);padding:28px 0}.head-hint{color:var(--ink-3);text-transform:none;margin-left:10px;font-weight:400}.foundations{background:var(--bg);min-width:0;min-height:0;padding:24px 28px 56px;overflow:auto}.foundations-head{flex-wrap:wrap;row-gap:4px}.foundations-head .overview-meta{overflow-wrap:anywhere}.foundations-toolbar{flex-wrap:wrap;align-items:center;gap:10px 16px;margin:16px 0 14px;display:flex}.foundations-sections{border-radius:var(--r-md);background:var(--hover);flex-wrap:wrap;gap:2px;min-width:0;padding:2px;display:flex}.foundations-sections button{border-radius:var(--r-sm);color:var(--ink-3);align-items:baseline;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.foundations-sections button:hover{color:var(--ink)}.foundations-sections button[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sm)}.foundations-sections .count{font-variant-numeric:tabular-nums;opacity:.75;font-size:11px}.foundations-filter{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);min-width:0;max-width:240px;height:28px;color:var(--ink);font:inherit;flex:160px;padding:0 10px;font-size:12.5px}.foundations-filter::placeholder{color:var(--ink-3)}.foundations-filter:focus-visible{border-color:var(--ring);outline-offset:0}.foundations .backgrounds{border-radius:var(--r-md);background:var(--hover);margin-left:auto;padding:2px}.foundations-hint,.foundations-note{margin:-4px 0 12px;font-size:12px}.foundations-hint{color:var(--ink-3)}.foundations-hint[hidden]{display:none}.foundations-note{color:var(--warn)}.foundations-setup{color:var(--ink-2);margin:-4px 0 12px;font-size:12px}.foundations-setup code{font-family:var(--font-mono);font-size:11.5px}.foundations-head+.foundations-setup{margin-top:16px}.foundations-canvas{border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas-light);padding:24px}.foundations-canvas[data-canvas=dark]{background:var(--canvas-dark)}.foundations-canvas[data-canvas=transparent]{background:var(--canvas-transparent)}.foundations-canvas iframe{border:0;width:100%;display:block}.foundations-canvas iframe[hidden]{display:none}.foundations-canvas .empty{color:#6b7381}.foundations-canvas[data-canvas=dark] .empty{color:#8a939f}.props th{text-align:left;color:var(--ink-3);text-transform:capitalize;border-bottom:1px solid var(--line);padding:0 14px 7px 0;font-size:11.5px;font-weight:600}.props td{padding:9px 14px 9px 0}.props td.prop-name{color:var(--ink);font-family:var(--font-mono);font-size:12px;font-weight:500}.props .req{color:var(--fail)}.props .prop-type{color:var(--ink-2);white-space:pre-wrap;font-family:var(--font-mono);font-size:12px}.props .prop-covered{width:52%}.chip{border-radius:var(--r-pill);font-family:var(--font-mono);white-space:nowrap;align-items:baseline;gap:4px;margin:0 6px 5px 0;padding:2px 9px;font-size:11.5px;display:inline-flex}.chip.covered{color:var(--pass);background:color-mix(in srgb, var(--pass) 11%, transparent)}.chip.missing{color:var(--fail);background:color-mix(in srgb, var(--fail) 11%, transparent)}.chip-default{color:var(--ink-3);font-size:10.5px}.gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.tile{text-align:left;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--raised);width:100%;transition:border-color .15s;display:block;overflow:hidden}.tile:hover{border-color:var(--accent)}.thumb{background:var(--canvas-light);border-bottom:1px solid var(--line);height:150px;overflow:hidden}.thumb[data-canvas=dark]{background:var(--canvas-dark)}.thumb[data-canvas=transparent]{background:var(--canvas-transparent)}.thumb iframe{transform-origin:0 0;pointer-events:none;border:0;width:800px;height:500px;transform:scale(.3)}.thumb .hint{padding:12px}.cap{align-items:center;gap:8px;min-width:0;padding:9px 12px;font-size:12.5px;display:flex}.cap-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crumbs .tools .live-toggle{align-items:center;gap:6px;margin-right:7px;display:inline-flex;position:relative}.crumbs .tools .live-toggle:after{content:"";background:color-mix(in srgb, var(--ink-3) 30%, transparent);width:1px;position:absolute;top:4px;bottom:4px;right:-5px}.crumbs .tools .live-toggle[hidden]{display:none}.crumbs .tools .live-toggle:before{content:"";border-radius:50%;width:6px;height:6px;box-shadow:inset 0 0 0 1.5px}.crumbs .tools .live-toggle.on{color:var(--accent)}.crumbs .tools .live-toggle.on:before{background:var(--accent);box-shadow:0 0 0 3px var(--tint-strong)}.crumbs .tools .live-toggle[aria-disabled=true]{opacity:.5;cursor:not-allowed}.crumbs .tools .live-toggle[aria-disabled=true]:hover{color:var(--ink-3)}.stage-slot.live-slot.loading{background-image:linear-gradient(100deg,#0000 40%,#4a63d833 50%,#0000 60%);background-size:300% 100%;animation:1.4s linear infinite live-shimmer}.stage[data-canvas=dark] .stage-slot.live-slot.loading{background-image:linear-gradient(100deg,#0000 40%,#8ea2ff3d 50%,#0000 60%)}.stage-slot.live-slot iframe{transition:opacity .15s ease-out}.stage-slot.live-slot.loading iframe{opacity:0}.stage-slot.live-underlay iframe{opacity:.4;transition:opacity .15s ease-out}.stage-slot.live-underlay.leaving iframe{opacity:0}.crumbs .tools .live-toggle.on.loading:before{animation:.8s ease-in-out infinite alternate live-pulse}@keyframes live-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes live-pulse{0%{opacity:1}to{opacity:.3}}@media (prefers-reduced-motion:reduce){.stage-slot.live-slot.loading,.stage[data-canvas=dark] .stage-slot.live-slot.loading{background:0 0;animation:none}.stage-slot.live-slot iframe,.stage-slot.live-underlay iframe{transition:none}.crumbs .tools .live-toggle.on.loading:before{opacity:.5;animation:none}}.live-section h4{color:var(--ink-3);text-transform:capitalize;margin:14px 0 6px;font-size:11px;font-weight:600}.live-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.live-status{min-width:0;color:var(--ink);align-items:center;gap:8px;font-weight:500;display:inline-flex}.live-section .err{margin-top:8px}.live-restart{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);color:var(--ink-2);flex:none;padding:2px 10px;font-size:11.5px}.live-restart:hover{background:var(--hover);color:var(--ink)}.live-actions{color:var(--ink);font-family:var(--font-mono);word-break:break-word;gap:2px;margin:0;padding:0 0 0 22px;font-size:12px;display:grid}.live-actions li::marker{color:var(--ink-3)}.live-notice{border-left:2px solid var(--warn);color:var(--ink-2);margin-top:6px;padding-left:8px}