.rug3d{--rug3d-bg: radial-gradient(120% 90% at 50% 38%, #4a3a2f 0%, #2b221b 52%, #15110e 100%);--rug3d-ink: #fbf6ec;--rug3d-accent: #cda945;--rug3d-radius: 1.25rem;--rug3d-aspect: 4 / 3;position:relative;isolation:isolate;display:block;inline-size:100%;aspect-ratio:var(--rug3d-aspect);border-radius:var(--rug3d-radius);overflow:hidden;background:var(--rug3d-bg);color:var(--rug3d-ink);contain:layout paint;-webkit-tap-highlight-color:transparent}.rug3d[data-mode=viewer]{--rug3d-aspect: 4 / 3}.rug3d[data-mode=room]{--rug3d-aspect: 16 / 10;background:#d9d1c4}.rug3d[data-mode=hero]{--rug3d-aspect: 16 / 9;background:transparent;border-radius:0}.rug3d[data-mode=swatch]{--rug3d-aspect: 1 / 1;background:transparent}@media(max-width:640px){.rug3d[data-mode=viewer],.rug3d[data-mode=room],.rug3d[data-mode=hero]{--rug3d-aspect: 4 / 5}}.rug3d.has-room{aspect-ratio:auto;display:grid;grid-template-rows:auto auto;background:#f4efe6;color:#2a211b}.rug3d.has-room .rug3d__stage{position:relative;inset:auto;aspect-ratio:16 / 10}@media(max-width:640px){.rug3d.has-room .rug3d__stage{aspect-ratio:4 / 5}}.rug3d.has-room .rug3d__poster{display:none}.rug3d__poster,.rug3d__poster img{display:block;inline-size:100%;block-size:100%}.rug3d__poster{position:absolute;inset:0;transition:opacity .6s ease}.rug3d__poster img{-o-object-fit:cover;object-fit:cover}.rug3d[data-mode=viewer] .rug3d__poster img{-o-object-fit:contain;object-fit:contain;padding:6%;filter:drop-shadow(0 18px 24px rgb(0 0 0 / .45))}.rug3d.is-ready .rug3d__poster{opacity:0;pointer-events:none}.rug3d__stage{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;touch-action:pan-y;cursor:grab;outline:none}.rug3d.is-ready .rug3d__stage{opacity:1}.rug3d__stage[data-mode=hero],.rug3d__stage[data-mode=swatch]{pointer-events:none;cursor:default}.rug3d__stage.is-grabbing{cursor:grabbing}.rug3d__stage.is-engaged{touch-action:none}.rug3d__stage:focus-visible{box-shadow:inset 0 0 0 3px var(--rug3d-accent)}.rug3d__canvas{display:block;inline-size:100%;block-size:100%}.rug3d__hint{position:absolute;inset-inline:0;inset-block-end:1rem;display:flex;justify-content:center;pointer-events:none;transition:opacity .5s}.rug3d__hint span{font-size:.78rem;letter-spacing:.02em;padding:.4rem .9rem;border-radius:999px;background:#140f0b8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fbf6ec}.rug3d__hint.is-gone{opacity:0}.rug3d__controls{position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem;display:flex;flex-direction:column;gap:.4rem}.rug3d__btn{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border-radius:999px;border:1px solid rgb(255 255 255 / .16);background:#140f0b80;color:#fbf6ec;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:background .2s,transform .2s}.rug3d.has-room .rug3d__btn{background:#ffffffb8;color:#2a211b;border-color:#0000001a}.rug3d__btn:hover{background:#cda945e6;color:#1b130c}.rug3d__btn:active{transform:scale(.94)}.rug3d__btn:focus-visible,.rug3d__activate:focus-visible,.rug3d__panel button:focus-visible,.rug3d__panel input:focus-visible{outline:3px solid var(--rug3d-accent);outline-offset:2px}.rug3d__btn[aria-pressed=true]{background:var(--rug3d-accent);color:#1b130c}:root.rug3d-lock{overflow:hidden}.rug3d.is-fs,.rug3d.is-fs-fake{border-radius:0}.rug3d.is-fs-fake{position:fixed;inset:0;z-index:9999;inline-size:100vw;block-size:100dvh;aspect-ratio:auto}.rug3d.is-fs .rug3d__stage,.rug3d.is-fs-fake .rug3d__stage{position:absolute;inset:0;aspect-ratio:auto}.rug3d.is-fs.has-room,.rug3d.is-fs-fake.has-room{grid-template-rows:1fr auto}.rug3d.is-fs{inline-size:100%;block-size:100%;aspect-ratio:auto}.rug3d__activate{position:absolute;inset-block-end:1rem;inset-inline-start:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:999px;border:1px solid rgb(255 255 255 / .25);background:#140f0bb3;color:#fbf6ec;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:inherit;font-weight:600;cursor:pointer;z-index:2}:dir(rtl) .rug3d__activate,[dir=rtl] .rug3d__activate{transform:translate(50%)}.rug3d__activate:hover{background:var(--rug3d-accent);color:#1b130c}.rug3d__live,.rug3d__help{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rug3d__panel{display:grid;gap:.85rem;padding:1rem 1.1rem 1.1rem;background:#f4efe6;border-block-start:1px solid rgb(42 33 27 / .1);font-size:.9rem}.rug3d__row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem}.rug3d__row--size{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem}.rug3d__row label,.rug3d__cap{font-weight:600;min-inline-size:5.5rem}.rug3d__out{font-variant-numeric:tabular-nums;font-weight:700;min-inline-size:7.5ch;text-align:end}.rug3d__panel input[type=range]{inline-size:100%;accent-color:#b24a2e;block-size:2rem}.rug3d__seg{display:inline-flex;border:1px solid rgb(42 33 27 / .22);border-radius:999px;overflow:hidden}.rug3d__seg button,.rug3d__toggle{padding:.5rem .95rem;min-block-size:2.5rem;background:transparent;border:0;font:inherit;cursor:pointer;color:inherit}.rug3d__seg button+button{border-inline-start:1px solid rgb(42 33 27 / .15)}.rug3d__seg button[aria-pressed=true],.rug3d__toggle[aria-pressed=true]{background:#2a211b;color:#fbf6ec}.rug3d__toggle{border:1px solid rgb(42 33 27 / .22);border-radius:999px}.rug3d__swatches{display:inline-flex;gap:.5rem}.rug3d__sw{inline-size:2.5rem;block-size:2.5rem;border-radius:999px;border:2px solid transparent;box-shadow:0 0 0 1px #2a211b40;cursor:pointer}.rug3d__sw[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px #2a211b}.rug3d__sw--oak{background:#b9895b}.rug3d__sw--walnut{background:#5e4130}.rug3d__sw--stone{background:#9a968f}.rug3d__sw--marble{background:#ddd6c8}.rug3d__note{margin:0;font-size:.78rem;opacity:.7}@media(max-width:640px){.rug3d__row--size{grid-template-columns:1fr auto}.rug3d__row--size label{grid-column:1 / -1}}.rug3d__out,.rug3d__tag{direction:ltr;unicode-bidi:isolate}.rug3d__tag{position:absolute;inset:0 auto auto 0;pointer-events:none;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap;background:#2a211bd1;color:#fbf6ec;font-variant-numeric:tabular-nums;will-change:transform}.rug3d__tag--human{background:#fffc;color:#2a211b}@media(prefers-reduced-motion:reduce){.rug3d__poster,.rug3d__stage,.rug3d__hint{transition:none}}.rug3d[data-mode=wave]{--rug3d-aspect: auto;position:absolute;inset:0;aspect-ratio:auto;background:transparent;border-radius:0;pointer-events:none;contain:layout paint}.rug3d[data-mode=wave] .rug3d__poster{display:grid;place-items:center;transition:opacity .8s ease}.rug3d[data-mode=wave] .rug3d__poster img{inline-size:min(78%,46rem);block-size:auto;max-block-size:80%;-o-object-fit:contain;object-fit:contain;padding:0;filter:none;transform:perspective(900px) rotateX(24deg) rotate(-6deg);transform-origin:50% 60%}.rug3d[data-mode=wave] .rug3d__wave{position:absolute;inset:0;inline-size:100%;block-size:100%;opacity:0;transition:opacity .9s ease}.rug3d[data-mode=wave].is-ready .rug3d__wave{opacity:1}.rug3d[data-mode=wave].is-ready .rug3d__poster{opacity:0}@keyframes rug3d-sway{0%,to{transform:perspective(900px) rotateX(24deg) rotate(-6deg) translateY(0)}50%{transform:perspective(900px) rotateX(20deg) rotate(-3deg) translateY(-14px)}}.rug3d[data-mode=wave][data-state=fallback] .rug3d__poster img,.rug3d[data-mode=wave][data-state=poster] .rug3d__poster img{animation:rug3d-sway 7s ease-in-out infinite;will-change:transform}@media(prefers-reduced-motion:reduce){.rug3d[data-mode=wave] .rug3d__poster img{animation:none!important}}