.preview-theme-root{--prev-bg-base:#09090f;--prev-bg-surface:#10101a;--prev-bg-surface-elevated:#161626;--prev-bg-glass:#121220a6;--prev-bg-glass-hover:#1c1c30bf;--prev-border:#ffffff14;--prev-border-subtle:#ffffff0a;--prev-border-highlight:#ffffff29;--prev-text-primary:#f8fafc;--prev-text-secondary:#f8fafca6;--prev-text-muted:#f8fafc66;--prev-accent:#8b5cf6;--prev-accent-rgb:139, 92, 246;--prev-accent-glow:#8b5cf659;--prev-accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #4f46e5 100%);--prev-accent-gradient-text:linear-gradient(135deg, #c4b5fd 0%, #a78bfa 50%, #818cf8 100%);color:var(--prev-text-primary);background-color:var(--prev-bg-base);min-height:100vh;font-family:inherit;position:relative}.preview-theme-root[data-accent=navy]{--prev-accent:#2563eb;--prev-accent-rgb:37, 99, 235;--prev-accent-glow:#2563eb73;--prev-accent-gradient:linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 50%, #2563eb 100%);--prev-accent-gradient-text:linear-gradient(135deg, #bfdbfe 0%, #60a5fa 50%, #3b82f6 100%)}.preview-theme-root[data-accent=indigo]{--prev-accent:#4f46e5;--prev-accent-rgb:79, 70, 229;--prev-accent-glow:#4f46e559;--prev-accent-gradient:linear-gradient(135deg, #6366f1 0%, #4f46e5 50%, #4338ca 100%);--prev-accent-gradient-text:linear-gradient(135deg, #a5b4fc 0%, #818cf8 50%, #6366f1 100%)}.preview-glass{background:var(--prev-bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--prev-border)}.preview-glass-card{-webkit-backdrop-filter:blur(14px);border:1px solid var(--prev-border);background:linear-gradient(#ffffff0a 0%,#ffffff03 100%);transition:all .3s cubic-bezier(.16,1,.3,1)}.preview-glass-card:hover{border-color:rgba(var(--prev-accent-rgb), .4);box-shadow:0 12px 36px -8px #0009, 0 0 24px -4px var(--prev-accent-glow);background:linear-gradient(#ffffff12 0%,#ffffff05 100%);transform:translateY(-2px)}.preview-gradient-text{background:var(--prev-accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.preview-btn-primary{background:var(--prev-accent-gradient);color:#fff;box-shadow:0 4px 20px -2px var(--prev-accent-glow);border:1px solid #fff3;border-radius:12px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1)}.preview-btn-primary:hover{box-shadow:0 6px 28px -2px rgba(var(--prev-accent-rgb), .6);filter:brightness(1.08);transform:translateY(-1px)}.preview-btn-outline{color:var(--prev-text-primary);border:1px solid var(--prev-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-radius:12px;transition:all .2s}.preview-btn-outline:hover{border-color:var(--prev-border-highlight);color:#fff;background:#ffffff14}.preview-ambient-glow{background:radial-gradient(circle, var(--prev-accent-glow) 0%, #0000 70%);filter:blur(80px);pointer-events:none;opacity:.45;z-index:0;width:1000px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.preview-theme-root ::-webkit-scrollbar{width:6px;height:6px}.preview-theme-root ::-webkit-scrollbar-track{background:#0003}.preview-theme-root ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.preview-theme-root ::-webkit-scrollbar-thumb:hover{background:var(--prev-accent)}.preview-cosmic-wrapper{pointer-events:none;z-index:0;width:1400px;max-width:100vw;height:850px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.preview-cosmic-canvas{filter:blur(.5px);width:100%;height:100%;position:absolute;inset:0}.preview-nebula-blur{background:radial-gradient(circle, var(--prev-accent-glow) 0%, #4f46e526 40%, #09090f00 70%);filter:blur(90px);opacity:.55;pointer-events:none;border-radius:50%;width:750px;height:750px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.preview-orbit-ring{pointer-events:none;border:1px dashed #ffffff12;border-radius:50%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.preview-portal-vignette{-webkit-backdrop-filter:blur(1.5px);pointer-events:none;background:radial-gradient(circle at 50% 42%,#09090f99 0%,#09090fd9 50%,#09090f 85%);position:absolute;inset:0}.preview-pill-nav{-webkit-backdrop-filter:blur(24px);background:#0e0e18a6;border:1px solid #ffffff1f;box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff0d}.preview-glossy-pill-btn{color:#08080f;background:linear-gradient(#fffffff2 0%,#d2d2e1d9 100%);border:1px solid #fffc;border-radius:9999px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 14px #ffffff59,inset 0 1px 1px #fff}.preview-glossy-pill-btn:hover{background:#fff;transform:translateY(-1px)scale(1.02);box-shadow:0 4px 24px #fff9,inset 0 1px 2px #fff}