.dzb-stage{padding:1rem .75rem .85rem}.dzb-stage[data-device=mobile]{background:radial-gradient(60% 70% at 50% 45%,#d4af6a12,#0000 70%);justify-content:center;display:flex}.dzb-frame{border:1px solid var(--color-line);background:#0c0c0c;border-radius:1rem;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000}.dzb-frame[data-device=desktop] .dzb-viewport{aspect-ratio:16/10}.dzb-frame[data-device=mobile]{aspect-ratio:390/780;outline:1px solid var(--color-line);background:#000;border:7px solid #1b1b1b;border-radius:2.4rem;width:min(17rem,100%);padding-top:1.75rem}@media (max-width:640px){.dzb-frame[data-device=mobile]{width:min(15rem,100%)}}.dzb-frame .dzb-viewport,.dzb-frame[data-tall] .dzb-viewport{flex:1;min-height:0}.dzb-frame[data-tall] .dzb-viewport{aspect-ratio:auto}.dzb-viewport{contain:strict;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;overflow-y:auto}.dzb-frame[data-device=mobile] .dzb-viewport{scrollbar-width:none}.dzb-island{z-index:2;background:#1b1b1b;border-radius:9999px;width:30%;height:1rem;position:absolute;top:.4rem;left:50%;translate:-50%}.dzb-chrome{border-bottom:1px solid var(--color-line);background:#121212;flex:none;align-items:center;gap:.75rem;height:2.25rem;padding-inline:.8rem;display:flex}.dzb-lights{gap:.32rem;display:flex}.dzb-lights i{background:#ffffff24;border-radius:9999px;width:.55rem;height:.55rem}.dzb-url{max-width:18rem;height:1.5rem;color:var(--color-mute);white-space:nowrap;background:#ffffff0d;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.4rem;margin-inline:auto;padding-inline:.75rem;font-size:.72rem;display:flex}.dzb-chrome:after{content:"";width:2.3rem}.dzb-segment{border:1px solid var(--color-line);background:#0000004d;border-radius:9999px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid;position:relative}.dzb-thumb{top:3px;bottom:3px;background:var(--color-bone);width:calc(33.3333% - 2px);translate:calc(var(--i) * 100%) 0;transition:translate .5s var(--ease-out-expo);border-radius:9999px;position:absolute;inset-inline-start:3px}[dir=rtl] .dzb-thumb{translate:calc(var(--i) * -100%) 0}.dzb-option{z-index:1;white-space:nowrap;color:#ede9e3b3;height:2rem;padding-inline:.85rem;font-size:.75rem;transition:color .3s;position:relative}.dzb-option:hover{color:var(--color-bone)}.dzb-option[aria-checked=true]{color:var(--color-ink);font-weight:500}.dzb-swatch{background:var(--c);outline-offset:2.5px;width:1.35rem;height:1.35rem;transition:outline-color .3s, scale .35s var(--ease-out-expo);border-radius:9999px;outline:1.5px solid #0000;flex:none;box-shadow:inset 0 0 0 1px #ffffff24}.dzb-swatch:hover{scale:1.12}.dzb-swatch[aria-checked=true]{outline-color:var(--c)}.dzb-devices{border:1px solid var(--color-line);border-radius:9999px;padding:3px;display:flex}.dzb-device{color:#ede9e38c;border-radius:9999px;place-items:center;width:1.9rem;height:1.9rem;transition:background-color .3s,color .3s;display:grid}.dzb-device:hover{color:var(--color-bone)}.dzb-device[aria-checked=true]{color:var(--color-bone);background:#ede9e31f}.dzb-full{z-index:100;contain:strict;animation:dzb-full-in .6s var(--ease-out-expo) both;background:#070707;outline:none;flex-direction:column;display:flex;position:fixed;inset:0}.dzb-full[data-closing]{animation:dzb-full-out .3s var(--ease-out-quart) both}@keyframes dzb-full-in{0%{opacity:0;transform:scale(.97)}}@keyframes dzb-full-out{to{opacity:0;transform:scale(.98)}}.dzb-full-stage{flex:1;justify-content:center;min-height:0;padding:.75rem .75rem 5.25rem;display:flex}.dzb-full-stage[data-device=desktop] .dzb-frame{border-radius:.9rem;width:100%;height:100%}.dzb-full-stage[data-device=mobile]{align-items:center}.dzb-full-stage[data-device=mobile] .dzb-frame{aspect-ratio:390/844;width:min(390px,46.2085svh - 3.69668rem,100%)}.dzb-dock{bottom:max(1rem, env(safe-area-inset-bottom));border:1px solid var(--color-line);background:#121212f0;border-radius:1.6rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem .9rem;max-width:calc(100vw - 1.5rem);padding:.4rem .45rem .4rem .6rem;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:0 20px 50px -20px #000}@media (max-width:640px){.dzb-full-stage{padding-bottom:8.5rem}.dzb-dock{width:calc(100vw - 1.5rem);padding:.55rem}}@media (prefers-reduced-motion:reduce){.dzb-full,.dzb-full[data-closing]{animation-name:dzb-fade}@keyframes dzb-fade{0%{opacity:0}}}.dzb-live{background:var(--color-gold);border-radius:9999px;flex:none;width:.45rem;height:.45rem;animation:1.4s ease-out infinite dzb-live;box-shadow:0 0 #d4af6a99}@keyframes dzb-live{70%{box-shadow:0 0 0 .45rem #d4af6a00}to{box-shadow:0 0 #d4af6a00}}.blk-card[data-building] :is(.dzb-segment,.dzb-swatch,.dzb-devices,.blk-btn,.blk-round){pointer-events:none;opacity:.55}