.demo-page[data-astro-cid-lcsugjfd]{min-height:calc(100vh - 60px);background:var(--c-bg-alt);display:flex;flex-direction:column}@media(min-width:768px){.demo-page[data-astro-cid-lcsugjfd]{min-height:calc(100vh - 72px)}}.demo-bar[data-astro-cid-lcsugjfd]{background:#fff;border-bottom:1px solid var(--c-line);flex-shrink:0}.demo-bar__inner[data-astro-cid-lcsugjfd]{max-width:var(--container);margin-inline:auto;padding:.7rem var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.demo-bar__left[data-astro-cid-lcsugjfd],.demo-bar__right[data-astro-cid-lcsugjfd]{display:flex;align-items:center;gap:.6rem;min-width:0}.demo-bar__back[data-astro-cid-lcsugjfd]{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--fs-xs);font-weight:600;color:var(--c-ink-2);white-space:nowrap}.demo-bar__back[data-astro-cid-lcsugjfd]:hover{color:var(--c-primary)}.demo-bar__sep[data-astro-cid-lcsugjfd]{width:1px;height:14px;background:var(--c-line)}.demo-bar__title[data-astro-cid-lcsugjfd]{font-size:var(--fs-xs);font-weight:600;color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-bar__badge[data-astro-cid-lcsugjfd]{font-size:.625rem;font-weight:600;color:#a16207;background:#fef9c3;padding:.15rem .45rem;border-radius:3px;white-space:nowrap}.demo-bar__hint[data-astro-cid-lcsugjfd]{display:none;font-size:.6875rem;color:var(--c-ink-4)}@media(min-width:1000px){.demo-bar__hint[data-astro-cid-lcsugjfd]{display:block}}.demo-bar__full[data-astro-cid-lcsugjfd]{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--fs-xs);font-weight:600;color:var(--c-primary);padding:.35rem .7rem;border:1px solid var(--c-line);border-radius:var(--r-sm);white-space:nowrap;transition:all var(--dur) var(--ease)}.demo-bar__full[data-astro-cid-lcsugjfd]:hover{background:var(--c-primary-soft);border-color:var(--c-primary)}.demo-stage[data-astro-cid-lcsugjfd]{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);padding:0}@media(min-width:1000px){.demo-stage[data-astro-cid-lcsugjfd]{flex-direction:row;align-items:center;justify-content:center;gap:var(--sp-8);padding:var(--sp-6) var(--gutter)}}.device[data-astro-cid-lcsugjfd]{width:100%;height:calc(100vh - 112px);min-height:520px;background:#fff;position:relative}.device__btn[data-astro-cid-lcsugjfd],.device__status[data-astro-cid-lcsugjfd],.device__island[data-astro-cid-lcsugjfd],.device__home-bar[data-astro-cid-lcsugjfd]{display:none}.device__screen[data-astro-cid-lcsugjfd],.device__viewport[data-astro-cid-lcsugjfd],.device__frame-body[data-astro-cid-lcsugjfd]{width:100%;height:100%}.device__frame-body[data-astro-cid-lcsugjfd] iframe[data-astro-cid-lcsugjfd]{width:100%;height:100%;border:none;display:block}@media(min-width:1000px){.device[data-astro-cid-lcsugjfd]{aspect-ratio:452 / 954;height:min(780px,calc(100vh - 200px));width:auto;min-height:0;padding:11px;border-radius:62px;background:linear-gradient(155deg,#d6dae0,#a7aeb7 9%,#c3c8cf 22%,#8e959e 42%,#b6bcc4 58%,#838a93 76%,#b9bfc7 90%,#dfe3e8),#b0b6be;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 1.5px 2px #ffffffbf,inset 0 -1.5px 2px #00000047,0 2px 6px #0f172029,0 30px 72px #0f17203d;flex-shrink:0;position:relative}.device__screen[data-astro-cid-lcsugjfd]{padding:3px;border-radius:51px;background:#0a0d11;overflow:hidden}.device__viewport[data-astro-cid-lcsugjfd]{position:relative;border-radius:48px;overflow:hidden;background:#fff;container-type:size}.device__status[data-astro-cid-lcsugjfd]{display:flex;position:absolute;top:0;left:0;right:0;height:12.6cqw;align-items:center;justify-content:space-between;padding:0 8.4cqw 0 9.8cqw;font-size:3.9cqw;font-weight:700;letter-spacing:.005em;color:#0f172a;z-index:3;pointer-events:none}.device__time[data-astro-cid-lcsugjfd]{transform:translateY(.15cqw)}.device__icons[data-astro-cid-lcsugjfd]{display:flex;align-items:center;gap:1.4cqw}.device__icons[data-astro-cid-lcsugjfd] svg[data-astro-cid-lcsugjfd]{height:2.6cqw;width:auto;display:block}.device__island[data-astro-cid-lcsugjfd]{display:block;position:absolute;top:3cqw;left:50%;transform:translate(-50%);width:29cqw;height:8.7cqw;background:#05070a;border-radius:99px;z-index:4}.device__frame-body[data-astro-cid-lcsugjfd]{position:absolute;top:12.6cqw;left:0;right:0;bottom:5.6cqw;height:auto;background:#fff}.device__home-bar[data-astro-cid-lcsugjfd]{display:block;position:absolute;bottom:2cqw;left:50%;transform:translate(-50%);width:34.9cqw;height:1.4cqw;border-radius:99px;background:#0f172a;opacity:.8;z-index:3}.device__btn[data-astro-cid-lcsugjfd]{display:block;position:absolute;width:4px;background:linear-gradient(90deg,#aeb4bc,#7c828b 55%,#9aa0a8);box-shadow:inset 0 1px 1px #ffffff80}.device__btn--action[data-astro-cid-lcsugjfd]{left:-3px;top:13.5%;height:3.2%;border-radius:2px 0 0 2px}.device__btn--vol-up[data-astro-cid-lcsugjfd]{left:-3px;top:20%;height:6.2%;border-radius:2px 0 0 2px}.device__btn--vol-down[data-astro-cid-lcsugjfd]{left:-3px;top:27.6%;height:6.2%;border-radius:2px 0 0 2px}.device__btn--power[data-astro-cid-lcsugjfd]{right:-3px;top:24%;height:9.4%;border-radius:0 2px 2px 0;background:linear-gradient(270deg,#aeb4bc,#7c828b 55%,#9aa0a8)}}.demo-side[data-astro-cid-lcsugjfd]{display:none}@media(min-width:1000px){.demo-side[data-astro-cid-lcsugjfd]{display:block;max-width:340px}}.demo-side[data-astro-cid-lcsugjfd] h1[data-astro-cid-lcsugjfd]{font-size:1.5rem;margin-bottom:.75rem}.demo-side__lead[data-astro-cid-lcsugjfd]{font-size:var(--fs-sm);color:var(--c-ink-3);line-height:1.8;margin-bottom:var(--sp-5)}.demo-side__list[data-astro-cid-lcsugjfd]{margin:0 0 var(--sp-5);padding:0;list-style:none;display:flex;flex-direction:column;gap:.9rem}.demo-side__list[data-astro-cid-lcsugjfd] li[data-astro-cid-lcsugjfd]{display:flex;flex-direction:column;gap:.2rem;padding-left:.85rem;border-left:2px solid var(--c-primary-soft)}.demo-side__list[data-astro-cid-lcsugjfd] strong[data-astro-cid-lcsugjfd]{font-size:var(--fs-xs);font-weight:600;color:var(--c-ink)}.demo-side__list[data-astro-cid-lcsugjfd] span[data-astro-cid-lcsugjfd]{font-size:.6875rem;color:var(--c-ink-3);line-height:1.65}.demo-side__note[data-astro-cid-lcsugjfd]{display:flex;gap:.5rem;padding:.75rem .85rem;background:var(--c-accent-soft);border-radius:var(--r-sm);color:var(--c-accent);margin-bottom:var(--sp-5)}.demo-side__note[data-astro-cid-lcsugjfd] p[data-astro-cid-lcsugjfd]{font-size:.6875rem;color:var(--c-ink-2);line-height:1.65}.demo-side__actions[data-astro-cid-lcsugjfd]{display:flex;flex-wrap:wrap;gap:.6rem}