.card[data-astro-cid-dohjnao5]{background:var(--color-bg-card);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:var(--transition-base)}.card[data-astro-cid-dohjnao5]:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover)}.card-highlight[data-astro-cid-dohjnao5]{background:#2dd4bf0d;border-color:#2dd4bf33}.card-highlight[data-astro-cid-dohjnao5]:hover{border-color:#2dd4bf4d}.card-cta[data-astro-cid-dohjnao5]{background:#b7211514;border-color:#b7211533;text-align:center;padding:var(--space-2xl)}.card-cta[data-astro-cid-dohjnao5]:hover{border-color:#b721154d}.demo-section[data-astro-cid-bve4c6kn]{padding:var(--space-xl) 0 var(--space-3xl)}.demo-header[data-astro-cid-bve4c6kn]{text-align:center;margin-bottom:var(--space-xl)}.demo-header[data-astro-cid-bve4c6kn] h1[data-astro-cid-bve4c6kn]{font-size:clamp(24px,4vw,32px);margin-bottom:var(--space-sm)}.demo-subtitle[data-astro-cid-bve4c6kn]{color:var(--color-text-muted);font-size:clamp(14px,2vw,16px)}.controls-card[data-astro-cid-bve4c6kn]{margin-bottom:var(--space-lg)}.controls-grid[data-astro-cid-bve4c6kn]{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 640px){.controls-grid[data-astro-cid-bve4c6kn]{grid-template-columns:1fr 1fr}.control-url[data-astro-cid-bve4c6kn],.control-button[data-astro-cid-bve4c6kn]{grid-column:1 / -1}}@media (min-width: 900px){.controls-grid[data-astro-cid-bve4c6kn]{grid-template-columns:1fr 1fr 1fr auto;align-items:end}.control-url[data-astro-cid-bve4c6kn]{grid-column:1 / -1}.control-button[data-astro-cid-bve4c6kn]{grid-column:auto}}.control-group[data-astro-cid-bve4c6kn] label[data-astro-cid-bve4c6kn]{display:block;font-size:14px;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.input[data-astro-cid-bve4c6kn],.select[data-astro-cid-bve4c6kn]{width:100%;padding:var(--space-sm) var(--space-md);background:#0f141b80;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;transition:var(--transition-fast)}.input[data-astro-cid-bve4c6kn]:focus,.select[data-astro-cid-bve4c6kn]:focus{outline:none;border-color:var(--color-text-muted)}.input[data-astro-cid-bve4c6kn]::-moz-placeholder{color:var(--color-text-muted);opacity:.6}.input[data-astro-cid-bve4c6kn]::placeholder{color:var(--color-text-muted);opacity:.6}.panels-container[data-astro-cid-bve4c6kn]{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:var(--space-sm);margin-left:calc(-1 * var(--container-padding));margin-right:calc(-1 * var(--container-padding));padding-left:var(--container-padding);padding-right:var(--container-padding);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.panels-container[data-astro-cid-bve4c6kn]::-webkit-scrollbar{display:none}@media (min-width: 1024px){.panels-container[data-astro-cid-bve4c6kn]{display:grid;grid-template-columns:1fr 1fr;overflow:visible;margin-left:0;margin-right:0;padding-left:0;padding-right:0;margin-bottom:var(--space-xl)}}.panel-card[data-astro-cid-bve4c6kn]{min-width:92vw;width:92vw;flex-shrink:0;scroll-snap-align:center}@media (min-width: 768px){.panel-card[data-astro-cid-bve4c6kn]{min-width:48vw;width:48vw}}@media (min-width: 1024px){.panel-card[data-astro-cid-bve4c6kn]{min-width:0;width:auto}}.panel-title[data-astro-cid-bve4c6kn]{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.status-dot[data-astro-cid-bve4c6kn]{width:8px;height:8px;border-radius:50%}.status-safe[data-astro-cid-bve4c6kn]{background:var(--color-safe)}.status-danger[data-astro-cid-bve4c6kn]{background:var(--color-accent)}.panel-preview[data-astro-cid-bve4c6kn]{aspect-ratio:var(--preview-aspect-ratio, 16 / 9);background:#0f141b80;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:14px;overflow:hidden;transition:aspect-ratio .3s ease}.panel-preview[data-astro-cid-bve4c6kn] img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.panel-stats[data-astro-cid-bve4c6kn]{font-size:12px;color:var(--color-text-muted);margin-top:var(--space-sm)}.scroll-indicator[data-astro-cid-bve4c6kn]{display:none;justify-content:center;gap:8px;margin-bottom:var(--space-lg);opacity:1;transition:opacity .3s ease}.scroll-indicator[data-astro-cid-bve4c6kn].hidden{opacity:0;pointer-events:none}@media (max-width: 1023px) and (hover: none),(max-width: 1023px) and (pointer: coarse){.scroll-indicator[data-astro-cid-bve4c6kn]{display:flex}}.scroll-dot[data-astro-cid-bve4c6kn]{width:8px;height:8px;border-radius:50%;border:none;background:var(--color-border);cursor:pointer;padding:0;transition:all .2s ease}.scroll-dot[data-astro-cid-bve4c6kn]:hover{background:var(--color-text-muted)}.scroll-dot[data-astro-cid-bve4c6kn].active{background:var(--color-text);transform:scale(1.25)}.scroll-indicator[data-astro-cid-bve4c6kn].pulse .scroll-dot[data-astro-cid-bve4c6kn]{animation:dot-pulse 1.5s ease-in-out 2}.scroll-indicator[data-astro-cid-bve4c6kn].pulse .scroll-dot[data-astro-cid-bve4c6kn]:nth-child(2){animation-delay:.15s}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:1}}.scroll-indicator[data-astro-cid-bve4c6kn].pulse .scroll-dot[data-astro-cid-bve4c6kn].active{animation:none;transform:scale(1.25);opacity:1}.examples-card[data-astro-cid-bve4c6kn]{padding:var(--space-lg)}.examples-title[data-astro-cid-bve4c6kn]{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:var(--space-md)}.examples-grid[data-astro-cid-bve4c6kn]{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.example-btn[data-astro-cid-bve4c6kn]{display:inline-block;padding:var(--space-xs) var(--space-md);font-size:12px;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:999px;cursor:pointer;transition:var(--transition-fast)}.example-btn[data-astro-cid-bve4c6kn]:hover{background:#ffffff0d;color:var(--color-text);border-color:var(--color-border-hover)}.panel-preview[data-astro-cid-bve4c6kn] .loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-muted)}.panel-preview[data-astro-cid-bve4c6kn] .loading-dots{font-size:24px;animation:pulse 1.5s infinite}.panel-preview[data-astro-cid-bve4c6kn] .error{color:var(--color-accent);text-align:center;padding:var(--space-md)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.panel-preview[data-astro-cid-bve4c6kn] img{cursor:pointer;transition:opacity var(--transition-fast)}.panel-preview[data-astro-cid-bve4c6kn] img:hover{opacity:.9}.lightbox[data-astro-cid-bve4c6kn]{position:fixed;inset:0;background:#000000f2;z-index:1000;display:none;align-items:center;justify-content:center;padding:var(--space-lg)}.lightbox[data-astro-cid-bve4c6kn].active{display:flex}.lightbox-close[data-astro-cid-bve4c6kn]{position:absolute;top:var(--space-lg);right:var(--space-lg);background:none;border:none;color:var(--color-text);font-size:32px;cursor:pointer;padding:var(--space-sm);line-height:1;opacity:.7;transition:opacity var(--transition-fast)}.lightbox-close[data-astro-cid-bve4c6kn]:hover{opacity:1}.lightbox-content[data-astro-cid-bve4c6kn]{display:flex;flex-direction:column;align-items:center;max-width:95vw;max-height:90vh}.lightbox[data-astro-cid-bve4c6kn] img[data-astro-cid-bve4c6kn]{max-width:95vw;max-height:calc(90vh - 40px);-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080;transition:opacity .2s ease}.lightbox[data-astro-cid-bve4c6kn] img[data-astro-cid-bve4c6kn].transitioning{opacity:.5}.lightbox-label[data-astro-cid-bve4c6kn]{margin-top:var(--space-sm);font-size:14px;color:var(--color-text-muted);text-align:center}.lightbox-nav[data-astro-cid-bve4c6kn]{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-text);cursor:pointer;opacity:.7;transition:all var(--transition-fast)}.lightbox-nav[data-astro-cid-bve4c6kn]:hover{opacity:1;background:#fff3}.lightbox-prev[data-astro-cid-bve4c6kn]{left:var(--space-lg)}.lightbox-next[data-astro-cid-bve4c6kn]{right:var(--space-lg)}.lightbox-nav[data-astro-cid-bve4c6kn].hidden{opacity:0;pointer-events:none}@media (max-width: 640px) and (hover: none),(max-width: 640px) and (pointer: coarse){.lightbox-nav[data-astro-cid-bve4c6kn]{display:none}}.lightbox-dots[data-astro-cid-bve4c6kn]{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);display:flex;gap:12px}.lightbox-dot[data-astro-cid-bve4c6kn]{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;padding:0;transition:all .2s ease}.lightbox-dot[data-astro-cid-bve4c6kn]:hover{background:#ffffff80}.lightbox-dot[data-astro-cid-bve4c6kn].active{background:var(--color-text);transform:scale(1.2)}.lightbox-close[data-astro-cid-bve4c6kn]:focus,.lightbox-nav[data-astro-cid-bve4c6kn]:focus,.lightbox-dot[data-astro-cid-bve4c6kn]:focus{outline:2px solid var(--color-text);outline-offset:2px}.lightbox-dot[data-astro-cid-bve4c6kn]:focus{outline-offset:4px}.lightbox-hint[data-astro-cid-bve4c6kn]{margin-top:var(--space-xs);font-size:12px;color:var(--color-text-muted);opacity:.6;text-align:center;transition:opacity .3s ease}.lightbox-hint[data-astro-cid-bve4c6kn].hidden{opacity:0}@media (prefers-reduced-motion: reduce){.lightbox[data-astro-cid-bve4c6kn] img[data-astro-cid-bve4c6kn],.lightbox-dot[data-astro-cid-bve4c6kn],.lightbox-nav[data-astro-cid-bve4c6kn],.lightbox-close[data-astro-cid-bve4c6kn]{transition:none}}