.examples-scope{--surface-0:0 0% 100%;--surface-1:60 5% 98%;--surface-2:60 4% 95%;--surface-3:50 4% 91%;--surface-4:50 3% 82%;--surface-5:50 2% 62%;--ink-1:0 0% 10%;--ink-2:40 1% 29%;--ink-3:60 2% 48%;--ink-4:60 2% 63%;--signal-red:0 48% 49%;--signal-amber:33 48% 45%;--signal-green:150 30% 42%;--brand-accent:207 44% 48%;--surface-canvas:var(--surface-0);--border-primary:0 0% 0%/0.08;--foreground:var(--ink-1);color-scheme:light;color:hsl(var(--foreground));font-family:var(--font-sans,"Satoshi",-apple-system,sans-serif)}.examples-nav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:768px){.examples-nav-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.examples-nav-grid{grid-template-columns:1fr}}.examples-nav-card{position:relative;padding:16px;border-radius:10px;border:1px solid hsl(var(--border-primary));background:hsl(var(--surface-0));cursor:pointer;transition:all .18s ease;display:flex;flex-direction:column;gap:8px}.examples-nav-card:hover{background:hsl(var(--surface-1));border-color:hsl(var(--ink-4)/.2)}.examples-nav-card[data-active=true]{border-color:hsl(var(--brand-accent));box-shadow:0 0 0 1px hsl(var(--brand-accent)/.3),0 2px 8px hsl(var(--brand-accent)/.08)}.examples-nav-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:hsl(var(--surface-2));color:hsl(var(--ink-2));flex-shrink:0}.examples-nav-card[data-active=true] .examples-nav-card-icon{background:hsl(var(--brand-accent)/.1);color:hsl(var(--brand-accent))}.examples-nav-card-title{font-size:14px;font-weight:600;color:hsl(var(--ink-1))}.examples-nav-card-meta{font-size:11px;color:hsl(var(--ink-3))}.examples-slide-main{width:100%;aspect-ratio:960/540;overflow:hidden;position:relative;display:flex;align-items:stretch;justify-content:center;border-radius:8px;box-shadow:0 1px 8px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);background:#fff}.examples-thumbnail-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:thin;width:100%}.examples-thumbnail{flex-shrink:0;width:120px;aspect-ratio:960/540;overflow:hidden;position:relative;padding:0;border-radius:4px;border:2px solid transparent;cursor:pointer;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:border-color .15s}.examples-thumbnail:hover{border-color:hsl(var(--ink-4)/.3)}.examples-thumbnail:disabled{cursor:progress}.examples-thumbnail[data-active=true]{border-color:hsl(var(--brand-accent))}.examples-thumbnail-label{position:absolute;bottom:0;left:0;right:0;padding:2px 6px;font-size:8px;font-weight:600;color:hsl(var(--ink-3));background:hsl(var(--surface-0)/.85);backdrop-filter:blur(4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.examples-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.examples-feature-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:hsl(var(--ink-2));line-height:1.4}.examples-feature-check{width:18px;height:18px;flex-shrink:0;margin-top:1px;color:hsl(var(--signal-green))}.examples-pro-callout{border-left:3px solid hsl(var(--brand-accent));padding:16px 16px 16px 20px;border-radius:0 8px 8px 0;background:hsl(var(--brand-accent)/.04)}.examples-pro-callout-title{font-size:13px;font-weight:600;color:hsl(var(--brand-accent));margin-bottom:10px;display:flex;align-items:center;gap:6px}.examples-pro-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:hsl(var(--ink-2));line-height:1.4}.examples-pro-item+.examples-pro-item{margin-top:6px}.examples-pro-dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--brand-accent));flex-shrink:0;margin-top:5px}.examples-pro-highlight{margin-top:12px;padding:10px 12px;border-radius:6px;background:hsl(var(--brand-accent)/.06);font-size:12px;font-weight:500;color:hsl(var(--brand-accent));line-height:1.4}.examples-audience-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;color:hsl(var(--ink-3));background:hsl(var(--surface-2))}.examples-section-number{font-family:var(--font-mono,monospace);font-size:12px;letter-spacing:.08em;color:hsl(var(--ink-3));font-weight:600;text-transform:uppercase}.examples-copy-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid hsl(var(--border-primary));background:hsl(var(--surface-0));font-size:11px;font-weight:500;color:hsl(var(--ink-3));cursor:pointer;transition:all .15s;flex-shrink:0}.examples-copy-btn:hover{background:hsl(var(--surface-2));color:hsl(var(--ink-2))}.examples-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:start}.examples-detail-grid-column{min-width:0}@media (max-width:1180px){.examples-detail-grid{grid-template-columns:1fr}}.examples-tier-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1;vertical-align:middle;margin-left:6px}.examples-tier-badge--free{background:hsl(var(--signal-green)/.1);color:hsl(var(--signal-green))}.examples-tier-badge--pro{background:hsl(var(--signal-amber)/.1);color:hsl(var(--signal-amber))}.examples-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border-radius:8px;border:none;background:hsl(var(--brand-accent));color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease}.examples-preview-column{display:flex;min-width:0;flex-direction:column;gap:12px}.examples-preview-meta{display:flex;flex-direction:column;gap:6px}.examples-preview-badge{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;border-radius:999px;background:hsl(var(--brand-accent)/.1);color:hsl(var(--brand-accent));padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.examples-preview-note{font-size:12px;line-height:1.5;color:hsl(var(--ink-3))}.examples-preview-image{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.examples-preview-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;font-size:14px;color:hsl(var(--ink-3));background:linear-gradient(135deg,hsl(var(--surface-1)),hsl(var(--surface-2)))}.examples-preview-placeholder--error{color:hsl(var(--signal-red))}.examples-preview-status{display:grid;gap:6px;padding:12px 14px;border-radius:10px;border:1px solid hsl(var(--border-primary));background:hsl(var(--surface-1))}.examples-preview-status-line{font-size:12px;line-height:1.5;color:hsl(var(--ink-2))}.examples-preview-status-line--good{color:hsl(var(--signal-green))}.examples-preview-status-line--warn{color:hsl(var(--signal-amber))}.examples-thumbnail-image{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#fff}.examples-thumbnail-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:11px;color:hsl(var(--ink-4));background:hsl(var(--surface-1))}.examples-audience-badge--engine{background:hsl(var(--brand-accent)/.08);color:hsl(var(--brand-accent))}.examples-warning-banner{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;border-radius:8px;background:hsl(var(--signal-amber)/.08);color:hsl(var(--signal-amber));font-size:12px;line-height:1.5}.examples-download-btn:hover:not(:disabled){background:hsl(var(--brand-accent)/.85);box-shadow:0 2px 8px hsl(var(--brand-accent)/.2)}.examples-download-btn:disabled{opacity:.6;cursor:not-allowed}.examples-download-spinner{animation:examplesSpinner .8s linear infinite}@keyframes examplesSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.examples-fade-in{animation:examplesFadeIn .35s cubic-bezier(.16,1,.3,1)}@keyframes examplesFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.examples-hero-deck-outer{max-width:900px;margin:0 auto;padding:0 16px}.examples-hero-deck{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 32px 80px rgba(0,0,0,.55);background:#252b3b;color:#e8edf4;--glow-x:50%;--glow-y:50%}.examples-hero-deck:before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--glow-x) var(--glow-y),rgba(99,179,237,.05),transparent 60%);pointer-events:none;z-index:0}.examples-deck-stagger{opacity:0;transform:translateY(5px);transition:opacity .35s ease,transform .35s ease;position:relative;z-index:1}.examples-deck-stagger[data-visible=true]{opacity:1;transform:none}.examples-deck-titlebar{display:flex;align-items:center;gap:10px;padding:0 16px;height:40px;background:#1a2030;border-bottom:1px solid rgba(255,255,255,.06)}.examples-deck-dots{display:flex;gap:6px;flex-shrink:0}.examples-deck-dot{width:10px;height:10px;border-radius:50%}.examples-deck-dot--red{background:#ff5f56}.examples-deck-dot--yellow{background:#ffbd2e}.examples-deck-dot--green{background:#27c93f}.examples-deck-filename{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}.examples-deck-badge-valid{font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:4px;background:rgba(39,201,63,.15);color:#4ade80;flex-shrink:0}.examples-deck-ribbon{display:flex;align-items:stretch;background:#1e2432;border-bottom:1px solid rgba(255,255,255,.06)}.examples-deck-ribbon-tab{padding:7px 14px;font-size:11px;color:rgba(255,255,255,.4);border-bottom:2px solid transparent;white-space:nowrap}.examples-deck-ribbon-tab--active{color:rgba(255,255,255,.85);border-bottom-color:hsl(207 44% 48%)}.examples-deck-workspace{display:flex;height:400px}.examples-deck-thumb-strip{width:100px;flex-shrink:0;background:#1a2030;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:8px;padding:10px 8px;overflow-y:auto;scrollbar-width:none}.examples-deck-thumb{flex-shrink:0;width:84px;aspect-ratio:16/9;border-radius:3px;border:2px solid rgba(255,255,255,.08);position:relative;cursor:pointer;transition:border-color .15s}.examples-deck-thumb--active{border-color:hsl(207 44% 48%);box-shadow:0 0 0 1px hsl(207 44% 48%/.4)}.examples-deck-thumb-num{position:absolute;bottom:2px;left:4px;font-size:7px;font-weight:700;color:rgba(255,255,255,.4)}.examples-deck-canvas{flex:1;display:flex;align-items:stretch;justify-content:center;padding:16px;background:#2c3347;min-width:0}.examples-deck-slide{width:100%;border-radius:4px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.45);background:#0f172a;display:flex;flex-direction:column}.examples-deck-slide-header{padding:16px 24px 14px;background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:3px solid hsl(207 44% 48%);flex-shrink:0}.examples-deck-slide-title{font-size:clamp(13px,2.5vw,20px);font-weight:700;color:#f8fafc;line-height:1.2}.examples-deck-slide-subtitle{font-size:clamp(9px,1.2vw,11px);color:rgba(255,255,255,.45);margin-top:3px}.examples-deck-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 24px;flex-shrink:0}.examples-deck-kpi{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.examples-deck-kpi-label{font-size:clamp(7px,1vw,9px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.4)}.examples-deck-kpi-value{font-size:clamp(14px,2.8vw,24px);font-weight:700;color:#f8fafc;line-height:1.1}.examples-deck-kpi-trend{font-size:clamp(8px,1vw,10px);font-weight:600}.examples-deck-kpi-trend--up{color:#4ade80}.examples-deck-kpi-trend--down{color:#f87171}.examples-deck-statusbar{display:flex;align-items:center;gap:8px;padding:0 16px;height:30px;background:#1a2030;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:rgba(255,255,255,.35);flex-shrink:0;position:relative;z-index:1}.examples-deck-chart{padding:10px 24px 14px;border-top:1px solid rgba(255,255,255,.06)}.examples-deck-chart-title{font-size:clamp(7px,.9vw,9px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:8px}.examples-deck-chart-bars{display:flex;align-items:flex-end;gap:6px;height:60px}.examples-deck-chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}.examples-deck-chart-bar{width:100%;border-radius:2px 2px 0 0;background:linear-gradient(0deg,rgba(56,139,253,.6),rgba(56,139,253,.9));transition:background .2s}.examples-deck-chart-bar--accent{background:linear-gradient(0deg,rgba(56,189,248,.7),rgba(56,189,248,1))}.examples-deck-chart-bar-label{font-size:clamp(6px,.8vw,8px);color:rgba(255,255,255,.45);white-space:nowrap}