.ds-page .ds-mk-pmock{flex-direction:column;gap:16px;width:100%;margin:0;display:flex}.ds-page .ds-mk-pmock-row{flex-wrap:wrap;align-items:flex-start;gap:clamp(20px,3vw,32px);display:flex}.ds-page .ds-mk-pmock-phone{background:var(--night-raised);border:1px solid var(--line-2);border-radius:30px;flex:0 260px;width:100%;max-width:280px;margin:0 auto;padding:10px;box-shadow:0 30px 60px #00000073}.ds-page .ds-mk-pmock-bar{align-items:center;gap:5px;padding:6px 8px 10px;display:flex}.ds-page .ds-mk-pmock-bar i{background:#ffffff29;border-radius:50%;flex:none;width:7px;height:7px}.ds-page .ds-mk-pmock-bar span{min-width:0;font-family:var(--mono);color:var(--t4);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;border-radius:999px;flex:auto;margin-left:6px;padding:4px 10px;font-size:10px;overflow:hidden}.ds-page .ds-mk-pmock-screen{aspect-ratio:9/16;background:linear-gradient(#0f0f1a,#0a0a12);border-radius:22px;width:100%;position:relative;overflow:hidden}.ds-page .ds-mk-pmock-screen .sk{background:#ffffff14;border-radius:6px;height:2.4%;position:absolute}.ds-page .ds-mk-pmock-screen .sk.big{background:#ffffff24;height:4%}.ds-page .ds-mk-pmock-screen .sk.btn{background:#ff7a4580;border-radius:999px;height:5.5%}.ds-page .ds-mk-pmock-screen .sk.card{background:#ffffff0f;border-radius:10px;height:13%}.ds-page .ds-mk-pmock-screen .sk.field{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;height:8%}.ds-page .ds-mk-pmock-screen .zone{cursor:pointer;transition:background .3s, border-color .3s, transform .6s var(--ease), clip-path .6s var(--ease);background:#1f44ff0f;border:1.5px dashed #6e8bff80;border-radius:10px;position:absolute}.ds-page .ds-mk-pmock-screen .zone b{background:var(--night-raised);border:1px solid var(--blue-soft);width:22px;height:22px;font-family:var(--mono);color:var(--t1);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex;position:absolute;top:-9px;left:-9px}.ds-page .ds-mk-pmock-screen .zone.on{border-style:solid;border-color:var(--blue-soft);background:#1f44ff38}.ds-page .ds-mk-pmock-screen .zone.on b{background:var(--blue);border-color:var(--blue)}.ds-page .ds-mk-pmock-list{flex-direction:column;flex:280px;gap:10px;min-width:0;display:flex}.ds-page .ds-mk-pmock-list ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ds-page .ds-mk-pmock-list li{border-bottom:1px solid var(--line)}.ds-page .ds-mk-pmock-list button{width:100%;min-height:48px;color:var(--t3);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:8px 0;font-size:16px;font-weight:600;display:flex}.ds-page .ds-mk-pmock-list button:hover{color:var(--t1)}.ds-page .ds-mk-pmock-list .n{border:1px solid var(--line-2);width:28px;height:28px;font-family:var(--mono);color:var(--t3);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:background .3s,border-color .3s,color .3s;display:flex}.ds-page .ds-mk-pmock-list li.on button{color:var(--t1)}.ds-page .ds-mk-pmock-list li.on .n{background:var(--blue);border-color:var(--blue);color:var(--t1)}.ds-page .ds-mk-pmock-list .note{color:var(--t3);margin:0 0 14px 40px;font-size:15px;line-height:1.6}@media (prefers-reduced-motion:no-preference){.ds-page .ds-mk-pmock.is-wait .zone{clip-path:inset(0 100% 0 0 round 10px);transform:scale(.92)}.ds-page .ds-mk-pmock.is-go .zone{transition-delay:0s, 0s, calc(var(--i) * .12s), calc(var(--i) * .12s)}.ds-page .ds-mk-pmock .zone.on{animation:2.4s ease-in-out infinite ds-mk-pmock-pulse}.ds-page .ds-mk-pmock-list .note:not([hidden]){animation:ds-mk-pmock-in .4s var(--ease)}}@keyframes ds-mk-pmock-pulse{0%,to{box-shadow:0 0 #1f44ff00}50%{box-shadow:0 0 0 6px #1f44ff40}}@keyframes ds-mk-pmock-in{0%{transform:translateY(6px)}to{transform:none}}