.template-preview-chrome{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.template-preview-chrome .chrome-bar{border-bottom:1px solid var(--border);background:#f0f0f0;align-items:center;gap:8px;padding:10px 16px;display:flex}.template-preview-chrome .chrome-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.template-preview-chrome .chrome-dot.red{background:#ff5f56}.template-preview-chrome .chrome-dot.yellow{background:#ffbd2e}.template-preview-chrome .chrome-dot.green{background:#27c93f}.template-preview-chrome .chrome-url{border-radius:var(--radius-sm);color:var(--sub);border:1px solid var(--border-light);background:#fff;flex:1;margin-left:8px;padding:4px 12px;font-size:.75rem}.template-preview-chrome .template-content{min-height:600px;position:relative;overflow:hidden}.grime-gauge{background:conic-gradient(var(--accent) var(--gauge-pct,0%), #e5e7eb var(--gauge-pct,0%));width:200px;height:200px;transition:--gauge-pct 1.5s var(--ease-out);border-radius:50%;position:relative}.grime-gauge:after{content:"";background:var(--white);border-radius:50%;position:absolute;inset:16px}.wipe-reveal{position:relative;overflow:hidden}.wipe-reveal .wipe-before,.wipe-reveal .wipe-after{position:absolute;inset:0}.wipe-reveal .wipe-after{clip-path:inset(0 var(--wipe-pos,50%) 0 0);transition:clip-path .1s linear}.wipe-reveal .wipe-handle{top:0;bottom:0;left:var(--wipe-handle-pos,50%);background:var(--white);cursor:ew-resize;z-index:10;width:4px;position:absolute;box-shadow:0 0 8px #0000004d}.morphing-blob{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:8s ease-in-out infinite morph-blob}@keyframes morph-blob{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}.pulsing-dot{position:relative}.pulsing-dot:before{content:"";background:var(--accent);opacity:0;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-8px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2)}}