.demo-sec{text-align:center;padding:100px 0}.demo-wrapper{max-width:1300px;margin:0 auto;padding:0 24px}.demo-shell{border:1px solid var(--white);background:var(--bg);text-align:left;height:620px;margin-top:16px;display:flex;position:relative;overflow:hidden}@media (width<=760px){.demo-shell{flex-direction:column;height:560px}}.demo-drawer-overlay{z-index:10;background:#0009;position:absolute;inset:0}.demo-rotate-hint{display:none}@media (width<=768px) and (orientation:portrait){.demo-stage{display:none}.demo-rotate-hint{text-align:center;border:1px solid var(--white);max-width:320px;color:var(--white);flex-direction:column;align-items:center;gap:16px;margin:24px auto 0;padding:44px 24px;display:flex}.demo-rotate-hint svg{opacity:.85}.demo-rotate-hint .drh-text{letter-spacing:.03em;font-size:.92rem;line-height:1.6}}