.evc-room-feature-image.evc-room-demo{display:block;position:relative;overflow:hidden;isolation:isolate;background:#d4c0a3}
.evc-demo-scene,.evc-demo-background,.evc-demo-floor,.evc-demo-rug-placement{position:absolute;inset:0;width:100%;height:100%}
.evc-demo-background{display:block;object-fit:cover}
.evc-demo-floor{pointer-events:none}
.evc-demo-target{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#f7fff2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.evc-demo-grid{stroke-width:1;opacity:.35}
.evc-demo-scan{stroke:#f0ffdb;stroke-width:4;filter:drop-shadow(0 0 4px #e5ffb5);transform-origin:center}
.evc-demo-rug{position:absolute;top:0;left:0;display:block;width:300px;height:450px;max-width:none;transform-origin:0 0;border:1px solid #b7a487;border-radius:2px;box-shadow:0 5px 12px #3e301a48}
evc-room-demo:not([data-enhanced]) .evc-demo-rug{left:13%;top:47%;width:75%;height:40%;clip-path:polygon(26.67% 0,82.67% 0,100% 100%,0 100%)}
.evc-demo-phone-motion{position:absolute;right:11%;top:12%;width:clamp(92px,21%,152px);aspect-ratio:1/1.94;transform:rotate(-7deg);transform-origin:50% 85%}
.evc-demo-phone{position:absolute;inset:0;padding:5px;background:linear-gradient(120deg,#76817e,#233130 28%,#0f1c1c 75%,#7a827c);border:1px solid #c2c5b8;border-radius:23px;box-shadow:8px 16px 26px #18242155,0 0 0 2px #152221}
.evc-demo-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:18px;background:#e9ddc8}
.evc-demo-screen>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.evc-demo-phone-camera{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:35%;height:9px;border-radius:9px;background:#14201f}
.evc-demo-phone-home{position:absolute;bottom:8px;left:33%;width:34%;height:3px;border-radius:4px;background:#fffaf1;box-shadow:0 1px 3px #16222166}
.evc-demo-hand{position:absolute;width:143%;height:auto;right:-45%;top:52%;filter:drop-shadow(4px 9px 5px #2c241e25)}
.evc-demo-phone-rug{position:absolute;left:13%;top:53%;width:74%;height:29%;clip-path:polygon(19% 0,81% 0,100% 100%,0 100%);box-shadow:0 3px 8px #30241455}
.evc-demo-phone-rug img{display:block;width:100%;height:100%;object-fit:fill}
.evc-demo-phone-reticle{position:absolute;left:19%;right:19%;top:47%;height:29%;border:1px solid #fffcebe6;border-radius:8px;opacity:0}
.evc-demo-phone-scan{position:absolute;left:10%;right:10%;top:45%;height:1px;background:#edffce;box-shadow:0 0 6px 2px #dfffaf99;opacity:0}
.evc-demo-phone-done{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);display:grid;place-items:center;width:28px;height:28px;border:1px solid #e7ddc5;border-radius:50%;background:#173b34;color:#fff9eb;font:16px/1 Arial,sans-serif}
.evc-demo-caption{position:absolute;left:24px;bottom:24px;width:min(265px,calc(100% - 94px));height:36px;background:#f8f1e8ed;color:#17312f;box-shadow:0 3px 16px #32291813;font:12px/1.4 Arial,sans-serif}
.evc-demo-caption span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:8px 10px;text-align:center}
.evc-demo-caption-scan{opacity:0}
.evc-demo-toggle{position:absolute;right:16px;bottom:19px;display:grid;place-items:center;width:44px;height:44px;padding:11px;border:1px solid #ffffffa6;border-radius:50%;background:#f8f1e8ed;color:#17312f;cursor:pointer}
.evc-demo-toggle[hidden]{display:none}
.evc-demo-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.evc-demo-toggle .evc-demo-play{display:none;fill:currentColor;stroke-width:0}
.evc-demo-toggle[aria-label="Animation abspielen"] .evc-demo-play{display:block}
.evc-demo-toggle[aria-label="Animation abspielen"] .evc-demo-pause{display:none}
.evc-demo-toggle:hover{background:#fffaf1}
.evc-demo-toggle:focus-visible{outline:2px solid #17312f;outline-offset:4px}
evc-room-demo[data-enhanced]:not([data-reduced]) .evc-demo-phone-motion{animation:evc-demo-hold 9s ease-in-out infinite}
evc-room-demo[data-enhanced]:not([data-reduced]) .evc-demo-rug-placement,evc-room-demo[data-enhanced]:not([data-reduced]) .evc-demo-phone-rug{animation:evc-demo-place 9s ease-in-out infinite}
evc-room-demo[data-enhanced]:not([data-reduced]) .evc-demo-target,evc-room-demo[data-enhanced]:not([data-reduced]) .evc-demo-phone-reticle{animation:evc-demo-target 9s ease-in-out infinite}
evc-room-demo[data-enhanced]:not([data-reduced]) .evc-demo-scan{animation:evc-demo-floor-scan 9s ease-in-out infinite}
evc-room-demo[data-enhanced]:not([data-reduced]) .evc-demo-phone-scan{animation:evc-demo-screen-scan 9s ease-in-out infinite}
evc-room-demo[data-enhanced]:not([data-reduced]) .evc-demo-phone-done,evc-room-demo[data-enhanced]:not([data-reduced]) .evc-demo-caption-place{animation:evc-demo-done 9s ease-in-out infinite}
evc-room-demo[data-enhanced]:not([data-reduced]) .evc-demo-caption-scan{animation:evc-demo-scanning 9s ease-in-out infinite}
evc-room-demo:not([data-running]) .evc-demo-scene *{animation-play-state:paused!important}
@keyframes evc-demo-hold{0%,100%{transform:translate(12px,12px) rotate(-10deg)}18%,32%{transform:translate(-4px,0) rotate(-4deg)}48%,86%{transform:translate(0,0) rotate(-7deg)}}
@keyframes evc-demo-place{0%,38%,100%{opacity:0;transform:translateY(-8px)}52%,87%{opacity:1;transform:translateY(0)}97%{opacity:0;transform:translateY(0)}}
@keyframes evc-demo-target{0%,7%,50%,100%{opacity:0}15%,38%{opacity:.9}}
@keyframes evc-demo-floor-scan{0%,10%,40%,100%{opacity:0;transform:translateY(0) scaleX(1)}15%{opacity:1;transform:translateY(0) scaleX(1)}36%{opacity:1;transform:translateY(260px) scaleX(1.8)}}
@keyframes evc-demo-screen-scan{0%,10%,42%,100%{opacity:0;transform:translateY(0)}15%{opacity:1;transform:translateY(0)}36%{opacity:1;transform:translateY(65px)}}
@keyframes evc-demo-done{0%,45%,100%{opacity:0}53%,88%{opacity:1}97%{opacity:0}}
@keyframes evc-demo-scanning{0%,40%{opacity:1}48%,93%{opacity:0}100%{opacity:1}}
@media(max-width:700px){.evc-room-feature-image.evc-room-demo{height:clamp(260px,75vw,360px);min-height:0}.evc-demo-phone-motion{right:13%;top:10%;width:24%;min-width:83px}.evc-demo-phone{padding:4px;border-radius:17px}.evc-demo-screen{border-radius:13px}.evc-demo-phone-camera{top:7px;height:6px}.evc-demo-caption{left:16px;bottom:19px;height:34px;font-size:11px}.evc-demo-toggle{bottom:14px;right:12px}}