.vn-sd{--sd-line:#6ca2c742;--sd-glass:#ffffff80;--sd-blue:#287dbd}.sd-intro{max-width:850px}.sd-demo{background:var(--sd-glass);border:1px solid var(--sd-line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:28px;margin-top:45px;padding:12px;box-shadow:0 25px 60px #2b62831a}.sd-controls{align-items:center;gap:24px;padding:25px 14px;display:flex}.sd-open{background:var(--sd-blue);color:#fff;box-shadow:0 9px 25px #287dbd25}.sd-auto{border:1px solid var(--sd-line);color:var(--bed-ink);background:var(--sd-glass)}.sd-demo-footer{justify-content:space-between;align-items:center;gap:25px;padding:0 14px 20px;display:flex}.sd-benefit-list details{border-bottom:1px solid var(--sd-line)}.sd-benefit-list details[open] p{animation:.4s sd-in}.sd-applications{max-width:900px;margin-top:100px}.sd-place-row{flex-wrap:wrap;gap:18px;margin-top:30px;display:flex}.sd-final{border:1px solid var(--sd-line);background:radial-gradient(ellipse at 90% 0,#88caf644,transparent 65%),var(--sd-glass);border-radius:28px;margin-top:90px;padding:45px}.sd-source{margin-top:28px!important;font-size:11px!important}[data-vn-theme=night] .vn-sd{--sd-line:#92c3e13d;--sd-glass:#24445e3d;--sd-blue:#307caf}@media (width<=900px){.sd-controls{flex-wrap:wrap}.sd-controls label{min-width:220px}}@media (width<=650px){.sd-demo{margin-top:30px;padding:7px}.sd-controls{gap:16px;padding:20px 10px}.sd-controls label{order:3;min-width:100%}.sd-demo-footer{flex-direction:column;align-items:stretch;gap:12px;padding:0 12px 22px}.sd-uses,.sd-benefits,.sd-applications{margin-top:65px}.sd-final{margin-top:65px;padding:30px 22px}.sd-benefit-list summary{font-size:19px}.sd-place-row{gap:10px}}@media (prefers-reduced-motion:reduce){.vn-sd *{transition:none!important;animation:none!important}}.sd-room-stage{aspect-ratio:3/2;isolation:isolate;background:#d5d9db;border-radius:22px;position:relative;overflow:hidden}.sd-room-bg{object-fit:fill;width:100%;height:100%;display:block}.sd-room-label{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#31495c;background:#ffffffb8;border:1px solid #ffffffb3;border-radius:30px;padding:10px 16px;font-size:clamp(10px,1.4vw,15px);position:absolute;bottom:4%;left:4%}.sd-system-title{margin:30px 0 10px;font-size:clamp(22px,3vw,32px)}.sd-system-note{opacity:.75;max-width:820px;margin:0 0 22px;line-height:1.7}.sd-uses .sd-use-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fff9,#d8ebfa40);border:1px solid #aacbe047;border-radius:26px;padding:0;overflow:hidden}.sd-use-photos{aspect-ratio:3/2;background:linear-gradient(120deg,#e6e8e9,#cdd4d7);position:relative;overflow:hidden}.sd-use-copy{padding:24px 28px;animation:.45s both sd-copy-in}html[data-vn-theme=night] .sd-room-label{color:#e6f6ff;background:#102538c9;border-color:#a9dfff30}@media (width<=650px){.sd-room-stage{border-radius:16px}.sd-room-label{padding:6px 10px}.sd-use-copy{padding:20px}.sd-use-photos{aspect-ratio:4/3}.sd-system-note{font-size:13px}}@media (prefers-reduced-motion:reduce){.sd-use-copy{animation:none}}@media (width<=760px){html body .sd-use-photos img{object-fit:cover}html body .sd-room-leaf>img{object-fit:contain}html body .sd-demo :is(.sd-system-title,.sd-system-note){margin-left:12px;margin-right:12px}}