.lld-demo{--lld-body:#bc8062;--lld-highlight:#dca788;--lld-side:#a86f55;--lld-top:#cb9475;--lld-wall:#e0d8c5;isolation:isolate;color:#293e34;background:#eeede3;border:1px solid #ded9cb;border-radius:18px;margin:0;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 18px 45px -25px #263e3433}.lld-demo[data-finish=sage]{--lld-body:#607c69;--lld-highlight:#8fa58d;--lld-side:#486551;--lld-top:#7b957c;--lld-wall:#d8dfce}.lld-demo[data-finish=oat]{--lld-body:#b7a489;--lld-highlight:#e2d0b4;--lld-side:#9f8b70;--lld-top:#cbb798;--lld-wall:#e5dccb}.lld-topline{background:#faf8f0;border-bottom:1px solid #ded9cb;align-items:center;gap:12px;height:38px;padding:0 17px;display:flex}.lld-demo-label{letter-spacing:1.15px;white-space:nowrap;align-items:center;gap:7px;font-size:8px;font-weight:700;line-height:1;display:flex}.lld-demo-label>span{background:#77916e;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #77916e18}.lld-topline-tools{color:#827a6d;align-items:center;gap:4px;margin-left:auto;font-size:9px;display:flex}.lld-topline-tools>span{border-radius:5px;padding:5px 9px}.lld-topline-tools>.is-active{color:#38483b;background:#e9e4d7}.lld-live-mark{color:#8b8779;font-size:15px;line-height:1}.lld-stage{aspect-ratio:1.94;background:radial-gradient(at 61% 40%,#faf8ed 0%,#eeede3 71%);position:relative;overflow:hidden}.lld-room{width:100%;height:100%;display:block;overflow:visible}.lld-room text{font-family:inherit}.lld-scene-note{color:#8c8677;letter-spacing:.1px;font-size:8px;position:absolute;bottom:9px;left:16px}.lld-wall,.lld-sofa-body,.lld-sofa-top,.lld-sofa-highlight,.lld-sofa-side{transition:fill 1s cubic-bezier(.22,1,.36,1)}.lld-wall{fill:var(--lld-wall)}.lld-sofa-body{fill:var(--lld-body)}.lld-sofa-top{fill:var(--lld-top)}.lld-sofa-highlight{fill:var(--lld-highlight)}.lld-sofa-side{fill:var(--lld-side)}.lld-placed-sofa{transform-origin:330px 210px;opacity:1;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),opacity .45s;transform:translate(0)scale(1)}.lld-demo[data-step="0"] .lld-placed-sofa{opacity:0;transform:translate(-160px,-23px)scale(.42)}.lld-demo-cursor{filter:drop-shadow(0 2px 3px #293e3420);transition:transform 1.35s cubic-bezier(.22,1,.36,1);transform:translate(105px,164px)}.lld-demo[data-step="1"] .lld-demo-cursor{transform:translate(327px,211px)}.lld-demo[data-step="2"] .lld-demo-cursor{opacity:0;transition:transform .8s,opacity .4s;transform:translate(398px,153px)}.lld-click-ring{opacity:0;transform-origin:2px 3px;animation:3.6s ease-out infinite paused lld-click}.lld-demo[data-playing=true] .lld-click-ring{animation-play-state:running}.lld-tray-picked{stroke:#b5a290;stroke-width:1px;transition:stroke .4s,stroke-width .4s}.lld-demo[data-step="0"] .lld-tray-picked{stroke:#806294;stroke-width:2px}.lld-selection-outline{opacity:0;transition:opacity .35s}.lld-demo[data-step="1"] .lld-selection-outline{opacity:.8}.lld-place-badge{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(5px)}.lld-demo[data-step="2"] .lld-place-badge{opacity:1;transform:translateY(0)}.lld-caption{background:#faf8f0;border-top:1px solid #ded9cb;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px 12px;display:flex}.lld-caption-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.lld-caption-copy strong{letter-spacing:-.15px;font-size:13px;font-weight:650;line-height:1.25}.lld-caption-copy>span{color:#817969;font-size:10px;line-height:1.4}.lld-finish-picks{flex-shrink:0;align-items:center;gap:6px;display:flex}.lld-finish{cursor:pointer;border:0;border-radius:50%;width:23px;height:23px;padding:0;transition:transform .2s;display:block;position:relative;box-shadow:inset 0 0 0 1px #0000000d}.lld-finish-clay{background:#c98466}.lld-finish-sage{background:#718b73}.lld-finish-oat{background:#d8c5a7}.lld-finish[aria-pressed=true]:after{content:"";border:1.5px solid #664684;border-radius:50%;position:absolute;inset:-4px}.lld-finish:hover{transform:translateY(-2px)}.lld-controls{background:#faf8f0;align-items:center;gap:10px;padding:0 13px 10px 17px;display:flex}.lld-steps{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.lld-steps>button{color:#8a8172;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #ddd7c8;border-radius:0;flex:1;align-items:center;gap:5px;padding:6px 0 8px;font-family:inherit;font-size:9px;line-height:1.1;display:flex;position:relative;overflow:hidden}.lld-steps>button>span:first-child{opacity:.65;font-size:8px}.lld-steps>button[aria-pressed=true]{color:#4e365f;font-weight:650}.lld-step-progress{transform-origin:0;pointer-events:none;background:#806294;height:2px;animation:3.6s linear forwards lld-progress;position:absolute;bottom:0;left:0;right:0}.lld-demo[data-playing=false] .lld-step-progress{animation:none;transform:scaleX(1)}.lld-playback{gap:3px;display:flex}.lld-playback>button{color:#5e5267;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:6px;display:grid}.lld-playback>button:hover{background:#eee8df}.lld-playback>button:disabled{cursor:default;opacity:.4}.lld-playback svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.lld-demo button:focus-visible{outline-offset:4px;outline:2px solid #664684}.lld-demo .lld-finish:focus-visible{outline-offset:6px}@keyframes lld-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lld-click{0%,14%,to{opacity:0;transform:scale(.45)}20%{opacity:.65}36%{opacity:0;transform:scale(1.45)}}@media (min-width:700px){.lld-demo{border-radius:22px}.lld-caption-copy strong{font-size:14px}.lld-caption-copy>span{font-size:11px}.lld-demo-label{font-size:8.5px}.lld-finish{width:25px;height:25px}.lld-steps>button{font-size:10px}}@media (max-width:380px){.lld-topline{gap:7px;padding-inline:12px}.lld-topline-tools{gap:1px;font-size:8px}.lld-topline-tools>span{padding:5px 6px}.lld-demo-label{letter-spacing:.7px;font-size:7px}.lld-live-mark{display:none}.lld-caption{padding-inline:12px}.lld-caption-copy strong{font-size:12px}.lld-caption-copy>span{font-size:9px}.lld-finish{width:20px;height:20px}.lld-finish-picks{gap:5px}.lld-controls{padding-left:12px}.lld-steps{gap:7px}.lld-steps>button{gap:3px;font-size:9px}.lld-scene-note{font-size:7px;left:12px}}@media (prefers-reduced-motion:reduce){.lld-demo *{transition:none!important;animation:none!important}.lld-step-progress{transform:scaleX(1)}.lld-click-ring{display:none}}
