:root{--frost-white:#f9fafb;--electric-cobalt:#2563eb;--aurora-teal:#2dd4bf;--slate-ink:#0f172a;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;font-family:var(--font-body);color:var(--slate-ink);background-color:var(--frost-white);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700}.soft-card{-webkit-backdrop-filter:blur(16px);background:#f9fafba6;border:1px solid #ffffff73;border-radius:16px;padding:2rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s;box-shadow:8px 8px 24px #0f172a0a,-8px -8px 24px #fff9;overflow:visible!important}.soft-card:hover{border-color:#2563eb26;transform:translateY(-6px);box-shadow:16px 16px 32px #0f172a14,-8px -8px 32px #fffffff2}.soft-button{background:var(--electric-cobalt);color:#fff;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #2563eb4d}.soft-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.parallax-container{clip-path:inset(0);view-timeline-name:--section-scroll;view-timeline-axis:block;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.layer{will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.layer-bg{z-index:1;animation:linear both parallax-bg;animation-timeline:--section-scroll;animation-range:cover}.layer-mg{z-index:2;justify-content:center;align-items:center;animation:linear both parallax-mg;animation-timeline:--section-scroll;animation-range:cover;display:flex}.layer-fg{z-index:3;flex-direction:column;justify-content:center;align-items:center;animation:linear both parallax-fg;animation-timeline:--section-scroll;animation-range:entry cover;display:flex}@keyframes parallax-bg{0%{transform:translateY(-20%)}to{transform:translateY(20%)}}@keyframes parallax-mg{0%{transform:translateY(-10%)}to{transform:translateY(10%)}}@keyframes parallax-fg{0%{opacity:0;transform:translateY(15%)}30%{opacity:1}to{transform:translateY(-15%)}}.fade-in-section{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px);overflow:visible!important}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#f9fafbbf;border-bottom:1px solid #0f172a0d;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 4rem;transition:background .3s;display:flex;position:fixed;top:0;left:0}.nav-logo{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--slate-ink);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.nav-logo span{color:var(--electric-cobalt)}.nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.nav-links a{color:#475569;font-family:var(--font-heading);padding:.25rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.nav-links a:after{content:"";background-color:var(--electric-cobalt);transform-origin:100%;width:100%;height:2px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-links a:hover{color:var(--electric-cobalt)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.soft-button-outline{color:var(--slate-ink);font-family:var(--font-heading);cursor:pointer;background:0 0;border:1px solid #0f172a26;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .25s}.soft-button-outline:hover{border-color:var(--slate-ink);background:#0f172a08;transform:translateY(-1px)}.hero-badge{color:var(--electric-cobalt);font-size:.85rem;font-weight:600;font-family:var(--font-heading);letter-spacing:.02em;background:#2563eb14;border:1px solid #2563eb26;border-radius:99px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;display:inline-flex}.grid-container{gap:2rem;width:100%;max-width:1200px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.step-card{padding:3rem 2.5rem;transition:transform .3s;position:relative;overflow:hidden}.step-card:hover{transform:translateY(-4px)}.step-number{font-size:8rem;font-weight:800;font-family:var(--font-heading);color:#2563eb08;-webkit-user-select:none;user-select:none;line-height:1;position:absolute;top:-1.5rem;right:-.5rem}.pricing-card{transition:all .3s;position:relative;overflow:visible!important}.pricing-card.popular{border:2px solid var(--electric-cobalt);box-shadow:12px 12px 24px #2563eb14,-8px -8px 24px #ffffffe6}.pricing-card:hover{transform:translateY(-6px)}.pricing-badge{background:var(--electric-cobalt);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:.25rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:-.85rem;left:50%;transform:translate(-50%)}.accordion{width:100%;max-width:800px}.accordion-item{background:var(--frost-white);border:1px solid #0f172a0d;border-radius:12px;width:100%;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:4px 4px 10px #0f172a05}.accordion-item.open{border-color:#2563eb33;box-shadow:6px 6px 15px #2563eb0a}.accordion-trigger{text-align:left;width:100%;font-family:var(--font-heading);color:var(--slate-ink);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.5rem;font-size:1.1rem;font-weight:600;transition:color .2s;display:flex}.accordion-trigger:hover,.accordion-item.open .accordion-trigger{color:var(--electric-cobalt)}.accordion-arrow{color:var(--electric-cobalt);transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s}.accordion-content-wrapper{max-height:0;padding:0 1.5rem;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.accordion-content-wrapper.open{padding-bottom:1.5rem}.accordion-content{color:#475569;font-size:.95rem;line-height:1.6}.form-group{text-align:left;margin-bottom:1.5rem}.form-label{font-family:var(--font-heading);color:var(--slate-ink);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-input,.form-textarea{width:100%;font-family:var(--font-body);color:var(--slate-ink);background:#f9fafb80;border:1px solid #0f172a1a;border-radius:8px;padding:.85rem 1rem;transition:all .25s}.form-input:focus,.form-textarea:focus{border-color:var(--electric-cobalt);background:#fff;outline:none;box-shadow:0 0 0 3px #2563eb26}.footer-container{background:var(--slate-ink);color:#94a3b8;border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:3rem;padding:4rem 2rem 2rem;display:flex}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;width:100%;max-width:1200px;display:grid}.footer-brand h4{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:1.5rem}.footer-brand h4 span{color:var(--aurora-teal)}.footer-links-col h5{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;font-size:.95rem}.footer-links-col ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links-col a{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links-col a:hover{color:var(--aurora-teal)}.footer-bottom{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1200px;padding-top:2rem;font-size:.85rem;display:flex}@media (width<=768px){.navbar{padding:1rem 2rem}.nav-links{display:none}}.hero-hud{transform-origin:50%;animation:25s ease-in-out infinite alternate float-rotate}@keyframes float-rotate{0%{filter:drop-shadow(0 10px 20px #2563eb0d);transform:translateY(-5%)rotate(0)scale(.95)}50%{filter:drop-shadow(0 20px 40px #2563eb1f);transform:translateY(5%)rotate(2deg)scale(1.05)}to{filter:drop-shadow(0 15px 30px #2563eb14);transform:translateY(-3%)rotate(-1.5deg)scale(.98)}}.simulator-split-layout{grid-template-columns:2fr 1.1fr;gap:2.5rem;width:100%;display:grid}@media (width<=968px){.simulator-split-layout{grid-template-columns:1fr}}.video-card-premium{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1rem;height:fit-content;padding:1.25rem;display:flex;box-shadow:0 4px 12px #0f172a05,inset 0 1px #fff9}.side-video{aspect-ratio:16/9;object-fit:cover;border:1px solid #0f172a0d;border-radius:10px;width:100%;box-shadow:0 4px 10px #00000008}.video-caption{color:#475569;font-size:.85rem;line-height:1.5}.video-caption strong{color:var(--slate-ink);margin-bottom:.25rem;font-weight:700;display:block}.comparison-section{background:0 0;flex-direction:column;align-items:center;gap:4rem;padding:8rem 2rem;display:flex}.comparison-grid{grid-template-columns:1fr 1fr;gap:3rem;width:100%;max-width:1200px;display:grid}@media (width<=968px){.comparison-grid{grid-template-columns:1fr;gap:2rem}}.comparison-card{background:var(--frost-white);border:1px solid #0f172a08;border-radius:20px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:8px 8px 16px #0f172a05,-8px -8px 16px #ffffffb3}.comparison-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0f172a0f}.comparison-card.friction{border-top:4px solid #ef4444}.comparison-card.flow{border-top:4px solid var(--electric-cobalt)}.comparison-video-container{background:#000;border-bottom:1px solid #0f172a0d;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.comparison-video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.comparison-badge{text-transform:uppercase;letter-spacing:.05em;z-index:10;border-radius:99px;padding:.35rem .85rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem}.comparison-badge.friction-badge{-webkit-backdrop-filter:blur(4px);color:#ef4444;background:#fee2e2f2;border:1px solid #ef444433}.comparison-badge.flow-badge{-webkit-backdrop-filter:blur(4px);color:var(--electric-cobalt);background:#e0f2fef2;border:1px solid #2563eb33}.comparison-content{flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.comparison-title{color:var(--slate-ink);letter-spacing:-.02em;font-size:1.8rem;font-weight:800}.comparison-list{flex-direction:column;gap:1.25rem;list-style:none;display:flex}.comparison-item{color:#475569;align-items:flex-start;gap:.85rem;font-size:.95rem;line-height:1.5;display:flex}.comparison-item svg{flex-shrink:0;margin-top:.15rem}.microphone-pulse{position:relative}.microphone-pulse:after{content:"";border:2px solid var(--electric-cobalt);opacity:0;border-radius:50%;animation:2s cubic-bezier(.16,1,.3,1) infinite mic-pulse;position:absolute;inset:0}@keyframes mic-pulse{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.4)}}.sim-tab-content{width:100%;animation:.5s cubic-bezier(.16,1,.3,1) forwards tab-slide-fade}@keyframes tab-slide-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-container>div:first-child{transition-delay:50ms}.grid-container>div:nth-child(2){transition-delay:.15s}.grid-container>div:nth-child(3){transition-delay:.25s}.grid-container>div:nth-child(4){transition-delay:.35s}.grid-container>div:nth-child(5){transition-delay:.45s}.grid-container>div:nth-child(6){transition-delay:.55s}.comparison-grid>div:first-child{transition-delay:.1s}.comparison-grid>div:nth-child(2){transition-delay:.25s}@keyframes hero-fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-animate-1{animation:.9s cubic-bezier(.16,1,.3,1) forwards hero-fade-in-up}.hero-animate-2{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) .15s forwards hero-fade-in-up}.hero-animate-3{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) .3s forwards hero-fade-in-up}.hero-animate-4{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) .45s forwards hero-fade-in-up}.microphone-pulse.recording{color:#ef4444!important;background:#ef444426!important;border-color:#ef4444!important}.microphone-pulse.recording:after{animation:1.2s cubic-bezier(.16,1,.3,1) infinite mic-pulse-recording;border-color:#ef4444!important}@keyframes mic-pulse-recording{0%{opacity:.9;transform:scale(.95)}to{opacity:0;transform:scale(1.6)}}.sound-wave-container{justify-content:center;align-items:center;gap:3px;height:30px;margin:1rem 0;display:flex}.sound-wave-bar{background-color:#ef4444;border-radius:2px;width:3px;height:100%;animation:.6s ease-in-out infinite alternate dance-bar}.sound-wave-bar:nth-child(2){animation-delay:.12s}.sound-wave-bar:nth-child(3){animation-delay:.24s}.sound-wave-bar:nth-child(4){animation-delay:.36s}.sound-wave-bar:nth-child(5){animation-delay:.48s}@keyframes dance-bar{0%{transform:scaleY(.2)}to{transform:scaleY(1.3)}}.typewriter-cursor:after{content:"|";color:var(--electric-cobalt);margin-left:2px;font-weight:700;animation:.8s steps(2,end) infinite blink-cursor}@keyframes blink-cursor{0%{opacity:0}to{opacity:1}}.dispatch-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;background:#0f172a66;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.dispatch-overlay.open{opacity:1;pointer-events:auto}.dispatch-modal{background:#fff;border:1px solid #fffc;border-radius:20px;width:100%;max-width:480px;padding:2.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(30px)scale(.95);box-shadow:0 20px 45px #0f172a26}.dispatch-overlay.open .dispatch-modal{transform:translateY(0)scale(1)}.checkmark-circle{color:#10b981;background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:1.5rem auto;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards pop-in;display:flex;transform:scale(0)}@keyframes pop-in{to{transform:scale(1)}}.checkmark-path{stroke-dasharray:20;stroke-dashoffset:20px;animation:.4s .3s forwards draw-check}@keyframes draw-check{to{stroke-dashoffset:0}}.audio-progress-bar-fill{transition:width .1s linear}.live-bg-glow-container{z-index:-2;pointer-events:none;background-color:var(--frost-white);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(130px);opacity:.55;mix-blend-mode:multiply;will-change:transform;border-radius:50%;position:absolute}.glow-orb-1{background:radial-gradient(circle,#2563eb38 0%,#0000 80%);width:55vw;height:55vw;animation:30s ease-in-out infinite alternate drift-orb-1;top:-10%;left:-10%}.glow-orb-2{background:radial-gradient(circle,#2dd4bf2e 0%,#0000 80%);width:65vw;height:65vw;animation:36s ease-in-out infinite alternate drift-orb-2;bottom:-15%;right:-10%}.glow-orb-3{background:radial-gradient(circle,#8b5cf61f 0%,#0000 80%);width:48vw;height:48vw;animation:42s ease-in-out infinite alternate drift-orb-3;top:35%;right:10%}@keyframes drift-orb-1{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(12vw,8vh)scale(1.12)rotate(120deg)}to{transform:translate(-6vw,16vh)scale(.92)rotate(360deg)}}@keyframes drift-orb-2{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-8vw,-12vh)scale(.88)rotate(-180deg)}to{transform:translate(8vw,-4vh)scale(1.08)rotate(180deg)}}@keyframes drift-orb-3{0%{transform:translate(0)scale(.92)}50%{transform:translate(-16vw,12vh)scale(1.12)}to{transform:translate(-8vw,-8vh)scale(1)}}.rain{z-index:-1;pointer-events:none;background:radial-gradient(circle,#f9fafbf5,#f1f5f9f0);width:120vw;height:100vh;position:fixed;top:0;left:-10vw;overflow:hidden}.drop{color:var(--electric-cobalt);white-space:nowrap;pointer-events:none;opacity:var(--drop-opacity,.08);will-change:transform;text-shadow:0 0 3px #2563eb14;font-family:Courier New,Courier,monospace;font-weight:500;animation:linear infinite telemetry-fall;position:absolute;top:-15vh}@keyframes telemetry-fall{0%{transform:rotate(91deg)translate(0)}to{transform:rotate(91deg)translate(130vh)}}.kanban-board-container{gap:1rem;width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.kanban-column{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;min-width:260px;max-width:290px;display:flex;overflow:hidden}.kanban-column-header{font-family:var(--font-heading);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;font-weight:700;display:flex}.kanban-column-header.pending{color:#b45309;background-color:#fffbeb;border-bottom-color:#fde68a}.kanban-column-header.submitted{color:#1d4ed8;background-color:#eff6ff;border-bottom-color:#bfdbfe}.kanban-column-header.reviewed{color:#0f766e;background-color:#f0fdf4;border-bottom-color:#99f6e4}.kanban-column-header.archived{color:#475569;background-color:#f1f5f9;border-bottom-color:#e2e8f0}.kanban-badge{border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 .4rem;font-size:.75rem;font-weight:700;display:inline-flex}.kanban-badge.pending{color:#b45309;background-color:#fef3c7}.kanban-badge.submitted{color:#1d4ed8;background-color:#dbeafe}.kanban-badge.reviewed{color:#0f766e;background-color:#ccfbf1}.kanban-badge.archived{color:#475569;background-color:#e2e8f0}.intake-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;box-shadow:0 2px 4px #0f172a03}.intake-card:hover{border-color:#2563eb33;transform:translateY(-2px);box-shadow:0 6px 12px #0f172a0f}.intake-card:active{transform:scale(.98)}.intake-card-row{color:#475569;align-items:center;gap:.5rem;min-width:0;font-size:.85rem;display:flex}.intake-card-row .label-name{color:var(--slate-ink);font-size:.9rem;font-weight:700;font-family:var(--font-heading);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.intake-card-row .label-rego{color:#475569;font-weight:600}.intake-card-row .label-ro{color:#94a3b8;font-size:.75rem}.badge{font-size:.7rem;font-weight:600;font-family:var(--font-body);border:1px solid #0000;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;display:inline-flex}.badge-engine{color:#e11d48;background-color:#e11d4814;border-color:#e11d482e}.badge-nvh{color:#7c3aed;background-color:#7c3aed14;border-color:#7c3aed2e}.badge-adas{color:#06b6d4;background-color:#06b6d414;border-color:#06b6d42e}.badge-climate{color:#0ea5e9;background-color:#0ea5e914;border-color:#0ea5e92e}.badge-telematics{color:#d946ef;background-color:#d946ef14;border-color:#d946ef2e}.badge-transmission{color:#94a3b8;background-color:#94a3b814;border-color:#94a3b82e}.badge-default{color:#64748b;background-color:#f1f5f9;border-color:#e2e8f0}.status-badge-pending{color:#b45309;background-color:#fffbeb;border-color:#fde68a}.status-badge-submitted{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.status-badge-reviewed{color:#0f766e;background-color:#f0fdf4;border-color:#99f6e4}.status-badge-archived{color:#475569;background-color:#f1f5f9;border-color:#e2e8f0}.walk-in-banner{text-align:left;background-color:#2563eb05;border:1px solid #2563eb1f;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.walk-in-banner-left{align-items:center;gap:.75rem;min-width:0;display:flex}.walk-in-banner-icon{width:36px;height:36px;color:var(--electric-cobalt);background-color:#2563eb14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.walk-in-banner-title{font-family:var(--font-heading);color:var(--slate-ink);font-size:.85rem;font-weight:700}.walk-in-banner-desc{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem;font-size:.7rem;overflow:hidden}.walk-in-banner-url{color:var(--electric-cobalt);background:#fff;border:1px solid #e2e8f0;border-radius:4px;margin-left:.25rem;padding:.1rem .4rem;font-family:monospace;font-weight:700}.category-select-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.category-select-btn{color:#64748b;cursor:pointer;text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.65rem;font-size:.75rem;font-weight:700;transition:all .2s}.category-select-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.category-select-btn.selected-engine{color:#e11d48;background-color:#e11d4814;border-color:#e11d48}.category-select-btn.selected-nvh{color:#7c3aed;background-color:#7c3aed14;border-color:#7c3aed}.category-select-btn.selected-adas{color:#06b6d4;background-color:#06b6d414;border-color:#06b6d4}.category-select-btn.selected-climate{color:#0ea5e9;background-color:#0ea5e914;border-color:#0ea5e9}.category-select-btn.selected-telematics{color:#d946ef;background-color:#d946ef14;border-color:#d946ef}.category-select-btn.selected-transmission{color:#94a3b8;background-color:#94a3b814;border-color:#94a3b8}.preview-overlay{-webkit-backdrop-filter:blur(8px);z-index:3000;cursor:zoom-out;background:#0f172acc;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.preview-content{flex-direction:column;align-items:center;max-width:90%;max-height:85vh;display:flex;position:relative}.preview-img{object-contain:contain;cursor:default;border-radius:8px;max-width:100%;max-height:75vh;box-shadow:0 25px 50px #0000004d}.preview-close{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.preview-close:hover{background:#0009}.preview-caption{color:#fff;font-size:.85rem;font-family:var(--font-body);background:#00000080;border-radius:99px;margin-top:.75rem;padding:.25rem .75rem}.visualizer-canvas{width:100%;height:100%;display:block}