.web3d-performance-card-sheet{border-collapse:collapse;background:#fffdf8;border:1px solid #e0d8c8;border-radius:6px;width:100%}.web3d-performance-card-sheet caption{color:#1f2530;text-align:left;padding:0 0 3px;font-size:10px;font-weight:800}.web3d-performance-card-sheet th,.web3d-performance-card-sheet td{color:#2b303a;text-align:left;white-space:nowrap;border-top:1px solid #efe8da;padding:2px 6px;font-size:9.5px;line-height:1.35}.web3d-performance-card-sheet thead th{color:#6b6355;border-top:0;font-size:9px;font-weight:700}.web3d-performance-card-sheet tbody th{color:#1f2530;font-weight:700}.web3d-performance-card-sheet tbody td:nth-child(2){color:#b42323;font-weight:800}.web3d-performance-card-sheet td.is-bad{color:#b42323;text-align:center;font-weight:900}.web3d-performance-card-fix{background:#f3fbf6;border:1px solid #b8e0c6;border-radius:6px;align-items:baseline;gap:6px;min-width:0;margin:0;padding:3px 7px;display:flex}.term-card .term-preview .web3d-performance-card-fix b{color:#17703d;flex:none;font-size:10px}.term-card .term-preview .web3d-performance-card-fix span{color:#1f4d31;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9.5px;font-weight:700;overflow:hidden}.web3d-performance-task{background:#fff8ea;border:1px solid #e2c48f;border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0;padding:8px 11px;display:flex}.web3d-performance-task b{color:#4d3300;font-size:13px}.web3d-performance-task span{color:#3c3220;min-width:0;font-size:13px;font-weight:600}.web3d-performance-task.is-done{background:#f1faf4;border-color:#9bd3ae}.web3d-performance-task.is-done b{color:#17703d}.web3d-performance-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.web3d-performance-viewer{gap:10px;min-width:0;display:grid}.web3d-performance-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.web3d-performance-controls fieldset{border:0;gap:5px;min-width:0;margin:0;padding:0;display:grid}.web3d-performance-controls fieldset:first-child,.web3d-performance-controls fieldset:nth-child(4){grid-column:1/-1}.web3d-performance-controls legend{color:#1f2530;margin-bottom:5px;padding:0;font-size:12.5px;font-weight:800}.web3d-performance-controls [role=group]{flex-wrap:wrap;gap:6px;display:flex}.term-interactive-demo.w3d-demo .web3d-performance-controls button{min-width:0;font-size:13px}.web3d-performance-side{gap:10px;min-width:0;display:grid}.web3d-performance-budget{border-collapse:collapse;table-layout:fixed;background:#fff;border:1px solid #d9dde5;border-radius:8px;width:100%;font-size:13px}.web3d-performance-budget caption{color:#1f2530;text-align:left;padding:0 0 6px;font-size:13px;font-weight:800}.web3d-performance-budget th,.web3d-performance-budget td{color:#2b303a;text-align:left;vertical-align:top;overflow-wrap:anywhere;border-top:1px solid #eceef2;padding:7px 8px}.web3d-performance-budget thead th{color:#5a6170;font-size:12px;font-weight:700}.web3d-performance-budget thead th:first-child{width:40%}.web3d-performance-budget thead th:nth-child(4){width:22%}.web3d-performance-budget tbody th{color:#1f2530;gap:2px;font-weight:700;display:grid}.web3d-performance-budget tbody th small{color:#4a515e;font-size:11.5px;font-weight:500;line-height:1.4}.web3d-performance-budget tbody td{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12.5px}.web3d-performance-budget tbody td:last-child{white-space:nowrap;font-family:inherit;font-weight:800}.web3d-performance-budget tr.is-pass{background:#f1faf4}.web3d-performance-budget tr.is-pass td:last-child{color:#17703d}.web3d-performance-budget tr.is-fail{background:#fff5f5}.web3d-performance-budget tr.is-fail td:last-child,.web3d-performance-budget tr.is-fail td:nth-child(2){color:#b42323}.web3d-performance-budget tr.is-wait td:last-child{color:#6b7280}.web3d-performance-phone{color:#e8ebf1;background:#12151b;border:1px solid #262b35;border-radius:10px;gap:3px;padding:10px 12px;display:grid}.web3d-performance-phone span{color:#a9b1bf;font-size:12px;font-weight:700}.web3d-performance-phone b{color:#fff;font-size:20px;font-weight:850}.web3d-performance-phone small{color:#c5ccd8;font-size:12.5px;font-weight:650}.web3d-performance-phone em{color:#a9b1bf;margin-top:4px;font-size:11.5px;font-style:normal;line-height:1.45}.web3d-performance-phone.is-good{border-color:#2f7a4b}.web3d-performance-phone.is-good b{color:#4ade80}.web3d-performance-phone.is-warn{border-color:#8a6420}.web3d-performance-phone.is-warn b{color:#ffb547}.web3d-performance-phone.is-bad{border-color:#8a3b3b}.web3d-performance-phone.is-bad b{color:#f87171}.term-interactive-demo.w3d-demo .web3d-performance-restore{justify-self:start}.term-interactive-demo.w3d-demo .web3d-performance-verdict{color:#2b303a;background:#fff;border-left:3px solid #c27a00;border-radius:6px;margin:0;padding:9px 11px;font-size:13px;line-height:1.6}.web3d-performance-fallback{text-align:center;place-content:center;justify-items:center;gap:8px;padding:14px;display:grid}.web3d-performance-poster{width:56%;max-width:200px;height:auto}.web3d-performance-fallback p{gap:3px;margin:0;display:grid}.web3d-performance-fallback b{color:#1f2530;font-size:13.5px}.web3d-performance-fallback span{color:#4a515e;max-width:32ch;font-size:12px;line-height:1.5}@media (max-width:720px){.web3d-performance-layout,.web3d-performance-controls{grid-template-columns:1fr}}