.vr-page{--vr-yellow:#ffea20;--vr-muted:#a4a7b1;color:#f5f5f6;max-width:1280px;margin:auto;padding:24px 44px 70px;font-size:14px}.vr-page *{box-sizing:border-box}.vr-page button,.vr-page a,.vr-page input,.vr-page select{outline-offset:4px}.vr-page button{cursor:pointer}.vr-page button:disabled{opacity:.45;cursor:not-allowed}.vr-page button:focus-visible,.vr-page a:focus-visible,.vr-page input:focus-visible,.vr-page select:focus-visible{outline:2px solid var(--vr-yellow)}.vr-breadcrumb{color:var(--vr-muted);gap:12px;font-size:12px;display:flex}.vr-breadcrumb a:hover{color:var(--vr-yellow)}.vr-hero{text-align:center;padding:48px 0 36px}.vr-eyebrow{letter-spacing:2px;font-weight:700;color:var(--vr-yellow)!important;margin:0 0 18px!important;font-size:11px!important}.vr-hero h1{letter-spacing:-2px;margin:0 0 20px;font-size:clamp(34px,4.1vw,58px);font-weight:700;line-height:1.15}.vr-hero h1 span{color:var(--vr-yellow)}.vr-hero>p:not(.vr-eyebrow){max-width:660px;color:var(--vr-muted);margin:0 auto;font-size:16px;line-height:1.8}.vr-benefits{color:#c5c7cf;justify-content:center;gap:28px;margin-top:22px;font-size:12px;display:flex}.vr-benefits span{align-items:center;gap:7px;display:flex}.vr-benefits svg{color:var(--vr-yellow)}.vr-workspace{background:#18181b;border:1px solid #333337;border-radius:22px;scroll-margin-top:100px;overflow:hidden;box-shadow:0 24px 80px #0003}.vr-workspace.is-dragging{outline:2px dashed var(--vr-yellow);outline-offset:5px}.vr-workspace-heading{border-bottom:1px solid #303034;justify-content:space-between;align-items:center;gap:20px;padding:19px 24px;display:flex}.vr-workspace-heading>div{align-items:center;gap:10px;display:flex}.vr-workspace-heading svg{color:var(--vr-yellow)}.vr-workspace-heading h2{margin:0;font-size:15px;font-weight:600}.vr-workspace-heading>span{color:var(--vr-muted);align-items:center;gap:6px;font-size:11px;display:flex}.vr-local-dot{background:#b6d58e;border-radius:100%;width:5px;height:5px}.vr-empty{grid-template-columns:1.05fr 1fr;min-height:480px;display:grid}.vr-upload-area{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 36px;display:flex}.vr-upload-icon{width:65px;height:65px;color:var(--vr-yellow);background:#ffea2012;border:1px solid #ffea2040;border-radius:18px;place-items:center;margin-bottom:24px;display:grid}.vr-upload-area h3{letter-spacing:-.6px;max-width:290px;margin:0 0 16px;font-size:26px;line-height:1.3}.vr-upload-area>p{color:var(--vr-muted);max-width:290px;margin-bottom:23px;font-size:12px;line-height:1.8}.vr-primary{background:var(--vr-yellow);border:1px solid var(--vr-yellow);color:#171708;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:14px 24px;font-size:14px;font-weight:650;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.vr-primary:hover{background:#fff273;transform:translateY(-1px)}.vr-sample{color:#dfdfe3;background:0 0;border:0;align-items:center;gap:6px;margin:15px 0 25px;font-size:13px;display:flex}.vr-sample:hover{color:var(--vr-yellow)}.vr-upload-area>small{color:#85858d;align-items:center;gap:5px;font-size:10px;display:flex}.vr-empty-visual{background:#111214;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.vr-empty-visual>img{object-fit:cover;filter:blur(18px)brightness(.35);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.vr-empty-phone{aspect-ratio:9/16;background:#111;border:5px solid #ffffff26;border-radius:20px;height:340px;position:relative;overflow:hidden;transform:rotate(5deg);box-shadow:0 20px 70px #0009}.vr-empty-phone img{object-fit:cover;width:100%;height:100%}.vr-empty-phone span{color:#fff;background:#0008;border:1px solid #ffffff40;border-radius:20px;padding:5px 13px;font-size:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.vr-empty-visual>p{color:#ccc;text-align:center;font-size:11px;position:absolute;bottom:20px}.vr-editor{grid-template-columns:320px minmax(0,1fr);display:grid}.vr-controls{background:#1a1a1e;border-right:1px solid #303034;padding:22px}.vr-file{border-bottom:1px solid #303034;align-items:center;gap:10px;min-width:0;margin-bottom:20px;padding-bottom:19px;display:flex}.vr-file>svg{color:var(--vr-muted);flex-shrink:0}.vr-file>div{flex:1;min-width:0}.vr-file strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.vr-file small{color:#8e8e99;margin-top:5px;font-size:10px;display:block}.vr-file button{border:1px solid #38383c;border-radius:7px;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.vr-controls fieldset{border:0;min-width:0;margin:0;padding:0}.vr-controls label{color:#d8d8df;margin:0 0 10px;font-size:11px;font-weight:600;display:block}.vr-shapes{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;display:grid}.vr-shapes button{color:#babac4;background:#131316;border:1px solid #37373c;border-radius:9px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-height:95px;padding:12px 4px 10px;display:flex}.vr-shapes i{border:1.5px solid;max-width:35px;height:23px;margin-bottom:5px;display:block}.vr-shapes strong{font-size:12px}.vr-shapes small{font-size:9px;font-weight:400}.vr-shapes button[aria-pressed=true]{color:var(--vr-yellow);background:#ffea200c;border-color:#bcae21}.vr-segment{background:#101012;border-radius:8px;gap:3px;padding:4px;display:flex}.vr-segment button{color:#a9a9b3;white-space:nowrap;border:0;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 4px;font-size:11px;display:flex}.vr-segment button[aria-pressed=true]{color:var(--vr-yellow);background:#34342c}.vr-help{color:#9696a2;margin:9px 0 17px;font-size:10px;line-height:1.7}.vr-position label{margin-top:12px;font-size:10px;font-weight:400;position:relative}.vr-position output{float:right;font-variant-numeric:tabular-nums;color:var(--vr-muted)}.vr-page input[type=range]{accent-color:var(--vr-yellow);cursor:pointer;height:18px}.vr-position input{width:100%;margin:7px 0 0;display:block}.vr-text{color:#c5c5cf;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:11px;display:inline-flex}.vr-text:hover{color:var(--vr-yellow)}.vr-position{margin-bottom:18px}.vr-resolution select{appearance:auto;color:#eee;background:#111115;border:1px solid #3b3b42;border-radius:8px;width:100%;margin-top:9px;padding:10px 8px;font-size:12px;font-weight:400;display:block}.vr-controls .vr-audio{align-items:center;gap:8px;margin:20px 0 0;font-weight:400;display:flex}.vr-audio span{flex:1}.vr-audio input{width:17px;height:17px;accent-color:var(--vr-yellow)}.vr-export{border-top:1px solid #313137;padding-top:16px}.vr-export>span{text-align:center;color:#9999a3;margin-bottom:12px;font-size:10px;display:block}.vr-export .vr-primary{width:100%;padding:12px}.vr-export>small{text-align:center;color:#8d8d99;margin-top:11px;font-size:10px;line-height:1.6;display:block}.vr-preview-panel{background:#121214;flex-direction:column;min-width:0;display:flex;position:relative}.vr-preview-heading{justify-content:space-between;align-items:center;gap:10px;padding:15px 22px;display:flex}.vr-preview-heading>span{color:#91919b;font-family:monospace;font-size:10px}.vr-preview-tabs{gap:18px;display:flex}.vr-preview-tabs button{color:#787882;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:11px;display:flex}.vr-preview-tabs button[aria-pressed=true]{color:#eee}.vr-preview-tabs svg{color:var(--vr-yellow)}.vr-stage{background-image:radial-gradient(#ffffff0b .8px,#0000 .8px);background-size:16px 16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:470px;padding:18px 28px 12px;display:flex}.vr-frame{aspect-ratio:var(--ratio);background:#080808;max-width:100%;height:490px;max-height:56vh;position:relative;overflow:hidden;box-shadow:0 8px 36px #0008}.vr-frame canvas{object-fit:contain;width:100%;height:100%;display:block}.vr-frame canvas.can-drag{cursor:grab;touch-action:none}.vr-frame canvas.can-drag:active{cursor:grabbing}.vr-frame-chip{color:#fff;pointer-events:none;background:#0007;border:1px solid #ffffff40;border-radius:5px;padding:4px 8px;font-size:10px;position:absolute;top:12px;left:12px}.vr-stage-hint{color:#a0a0aa;align-items:center;gap:5px;font-size:10px;display:flex}.vr-decoder{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.vr-playback{background:#202024;border-radius:9px;align-items:center;gap:10px;margin:16px 22px 20px;padding:11px 12px;display:flex}.vr-playback button{color:#efefef;background:0 0;border:0;place-items:center;min-width:28px;min-height:28px;display:grid}.vr-playback span{color:#aaa;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px}.vr-playback>input{flex:1;width:100%;min-width:20px}.vr-playback .vr-volume{flex:0 55px}.vr-swatches{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px;display:grid}.vr-swatches button{border:1px solid #383840;border-radius:9px;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;font-size:10px;display:flex}.vr-swatches button[aria-pressed=true]{border-color:var(--vr-yellow);color:var(--vr-yellow)}.vr-swatches i{border:1px solid #ffffff25;border-radius:4px;width:30px;height:22px;display:block}.vr-swatch-blur{background:linear-gradient(35deg,#95693d,#d7bd9b,#736447)}.vr-swatch-black{background:#000}.vr-swatch-white{background:#fff}.vr-workspace-foot{color:#9595a0;border-top:1px solid #303034;justify-content:center;align-items:center;gap:7px;padding:12px;font-size:10px;display:flex}.vr-compatibility{text-align:center;color:#858591;max-width:680px;margin:15px auto 0;font-size:11px;line-height:1.7}.vr-messages{border-top:1px solid #303034;padding:12px 22px}.vr-messages p{align-items:center;gap:9px;margin:0;font-size:12px;line-height:1.7;display:flex}.vr-messages button{color:var(--vr-yellow);margin-left:auto}.vr-error{padding:8px;font-size:12px;color:#ffb19f!important}.vr-progress{background:#26262cf2;border:1px solid #595944;border-radius:13px;align-items:center;gap:15px;padding:19px;display:flex;position:absolute;bottom:95px;left:20px;right:20px;box-shadow:0 15px 40px #0008}.vr-progress>svg{color:var(--vr-yellow);flex-shrink:0}.vr-progress>div{flex:1}.vr-progress strong{font-size:12px;font-weight:500}.vr-progress progress{width:100%;height:4px;accent-color:var(--vr-yellow);margin-top:10px;display:block}.vr-progress button{color:#eee;font-size:12px}.vr-result-stage{justify-content:center;align-items:center;min-height:470px;padding:22px;display:flex}.vr-result-stage video{object-fit:contain;background:#000;max-width:100%;height:490px;max-height:56vh}.vr-result-footer{flex-wrap:wrap;align-items:center;gap:15px;padding:0 24px 24px;display:flex}.vr-result-footer>div{text-align:center;width:100%}.vr-result-footer strong{justify-content:center;align-items:center;gap:7px;font-size:15px;display:flex}.vr-result-footer svg{color:var(--vr-yellow)}.vr-result-footer p{color:#9d9da8;font-size:11px;line-height:1.8}.vr-result-footer .vr-primary{margin-left:auto}.vr-result-footer .vr-primary svg{color:#171708}.vr-result-footer .vr-text{margin-right:auto}.vr-stale{color:#e8d380;margin:0 22px 20px;font-size:11px}.vr-section{padding-top:85px}.vr-section>header{text-align:center;max-width:810px;margin:0 auto 32px}.vr-section h2{letter-spacing:-1px;margin:0;font-size:clamp(25px,3vw,36px);font-weight:650;line-height:1.25}.vr-section header>p:not(.vr-eyebrow){color:var(--vr-muted);max-width:570px;margin:16px auto 0;font-size:14px;line-height:1.8}.vr-steps,.vr-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.vr-steps article{background:#19191c;border:1px solid #2d2d31;border-radius:14px;padding:25px;position:relative}.vr-steps article>span{letter-spacing:-2px;color:#ffea2055;margin-bottom:15px;font-size:35px;display:block}.vr-section h3{letter-spacing:-.3px;margin:0 0 10px;font-size:18px;font-weight:600;line-height:1.4}.vr-section article p,.vr-related p{color:var(--vr-muted);margin:0;font-size:13px;line-height:1.85}.vr-examples{grid-template-columns:1fr 1fr;gap:24px;display:grid}.vr-examples article{background:#19191c;border:1px solid #2d2d31;border-radius:17px;overflow:hidden}.vr-example-art{background:#29201c;justify-content:center;align-items:center;height:340px;display:flex;position:relative;overflow:hidden}.vr-art-bg{object-fit:cover;filter:blur(22px)brightness(.35);width:100%;height:100%;position:absolute;transform:scale(1.2)}.vr-example-art>div{aspect-ratio:9/16;border:2px solid #ffffff45;border-radius:10px;justify-content:center;align-items:center;width:158px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 30px #0006}.vr-example-art>div img{object-fit:cover;width:100%;height:100%}.vr-example-art.is-fit>div{background:url(/media/tools-v4/asmr-3.webp) 50%/cover}.vr-example-art.is-fit>div:before{content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;inset:0}.vr-example-art.is-fit>div img{height:auto;position:relative}.vr-example-art>span{color:#eee;background:#0006;border-radius:5px;padding:5px 9px;font-size:10px;position:absolute;bottom:15px;right:15px}.vr-example-copy{padding:26px}.vr-example-copy button{color:var(--vr-yellow);align-items:center;gap:8px;margin-top:20px;font-size:12px;font-weight:600;display:flex}.vr-info article{padding:12px 18px}.vr-info svg{color:var(--vr-yellow);width:25px;height:25px;margin-bottom:18px}.vr-faq{max-width:870px;margin:auto}.vr-faq details{border-bottom:1px solid #2a2a30}.vr-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:25px;padding:22px 0;font-size:14px;font-weight:500;list-style:none;display:flex}.vr-faq summary::-webkit-details-marker{display:none}.vr-faq summary svg{color:#92929e;flex-shrink:0}.vr-faq details[open] summary svg{transform:rotate(180deg)}.vr-faq details p{color:var(--vr-muted);max-width:770px;margin:0;padding-bottom:22px;font-size:13px;line-height:1.9}.vr-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.vr-related a{min-width:0;display:block}.vr-related img{object-fit:cover;border-radius:12px;width:100%;height:195px;margin-bottom:18px;transition:filter .2s}.vr-related a:hover img{filter:brightness(1.15)}.vr-related h3{justify-content:space-between;gap:12px;font-size:16px;display:flex}.vr-related a:hover h3{color:var(--vr-yellow)}.vr-sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.vr-spin{animation:1s linear infinite vr-spin}@keyframes vr-spin{to{transform:rotate(360deg)}}@media (width>=1500px){.vr-page{max-width:1440px}.vr-editor{grid-template-columns:350px minmax(0,1fr)}.vr-frame,.vr-result-stage video{height:560px;max-height:65vh}}@media (width<=900px){.vr-page{padding:20px}.vr-editor{grid-template-columns:280px minmax(0,1fr)}.vr-controls{padding:17px}.vr-preview-heading{padding:15px}.vr-frame{height:450px;max-height:55vh}.vr-stage{min-height:420px;padding:16px}.vr-preview-tabs{gap:12px}.vr-empty{min-height:450px}.vr-upload-area{padding:25px}.vr-empty-phone{height:300px}.vr-related img{height:160px}}@media (width<=700px){.vr-page{padding:18px 14px 45px}.vr-hero{padding:34px 4px 28px}.vr-hero h1{letter-spacing:-1px;font-size:36px}.vr-hero>p:not(.vr-eyebrow){font-size:14px}.vr-benefits{flex-wrap:wrap;gap:8px 15px;font-size:10px}.vr-workspace{border-radius:15px}.vr-workspace-heading{padding:17px}.vr-workspace-heading h2{font-size:13px}.vr-workspace-heading>span{display:none}.vr-empty{grid-template-columns:1fr}.vr-upload-area{padding:35px 22px}.vr-empty-visual{grid-row:1;height:260px}.vr-empty-phone{height:215px;transform:rotate(4deg)}.vr-empty-visual>p{display:none}.vr-editor{flex-direction:column;display:flex}.vr-controls{border-right:0;order:2;padding:20px}.vr-preview-panel{border-bottom:1px solid #303034;order:1}.vr-stage{min-height:0;padding:18px 20px 8px}.vr-frame{height:380px;max-height:50svh}.vr-result-stage{min-height:0}.vr-result-stage video{height:380px;max-height:50svh}.vr-playback{margin:12px 16px 18px}.vr-playback button{min-width:35px;min-height:35px}.vr-preview-tabs button{min-height:35px}.vr-workspace-foot{padding:12px 15px;font-size:9px;line-height:1.8}.vr-file button{width:40px;height:40px}.vr-controls label{font-size:12px}.vr-segment button{min-height:42px;font-size:12px}.vr-help{font-size:11px}.vr-text{min-height:40px}.vr-section{padding-top:60px}.vr-section h2{font-size:28px}.vr-steps,.vr-info,.vr-related{grid-template-columns:1fr;gap:17px}.vr-steps article{padding:22px}.vr-steps article>span{float:right;margin-left:12px;font-size:30px}.vr-examples{grid-template-columns:1fr;gap:22px}.vr-example-art{height:300px}.vr-example-art>div{width:140px}.vr-related img{aspect-ratio:16/10;height:auto}.vr-info article{padding:14px 8px}.vr-example-copy button{min-height:40px}.vr-faq summary{font-size:13px;line-height:1.6}.vr-result-footer{padding:0 18px 20px}.vr-result-footer .vr-primary{width:100%;margin:0}.vr-result-footer .vr-text{margin:auto}.vr-empty .vr-primary{min-height:48px}.vr-empty .vr-sample{min-height:40px}.vr-controls input[type=range]{height:30px}.vr-controls .vr-audio{min-height:40px}}@media (prefers-reduced-motion:reduce){.vr-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.vr-frame{--frame-height:min(490px, 56vh);width:min(100%, calc(var(--frame-height) * var(--frame-ratio)));flex-shrink:0;height:auto;max-height:none}@media (width>=1500px){.vr-frame{--frame-height:min(560px, 65vh)}}@media (width<=900px){.vr-frame{--frame-height:min(450px, 55vh)}}@media (width<=700px){.vr-frame{--frame-height:min(380px, 50svh)}.vr-stage{min-height:0}}.vr-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.vr-sample-grid article{background:#19191d;border:1px solid #ffffff12;border-radius:18px;overflow:hidden}.vr-sample-grid video{object-fit:contain;background:#09090b;width:100%;height:300px;display:block}.vr-sample-grid article>div{padding:24px}.vr-sample-grid h3{color:#f5f5f5;margin:0 0 12px;font-size:20px}.vr-sample-grid p{color:#aaaab5;font-size:14px;line-height:1.8}.vr-sample-grid button{color:#f8e92a;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:12px 0;font-weight:600;display:flex}@media (width<=700px){.vr-sample-grid{grid-template-columns:1fr}.vr-sample-grid video{height:280px}}