.device-switch{display:flex;justify-content:center;gap:10px;margin:12px 0 20px;flex-wrap:wrap}.device-switch button{font:inherit;font-size:13px;padding:12px 20px;border:1px solid #d5b9e9;border-radius:25px;color:#632582;background:white}.device-switch button[aria-pressed=true]{background:#7024b7;color:white;border-color:#7024b7}#interactive-preview{text-align:center}#interactive-preview .laptop{transition:width .3s,border-radius .3s;margin:auto;width:100%}#interactive-preview.mobile-preview .laptop{width:min(220px,100%);border:8px solid #241330;border-radius:25px;overflow:hidden}#interactive-preview.mobile-preview .project-screen,.mobile-preview .zoom-device .project-screen{aspect-ratio:.52;background-size:450% auto;background-position:84% 69%}#interactive-preview.mobile-preview .laptop-base{display:none}#enlarge-preview{display:inline-block;min-height:44px;padding:12px}#visual-dialog{width:min(1000px,calc(100% - 28px));max-width:1000px;max-height:90dvh;overflow:auto;padding:30px}#visual-title{font-size:30px;padding-right:40px}.visual-close{position:sticky;top:0;float:right;width:44px;height:44px;border:1px solid #dac3eb;border-radius:50%;background:white;font-size:28px;color:#59247e}.zoom-device{width:100%;margin:auto;border:7px solid #e3dbea;border-radius:15px;overflow:hidden}.mobile-preview .zoom-device{width:min(230px,100%);border-color:#241330;border-radius:24px}#visual-caption{font-size:13px;margin:20px 0 0;color:var(--muted)}.tilt-card{transition:transform .18s ease-out}.motion-off .tilt-card{transform:none!important}@media(prefers-reduced-motion:reduce){.tilt-card{transform:none!important}#interactive-preview .laptop{transition:none}}@media(max-width:600px){#visual-dialog{padding:20px}.device-switch button{font-size:12px;padding:11px 14px}}