.dmk-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0;max-width:100%}.dmk-phone{position:relative;width:300px;max-width:88vw;height:min(640px,calc(100vh - 260px));min-height:360px;border-radius:54px;padding:12px;background:linear-gradient(155deg,#3a3d44,#1c1d21 28%,#0a0a0c 55%,#232428 78%,#4a4d54);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 2px 4px rgba(255,255,255,.15),0 40px 90px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.35);flex-shrink:0}.dmk-phone:before{content:"";position:absolute;inset:4px;border-radius:50px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.dmk-phone__island{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:96px;height:28px;background:#000;border-radius:20px;z-index:3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.dmk-phone__buttons{position:absolute;inset:0;pointer-events:none}.dmk-phone__buttons:after,.dmk-phone__buttons:before{content:"";position:absolute;right:-2px;width:3px;background:#101114;border-radius:2px;box-shadow:inset -1px 0 0 rgba(255,255,255,.06)}.dmk-phone__buttons:before{top:118px;height:64px}.dmk-phone__buttons:after{top:196px;height:96px}.dmk-phone__viewport{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;border-radius:42px;background:#fff;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;box-shadow:0 0 0 1px rgba(0,0,0,.4)}.dmk-phone__viewport::-webkit-scrollbar{display:none}.dmk-phone__viewport img{display:block;width:100%;height:auto}.dmk-phone__safe-area{height:46px;flex-shrink:0}.dmk-flat{width:min(420px,90vw);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(20,20,40,.06),0 30px 70px rgba(0,0,0,.16)}.dmk-flat img{display:block;width:100%;height:auto}.dmk-desktop{position:relative;width:100%;max-width:640px;min-width:0;border-radius:16px;overflow:hidden;background:#1b1c20;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 40px 90px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.3)}.dmk-desktop__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;min-width:0;background:linear-gradient(#2b2c31,#232428);border-bottom:1px solid rgba(255,255,255,.06)}.dmk-desktop__dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.dmk-desktop__dot--r{background:#ff5f57}.dmk-desktop__dot--y{background:#febc2e}.dmk-desktop__dot--g{background:#28c840}.dmk-desktop__url{margin:0 auto;padding:4px 14px;border-radius:7px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.55);font-size:.78rem;font-weight:600;min-width:0;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.dmk-desktop__viewport{position:relative;width:100%;height:min(520px,calc(100vh - 320px));min-height:280px;overflow-y:auto;overflow-x:hidden;background:#fff;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain}.dmk-desktop__viewport::-webkit-scrollbar{display:none}.dmk-desktop__viewport img{display:block;width:100%;height:auto}.dmk-dots{display:flex;gap:8px;align-items:center}.dmk-dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(120,110,255,.25);transition:background .15s ease,transform .15s ease}.dmk-dot.is-active{background:#6d5bff;transform:scale(1.25)}.dmk-dot:hover{background:rgba(109,91,255,.55)}@media(max-width:480px){.dmk-phone{width:260px}.dmk-desktop{width:94vw}.dmk-desktop__viewport{height:min(400px,calc(100vh - 300px))}}.dmk-wrap--compact.dmk-wrap--phone .dmk-phone{width:100%;max-width:220px;height:340px;min-height:0;border-radius:38px;padding:8px}.dmk-wrap--compact.dmk-wrap--phone .dmk-phone__island{width:66px;height:19px;top:16px}.dmk-wrap--compact.dmk-wrap--phone .dmk-phone__viewport{border-radius:30px}.dmk-wrap--compact.dmk-wrap--phone .dmk-phone__safe-area{height:32px}.dmk-wrap--compact.dmk-wrap--phone .dmk-phone__buttons:before{top:70px;height:38px}.dmk-wrap--compact.dmk-wrap--phone .dmk-phone__buttons:after{top:118px;height:56px}.dmk-wrap--compact.dmk-wrap--desktop .dmk-desktop{max-width:100%}.dmk-wrap--compact.dmk-wrap--desktop .dmk-desktop__viewport{height:200px;min-height:0}.dmk-wrap--compact.dmk-wrap--desktop .dmk-desktop__bar{padding:9px 12px}.dmk-wrap--compact.dmk-wrap--desktop .dmk-desktop__dot{width:9px;height:9px}.dmk-wrap--compact.dmk-wrap--flat .dmk-flat{width:100%;max-width:260px}