.DeviceShell_device__UlIB8{--panel-1:#0f1218;--panel-2:#161a22;--panel-3:#1d222b;--edge:#0a0d12;--glow:rgba(255,255,255,0.06);--dot:rgba(255,255,255,0.35);--dot-dim:rgba(255,255,255,0.18);width:clamp(250px,25cqw,480px);max-width:min(35cqw,80vw);height:auto;max-height:calc(80dvh - var(--nav-h, 64px) - 48px);aspect-ratio:3/4.6;position:relative;border-radius:28px;background:linear-gradient(180deg,var(--panel-2),var(--panel-1) 60%,var(--panel-2));box-shadow:0 40px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(0,0,0,.6);padding:clamp(10px,2cqw,18px);display:flex}@media (max-width:768px){.DeviceShell_device__UlIB8{width:250px;max-width:250px;min-height:350px;max-height:350px;height:350px;box-shadow:0 10px 15px rgba(0,0,0,.25),inset 0 2px 3px rgba(255,255,255,.06),inset 0 -6px 14px rgba(0,0,0,.7)}}.DeviceShell_device__UlIB8:after{content:"";position:absolute;inset:-8px;border-radius:34px;background:linear-gradient(180deg,#1a1f28,#0c0f14 60%,#151924);z-index:-1;box-shadow:0 18px 30px rgba(0,0,0,.45),inset 0 2px 3px rgba(255,255,255,.06),inset 0 -6px 14px rgba(0,0,0,.7)}@media (max-width:768px){.DeviceShell_device__UlIB8:after{box-shadow:0 10px 15px rgba(0,0,0,.25),inset 0 2px 3px rgba(255,255,255,.06),inset 0 -6px 14px rgba(0,0,0,.7)}}.DeviceShell_device__UlIB8:before{content:"";position:absolute;left:-10px;top:14%;width:10px;height:72%;border-radius:8px 0 0 8px;background:linear-gradient(180deg,#20242c,#0e1117);box-shadow:inset -1px 0 1px rgba(255,255,255,.06),inset 1px 0 1px rgba(0,0,0,.6)}@media (max-width:768px){.DeviceShell_device__UlIB8:before{box-shadow:inset -1px 0 1px rgba(255,255,255,.06),inset 1px 0 1px rgba(0,0,0,.6)}}.DeviceShell_sideDots__FNGl8{position:absolute;left:8px;top:37%;display:grid;gap:10px}.DeviceShell_sideDots__FNGl8 i{width:6px;height:6px;border-radius:50%;background:linear-gradient(180deg,#cfd4df,#8b92a1);opacity:.55;box-shadow:0 0 0 1px rgba(0,0,0,.35)}@media (max-width:768px){.DeviceShell_sideDots__FNGl8{display:none}}.DeviceShell_screen__4U5Dw{--bezel-padding:12px;height:80%;width:100%;margin:auto;border-radius:22px;background:radial-gradient(120% 120% at 70% 80%,rgba(255,255,255,.06),transparent 60%),linear-gradient(180deg,#11151c,#0e1219 55%,#131823);box-shadow:inset 0 2px 6px rgba(255,255,255,.08),inset 0 -10px 18px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.03);padding:var(--bezel-padding);border:1px solid rgba(255,255,255,.04);position:relative;box-sizing:border-box}.DeviceShell_screen__4U5Dw:after{content:"";position:absolute;inset:10px;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9),inset 0 12px 28px rgba(255,255,255,.04),inset 0 -12px 30px rgba(0,0,0,.75);pointer-events:none}@media (max-width:360px){.DeviceShell_device__UlIB8{border-radius:22px}.DeviceShell_screen__4U5Dw{border-radius:18px}}.MatrixCanvas_matrixCanvas__YRTvp{width:100%;height:100%;background:transparent;display:block;position:absolute;top:var(--bezel-padding);left:var(--bezel-padding);right:var(--bezel-padding);bottom:var(--bezel-padding);pointer-events:none}