.demo_stage__GGqGX{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 16px;background:radial-gradient(80% 60% at 50% 0,color-mix(in srgb,var(--green) 10%,transparent),transparent 70%),var(--bg)}.demo_exit__z7QI3{align-self:flex-start;position:fixed;top:20px;left:clamp(16px,4vw,40px);font-weight:600;font-size:.9rem;color:var(--ink-soft)}.demo_exit__z7QI3:hover{color:var(--green-deep)}.demo_phone__qng4p{position:relative;width:min(392px,100%);height:min(812px,84vh);display:flex;flex-direction:column;background:var(--paper);border:1.5px solid var(--line-strong);border-radius:40px;box-shadow:0 0 0 10px #1c241f,0 50px 90px -34px rgba(23,39,29,.6);overflow:hidden}.demo_notch__Pq1bw{position:absolute;top:0;left:50%;transform:translateX(-50%);width:130px;height:22px;background:#1c241f;border-radius:0 0 14px 14px;z-index:5}.demo_bar__iwwRn{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1.5px solid var(--line);background:var(--paper)}.demo_brand__OAqwC{font-family:var(--font-display),serif;font-weight:900;font-size:1.15rem;color:var(--green-deep);display:inline-flex;align-items:center;gap:.45em}.demo_dots__2pCQs{display:inline-flex;gap:3px}.demo_dots__2pCQs i{width:6px;height:6px;border-radius:50%;display:block}.demo_dots__2pCQs i:first-child{background:var(--sig-green)}.demo_dots__2pCQs i:nth-child(2){background:var(--sig-amber)}.demo_dots__2pCQs i:nth-child(3){background:var(--sig-red)}.demo_demoTag__lGxte{font-size:.6rem;font-weight:800;letter-spacing:.16em;color:var(--carrot);border:1.5px solid var(--carrot);border-radius:999px;padding:2px 8px}.demo_content__PJebH{flex:1 1;overflow-y:auto;padding:18px 18px 16px;scrollbar-width:thin}.demo_tabs__kFoyG{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);border-top:1.5px solid var(--line)}.demo_tabOn__5M6Qi,.demo_tab__yuqwR{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 14px;font-size:.72rem;font-weight:600;color:var(--ink-faint)}.demo_tabOn__5M6Qi{color:var(--green-deep)}.demo_tabIcon__nCUZ7{font-size:1.2rem;line-height:1}.demo_caption__WNE3T{font-size:.82rem;color:var(--ink-faint)}@media (max-width:480px){.demo_stage__GGqGX{padding:0;background:var(--paper)}.demo_phone__qng4p{width:100%;height:100dvh;border:none;border-radius:0;box-shadow:none}.demo_notch__Pq1bw{display:none}.demo_exit__z7QI3{position:static;align-self:flex-start;padding:12px 16px}.demo_caption__WNE3T{display:none}}