*{box-sizing:border-box}html,body{height:100%;margin:0;background:#071016;color:#f1eee1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,iframe:focus-visible{outline:2px solid #e8b84a;outline-offset:-3px}.demo-shell{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.demo-header{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:max(8px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left));border-bottom:1px solid #d0a95055;background:#080f14}.demo-brand{color:#e8b84a;font-size:12px;font-weight:650;letter-spacing:.13em}.demo-meta{font-size:11px;display:flex;align-items:center;gap:14px}.demo-meta b{font-size:8px;letter-spacing:.14em;border:1px solid #e8b84a50;color:#e8b84a;font-weight:500;padding:5px 7px}.demo-header nav{display:flex;gap:20px;align-items:center;font-size:11px}.demo-header a{min-height:36px;display:flex;align-items:center}.demo-header nav>a:last-child{color:#dcc27e}.demo-stage{position:relative;min-height:0;isolation:isolate}.demo-stage iframe{width:100%;height:100%;border:0;display:block;position:absolute;inset:0;background:#071016}.demo-error{position:absolute;bottom:15px;right:15px;z-index:2;background:#071016e8;color:#d5d4c9;padding:12px 15px;border:1px solid #706c46;max-width:min(400px,90%);font-size:12px;line-height:1.6}.demo-error[hidden]{display:none}.demo-error a{color:#e8b84a;text-decoration:underline}.demo-error button{display:block;margin-top:8px;color:#ccd0c9;background:transparent;border:1px solid #5f695e;padding:8px;cursor:pointer}.demo-noscript{background:#172121;font-size:12px;padding:12px}.demo-noscript a{color:#e8b84a;text-decoration:underline}@media(max-width:650px){.demo-header{min-height:70px;gap:3px 12px;display:grid;grid-template-columns:auto 1fr;padding:7px 12px}.demo-meta{justify-self:end;font-size:10px;gap:8px}.demo-meta b{font-size:7px;padding:3px}.demo-header nav{grid-column:1/-1;justify-content:space-between;font-size:10px;gap:9px}.demo-header a{min-height:30px}.demo-brand{font-size:11px}.demo-meta strong{font-weight:450}.demo-meta .demo-count{display:none}}@media(orientation:landscape) and (max-height:520px){.demo-header{min-height:40px;display:flex;padding:3px 12px;gap:9px}.demo-header nav{font-size:9px;gap:14px}.demo-meta{font-size:9px;gap:8px}.demo-brand{font-size:10px}.demo-meta .demo-count{display:none}.demo-meta b{font-size:6px;padding:3px}}