:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0f4ef;background:#141714;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden}body{grid-template-rows:auto minmax(0,1fr);display:grid}a{color:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}button,summary{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #52df8a}.demo-bar{z-index:40;background:#141a15;border-bottom:1px solid #30392f;align-items:center;gap:16px;min-height:54px;padding:10px 20px;font-size:12px;display:flex;position:relative}.demo-brand{color:#f0f4ef;white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.demo-badge{color:#a4d5ac;white-space:nowrap;background:#213025;border:1px solid #3b5440;border-radius:5px;padding:4px 8px}.demo-note{color:#a4afa3;margin:0}.demo-actions{white-space:nowrap;align-items:center;gap:16px;margin-left:auto;display:flex}.demo-reset{color:#c4cec3;cursor:pointer;background:0 0;border:1px solid #3a473b;border-radius:5px;padding:6px 10px}.demo-reset:hover{color:#fff;background:#273528}.demo-reset:disabled{opacity:.4;cursor:default}.demo-download{color:#b6efc3;font-weight:600;text-decoration:none}.demo-download:hover{color:#fff}.demo-about summary{color:#b3bdb1;cursor:pointer;list-style:none}.demo-about summary::-webkit-details-marker{display:none}.demo-about summary:hover{color:#fff}.demo-about-panel{white-space:normal;background:#1c241d;border:1px solid #3a473b;border-radius:10px;width:min(340px,100vw - 32px);padding:20px;font-size:13px;line-height:1.65;position:absolute;top:calc(100% + 8px);right:20px;box-shadow:0 12px 40px #0007}.demo-about-panel strong{font-size:15px}.demo-about-panel p{color:#b9c4b7;margin:12px 0}.demo-about-panel a{color:#a9e7b6}.demo-loading{background:radial-gradient(at 50% 25%,#203d2940,#0000 60%),#141714;place-items:center;padding:24px;display:grid}.demo-loading-card{text-align:center;width:min(460px,100%)}.demo-loading-mark{background:#233628;border:1px solid #405b45;border-radius:20px;place-items:center;width:84px;height:84px;margin-bottom:24px;display:inline-grid;box-shadow:0 8px 60px #2e80431f}.demo-eyebrow{color:#9cc5a3;text-transform:uppercase;letter-spacing:.13em;font-size:11px}.demo-loading h1{letter-spacing:-.03em;margin:12px 0;font-size:clamp(24px,4vw,32px);font-weight:600}.demo-loading-copy{color:#aab6a7;margin:0;font-size:14px;line-height:1.65}.demo-progress{background:#2b382d;border-radius:4px;height:4px;margin:30px 20px 14px;overflow:hidden}.demo-progress>div{border-radius:inherit;background:#63d58a;width:8%;height:100%;transition:width .25s}.demo-status{color:#c2d0bf;min-height:20px;margin:0;font-size:12px}.demo-size{color:#7f907b;margin-top:8px;font-size:11px}.demo-preview-hints{color:#9eae99;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px;font-size:11px;display:flex}.demo-preview-hints span{border:1px solid #2f3b2e;border-radius:20px;padding:6px 10px}.demo-retry{color:#112217;cursor:pointer;background:#94dba5;border:1px solid #67bd7d;border-radius:6px;margin-top:16px;padding:10px 20px;font-weight:600}.demo-loading--failed .demo-progress{display:none}#web-root{height:100%;min-height:0;overflow:hidden}@media (width<=1100px){.demo-note{display:none}}@media (width<=620px){.demo-bar{gap:10px;padding:9px 12px}.demo-actions{gap:12px}.demo-brand span,.demo-download{display:none}.demo-actions{font-size:11px}.demo-reset{padding:5px 8px}}@media (prefers-reduced-motion:reduce){.demo-progress>div{transition:none}}