body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg, #faf8f6);color:var(--color-text, #1f2937)}.demo-page{max-width:720px;margin:0 auto;padding:48px 20px 80px;text-align:center}.demo-page img{max-width:200px;height:auto;margin-bottom:24px}.demo-page h1{font-size:28px;margin:0 0 8px}.demo-page .demo-subtitle{font-size:16px;color:var(--color-text-secondary, #6b7280);margin:0 0 36px;line-height:1.5}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}@media(max-width:640px){.demo-cards{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}}.demo-card{display:block;background:var(--color-bg-card, #fff);border:2px solid var(--color-border, #e5e7eb);border-radius:16px;padding:28px 20px;text-decoration:none;color:inherit;transition:all .2s;cursor:pointer}.demo-card:hover{border-color:#dc9435;box-shadow:0 8px 30px #dc943526;transform:translateY(-2px)}.demo-card-icon{margin-bottom:12px;height:48px;display:flex;align-items:center;justify-content:center}.demo-card-title{font-size:18px;font-weight:700;color:var(--color-text, #1f2937);margin:0 0 6px}.demo-card-desc{font-size:13px;color:var(--color-text-secondary, #6b7280);margin:0 0 12px;line-height:1.5}.demo-card-features{font-size:12px;color:var(--color-text-muted, #9ca3af);line-height:1.6;text-align:left}.demo-card-features span{display:block}.demo-note{font-size:14px;color:var(--color-text-secondary, #6b7280);margin:0 0 8px}.demo-note a{color:#dc9435;font-weight:600;text-decoration:none}.demo-spinner-overlay{display:none;position:fixed;inset:0;z-index:10000;background:#00000080;align-items:center;justify-content:center}.demo-spinner-overlay.active{display:flex}.demo-spinner-card{background:var(--color-bg-card, #fff);border-radius:16px;padding:40px;text-align:center;box-shadow:0 20px 60px #0003}.demo-spinner{width:32px;height:32px;border:3px solid var(--color-border, #e5e7eb);border-top-color:#dc9435;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}