.demo-badge{z-index:999;box-sizing:border-box;color:#ecd9b0;white-space:nowrap;background:linear-gradient(#34353a,#26272b 55%,#1d1e21);border:1px solid #d9b77466;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 4px 0 14px;font-size:12.5px;display:flex;position:fixed;top:78px;right:12px}.demo-badge a{box-sizing:border-box;color:#2a2112;height:26px;text-shadow:none;background:linear-gradient(#f6e8c4,#e6c987 52%,#d9b66e);border:1px solid #f0d796e6;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-weight:700;text-decoration:none;display:inline-flex}html[data-skin=light] .demo-badge{color:#111;background:linear-gradient(#fbfbfc,#e9ebee 55%,#d9dce1);border-color:#c9ccd2}html[data-skin=nebula] .demo-badge{color:#e8c27e;background:linear-gradient(#2c2e78,#1d1f5a 55%,#121340);border-color:#e8c27e85}@media (max-width:768px){.demo-badge{top:auto;bottom:calc(74px + env(safe-area-inset-bottom));max-width:calc(100vw - 22px);right:50%;transform:translate(50%)}}.demo-backdrop{z-index:1200;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.demo-modal{box-sizing:border-box;color:#ecd9b0;background:#1d1e21;border:1px solid #d9b77466;border-radius:18px;width:min(440px,100%);padding:22px}.demo-modal small{opacity:.75;font-size:12px}.demo-modal h2{margin:6px 0 8px;font-size:20px}.demo-modal p{color:inherit;margin:0 0 16px;line-height:1.5}.demo-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.demo-actions input[type=button]{appearance:none;box-sizing:border-box;color:#ecd9b0;height:36px;font:inherit;cursor:pointer;background:#26272b;border:1px solid #d9b77466;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:13.5px;text-decoration:none;display:inline-flex}.demo-actions input.gold{color:#2a2112;background:linear-gradient(#f6e8c4,#e6c987 52%,#d9b66e);border-color:#f0d796e6;font-weight:700}html[data-skin=light] .demo-modal{color:#111;background:#fff;border-color:#c9ccd2}html[data-skin=light] .demo-actions input[type=button]{color:#111;background:#eceef1;border-color:#c9ccd2}html[data-skin=nebula] .demo-modal{color:#e8c27e;background:#1d1f5a}html[data-skin=nebula] .demo-actions input[type=button]{color:#e8c27e;background:#2c2e78}.demo-badge select{height:26px;color:inherit;font:inherit;background:#26272b;border:1px solid #d9b77466;border-radius:999px;padding:0 8px}.demo-preview{width:min(1100px,100%)}.demo-preview iframe{background:#000;border:1px solid #d9b7744d;border-radius:12px;width:100%;height:min(62vh,640px);margin:0 0 14px;display:block}@media (max-width:768px){.demo-badge{max-width:calc(100vw - 22px);overflow:hidden}}@media (min-width:769px){.demo-badge{top:auto;bottom:16px;right:16px}}@media (max-width:768px){.demo-badge{height:30px;bottom:calc(66px + env(safe-area-inset-bottom));opacity:.94;gap:6px;padding:0 3px 0 10px;font-size:11.5px}.demo-badge a{height:24px;padding:0 10px}.demo-badge select{height:24px}.demo-long{display:none}}.demo-badge a.demo-exit{color:inherit;background:#26272b;border-color:#d9b77466;font-weight:500}html[data-skin=light] .demo-badge a.demo-exit{background:#eceef1}html[data-skin] .demo-actions input.gold{color:#2a2112;background:linear-gradient(#f6e8c4,#e6c987 52%,#d9b66e);border-color:#f0d796e6}@layer demoGuide{.demo-modal .demo-actions input[type=button]{cursor:pointer;box-sizing:border-box!important;color:#ecd9b0!important;min-width:0!important;height:36px!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background:linear-gradient(#34353a,#26272b 52%,#1d1e21)!important;border:1px solid #d9b77466!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;padding:0 16px!important;font-size:13.5px!important;font-weight:500!important;display:inline-flex!important}.demo-modal .demo-actions input[type=button].gold{color:#2a2112!important;background:linear-gradient(#f6e8c4,#e6c987 52%,#d9b66e)!important;border-color:#f0d796e6!important;font-weight:700!important}html[data-skin=light] .demo-modal .demo-actions input[type=button]{color:#111!important;background:linear-gradient(#fbfbfc,#e9ebee 52%,#d9dce1)!important;border-color:#c9ccd2!important}html[data-skin=light] .demo-modal .demo-actions input[type=button].gold{color:#2a2112!important;background:linear-gradient(#f6e8c4,#e6c987 52%,#d9b66e)!important;border-color:#f0d796e6!important}html[data-skin=nebula] .demo-modal .demo-actions input[type=button]{color:#e8c27e!important;background:linear-gradient(#2c2e78,#1d1f5a 52%,#121340)!important;border-color:#e8c27e85!important}html[data-skin=nebula] .demo-modal .demo-actions input[type=button].gold{color:#2a2112!important;background:linear-gradient(#f6e8c4,#e6c987 52%,#d9b66e)!important;border-color:#f0d796e6!important}.demo-note input[type=button]{cursor:pointer;box-sizing:border-box!important;color:#ecd9b0!important;min-width:0!important;height:34px!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;background:linear-gradient(#34353a,#26272b 52%,#1d1e21)!important;border:1px solid #d9b77466!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;padding:0 14px!important;font-size:13px!important;font-weight:500!important;display:inline-flex!important}.demo-note input[type=button].gold{color:#2a2112!important;background:linear-gradient(#f6e8c4,#e6c987 52%,#d9b66e)!important;border-color:#f0d796e6!important;font-weight:700!important}}.demo-note{box-sizing:border-box;color:#ecd9b0;margin:0;font-size:13.5px;line-height:1.45}.demo-note-fx{z-index:998;background:linear-gradient(#2b2c30,#222326 50%,#1a1b1e);border:1px solid #d9b77466;border-radius:16px;width:min(620px,100vw - 24px);padding:12px 14px;position:fixed;top:104px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.demo-note-fx p{margin:0 0 10px}.demo-note-act{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.demo-note-portrait{background:linear-gradient(#34353a,#26272b 55%,#1d1e21);border:1px solid #d9b77466;border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;padding:8px 14px;display:flex}@media (max-width:768px){.demo-note-fx{top:auto;bottom:calc(112px + env(safe-area-inset-bottom));font-size:12.5px}.demo-note-portrait{border-radius:16px}}html[data-skin=light] .demo-note{color:#111}html[data-skin=light] .demo-note-fx,html[data-skin=light] .demo-note-portrait{background:#fff;border-color:#c9ccd2}html[data-skin=nebula] .demo-note{color:#e8c27e}html[data-skin=nebula] .demo-note-fx,html[data-skin=nebula] .demo-note-portrait{background:#1d1f5a}