.demo-ribbon{background:var(--navy);border-bottom:1px solid var(--border);color:#ffffffd9;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:6px 16px;min-height:38px;padding:6px 20px;font-size:15px;font-weight:600;display:flex}.demo-ribbon-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.demo-ribbon-btn{font:inherit;color:var(--foreground);cursor:pointer;border-radius:var(--radius-pill);transition:background .15s var(--ease), border-color .15s;background:0 0;border:1px solid #ffffff40;padding:1px 12px;font-size:14px;font-weight:700}.demo-ribbon-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff6}.demo-ribbon-btn:disabled{opacity:.5;cursor:progress}.demo-ribbon-msg{color:#ffffffb3;font-size:14px}.demo-fab{z-index:60;font:inherit;cursor:pointer;border-radius:var(--radius-pill);color:var(--foreground);background:var(--card);border:1px solid var(--border-gold);transition:background .15s var(--ease), border-color .15s;padding:5px 16px;font-size:15px;font-weight:700;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px -12px #000c}.demo-fab:hover{background:var(--muted);border-color:var(--gold)}.demo-dim{z-index:90;pointer-events:none;background:#000000b8;position:fixed;inset:0}.demo-spot{z-index:90;pointer-events:none;box-shadow:0 0 0 2px var(--gold), 0 0 0 9999px #000000b8;transition:top .32s var(--ease-out-expo), left .32s var(--ease-out-expo), width .32s var(--ease-out-expo), height .32s var(--ease-out-expo);border-radius:12px;position:fixed}.demo-block{z-index:91;cursor:default;background:0 0;position:fixed}.demo-pop{z-index:95;background:var(--card);width:380px;max-width:calc(100vw - 24px);color:var(--foreground);border:1px solid var(--border-gold);border-radius:var(--radius-card);animation:demo-in .22s var(--ease-out-expo);outline:none;gap:10px;padding:16px 18px 12px;display:grid;position:fixed;box-shadow:0 24px 60px -20px #000}.demo-pop[data-modal="1"]{width:460px}.demo-pop-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-pop-count{color:var(--muted-foreground);font-size:13px;font-weight:700}.demo-chip{border-radius:var(--radius-pill);background:var(--gold-glow);color:var(--gold);border:1px solid var(--border-gold);padding:0 10px;font-size:13px;font-weight:700}.demo-bar{background:var(--muted);border-radius:3px;height:3px;overflow:hidden}.demo-bar>span{background:var(--gold);height:100%;transition:width .3s var(--ease-out-expo);display:block}.demo-pop-title{font-size:22px;line-height:1.1}.demo-pop-body p,.demo-modal p{color:#ffffffd9;margin:0 0 8px;font-size:17px;line-height:1.35}.demo-pop-body p:last-child{margin-bottom:0}.demo-wait{font-weight:700;color:var(--gold)!important}.demo-pop-actions{justify-content:flex-end;gap:8px;display:flex}.demo-pop-foot{border-top:1px solid var(--border-subtle);align-items:center;gap:14px;padding-top:8px;display:flex}.demo-hint{color:var(--muted-foreground);margin-left:auto;font-size:13px}.demo-link{font:inherit;color:var(--muted-foreground);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:15px;font-weight:600;text-decoration:underline}.demo-link:hover{color:var(--foreground)}.demo-made{color:var(--muted-foreground)!important;margin:4px 0 0!important;font-size:14px!important}.demo-modal-wrap{z-index:95;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.demo-modal{background:var(--card);border:1px solid var(--border-gold);border-radius:var(--radius-card);width:min(560px,100%);animation:demo-in .22s var(--ease-out-expo);outline:none;gap:12px;padding:24px 26px 18px;display:grid;box-shadow:0 24px 60px -20px #000}.demo-modal-title{font-size:28px;line-height:1.08}.demo-modal-actions{flex-wrap:wrap;align-items:center;gap:10px;padding-top:4px;display:flex}.demo-final{width:min(760px,100%)}.demo-final-cols{grid-template-columns:1fr 1fr;gap:20px;display:grid}.demo-h3{letter-spacing:var(--tracking-tight);margin:0 0 6px;font-size:18px;font-weight:700}.demo-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.demo-list li{color:#ffffffd9;padding-left:16px;font-size:17px;line-height:1.3;position:relative}.demo-list li:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.demo-note{color:var(--muted-foreground)!important;margin:8px 0 0!important;font-size:15px!important}.demo-free{background:var(--gold-glow);border:1px solid var(--border-gold);border-radius:12px;padding:12px 14px}.demo-free p{margin:0}@keyframes demo-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:639px){.demo-pop,.demo-pop[data-modal="1"]{border-radius:var(--radius-card) var(--radius-card) 0 0;border-bottom:0;width:auto;max-width:none;max-height:62vh;animation-name:demo-sheet;bottom:0;right:0;overflow-y:auto;top:auto!important;left:0!important}.demo-pop-title{font-size:20px}.demo-hint{display:none}.demo-final-cols{grid-template-columns:1fr}.demo-modal{padding:18px}.demo-modal-title{font-size:24px}.demo-fab{bottom:12px;right:12px}}@keyframes demo-sheet{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.demo-spot,.demo-bar>span{transition:none}.demo-pop,.demo-modal{animation:none}}