:root{color:#e8ecf3;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0d12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 82% 8%,#4667ff24,#0000 28rem),linear-gradient(#0b0d12,#0f1219);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}main{width:min(1180px,100% - 40px);margin:0 auto;padding:72px 0 32px}.hero{border-bottom:1px solid #252a35;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:36px;display:flex}.eyebrow{color:#8494ff;letter-spacing:.14em;margin:0 0 18px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:700}h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,6vw,66px);line-height:1.02}.hero-copy{color:#9ba4b5;max-width:690px;margin:22px 0 0;font-size:16px;line-height:1.75}.summary{color:#b9c0cd;flex:none;align-items:center;gap:10px;min-width:170px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;display:flex}.pulse{background:#f0b35a;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 0 5px #f0b35a1a}.pulse-ready{background:#5bd6a2;animation:none;box-shadow:0 0 0 5px #5bd6a21a}.action-strip{grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 56px;display:grid}.action-card{text-align:left;color:#e8ecf3;background:#151922;border:1px solid #2e3544;border-radius:10px;min-height:106px;padding:18px}button.action-card{cursor:default}.action-card:disabled{color:#7d8492;background:#11141a;border-color:#252a34}.action-card span{margin-bottom:10px;font-size:14px;font-weight:700;display:block}.action-card small{color:#8e97a7;font-size:11px;line-height:1.5;display:block}.capability-groups{gap:48px;display:grid}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.section-heading h2{letter-spacing:.08em;margin:0;font-size:15px}.section-heading span{color:#646d7d;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.capability-card{background:#141820d1;border:1px solid #2a303c;border-radius:10px;min-height:170px;padding:22px}.capability-card.is-supported{border-top-color:#407e68}.capability-card.is-unsupported{border-top-color:#9c6948}.card-title{justify-content:space-between;align-items:center;gap:18px;display:flex}.card-title h3{margin:0;font-size:15px}.card-title span{color:#5bd6a2;letter-spacing:.08em;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.is-unsupported .card-title span{color:#e8a575}.capability-card>p{color:#adb5c2;margin:16px 0 20px;font-size:13px}dl,dd{margin:0}dl{gap:10px;display:grid}dl div{grid-template-columns:42px 1fr;gap:10px;display:grid}dt{color:#5f6878;text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}dd{color:#858f9f;font-size:11px;line-height:1.5}.error-panel{color:#ffc6ad;background:#251713;border:1px solid #683b2d;border-radius:8px;gap:16px;margin-top:24px;padding:16px;display:flex}.skeleton{background:linear-gradient(110deg,#141821 20%,#1d222d 40%,#141821 60%) 0 0/200% 100%;animation:1.4s linear infinite loading;overflow:hidden}footer{color:#626b7b;border-top:1px solid #252a35;justify-content:space-between;margin-top:64px;padding-top:22px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;display:flex}footer a{color:#8494ff;text-decoration:none}@keyframes loading{to{background-position-x:-200%}}@keyframes pulse{50%{opacity:.45}}@media (width<=760px){main{width:min(100% - 28px,1180px);padding-top:42px}.hero{flex-direction:column;align-items:flex-start;gap:24px}.action-strip,.capability-grid{grid-template-columns:1fr}.action-strip{margin-bottom:44px}footer{flex-direction:column;align-items:flex-start;gap:12px}}.editor{width:min(1680px,100% - 24px);margin:0 auto;padding:18px 0 36px}.editor__header{background:#11151d;border:1px solid #2b3341;border-radius:10px;justify-content:space-between;align-items:end;gap:24px;padding:14px 18px;display:flex}.editor__header .eyebrow{margin-bottom:6px}.editor__header h1{letter-spacing:-.03em;font-size:28px}.editor__header p:last-child{color:#808a9b;margin:7px 0 0;font-size:11px}.editor__header nav{align-items:center;gap:12px;display:flex}.editor__header nav span,.editor__header nav a{color:#98a4ff;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;text-decoration:none}.editor__header nav a{border:1px solid #3a4561;border-radius:5px;padding:7px 9px}.editor__status{color:#8994a6;min-height:17px;margin:7px 4px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.editor__workspace{grid-template-columns:minmax(620px,.95fr) minmax(420px,1fr) minmax(250px,270px);gap:10px;min-height:570px;margin-bottom:10px;display:grid}.editor__media,.editor__preview{min-width:0}.editor__media{max-height:690px;overflow:auto}.editor__media .media-panel{border-radius:10px;margin:0;padding:16px}.editor__media .media-panel__heading{flex-direction:column;align-items:start;gap:12px}.editor__media .media-panel__heading h2{font-size:17px}.editor__media .media-panel__heading>div>p:last-child{display:none}.editor__media .media-panel__test-assets{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.editor__media .media-panel__test-assets button{padding:10px}.editor__media .media-panel__status{flex-wrap:wrap;align-items:start;gap:8px}.editor__media .media-panel__status button{margin-left:0}.editor__media .media-panel__results li{padding:12px}.editor__media .media-panel__results dl div{grid-template-columns:64px 1fr}.editor__media .media-panel__results dt{margin:7px 0 2px}.editor__preview .preview-panel{width:100%;height:100%;padding:0}.preview-panel--embedded{background:#11151d;border:1px solid #2b3341;border-radius:10px;flex-direction:column;padding:14px;display:flex}.preview-panel__embedded-title{margin:0 0 10px;font-size:13px}.preview-panel--embedded .preview-panel__workspace{flex:1;grid-template-columns:1fr}.preview-panel--embedded .preview-panel__stage,.preview-panel--embedded .preview-panel__canvas{min-height:360px}.preview-panel--embedded .preview-panel__canvas canvas{width:auto;max-width:100%;max-height:430px}.preview-panel--embedded .preview-panel__controls{grid-template-columns:auto auto auto auto minmax(100px,1fr) auto;padding:9px}.preview-panel--embedded .preview-panel__metrics{grid-template-columns:repeat(4,1fr);gap:5px}.preview-panel--embedded .preview-panel__metrics div{padding:8px}.preview-panel--embedded .preview-panel__metrics dt{margin-bottom:4px}.preview-panel--embedded .preview-panel__metrics dd{font-size:9px}.editor__debug{background:#0f131a;border:1px solid #2b3341;border-radius:10px;margin-top:10px;padding:12px}.editor__debug>nav{gap:6px;margin-bottom:10px;display:flex}.editor__debug>nav button{color:#9aa5b6;cursor:pointer;background:#171d27;border:1px solid #303a4a;border-radius:5px;padding:7px 10px;font-size:10px}.editor__debug>nav button[aria-pressed=true]{color:#e7eaff;border-color:#7583df}.editor__debug-status{color:#7f8a9b;margin:0 0 10px;font-size:10px}.editor__debug>pre{color:#cbd3df;background:#090c11;border-radius:6px;max-height:420px;margin:0;padding:14px;font:10px/1.5 SFMono-Regular,Consolas,monospace;overflow:auto}.editor__capabilities{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.editor__capabilities span{color:#dbe1eb;background:#141a23;border-left:2px solid #e69c68;padding:9px;font-size:10px}.editor__capabilities span[data-supported=true]{border-left-color:#5bd6a2}@media (width<=1320px){.editor__workspace{grid-template-columns:minmax(540px,.95fr) minmax(400px,1fr)}.editor__workspace>.inspector{grid-column:1/-1;max-height:360px}}@media (width<=1040px){.editor__workspace{grid-template-columns:1fr}.editor__workspace>.inspector{grid-column:auto}.editor__media{max-height:none}}@media (width<=780px){.editor{width:min(100% - 16px,1680px)}.editor__header,.editor__header nav{flex-direction:column;align-items:start}.preview-panel--embedded .preview-panel__metrics,.editor__capabilities{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.editor__media .media-panel__test-assets{grid-template-columns:1fr}.editor__media .media-panel__results dl div{display:block}}