.ds-page .ds-mk-lens{flex-direction:column;gap:16px;display:flex}.ds-page .ds-mk-lens-pane{flex-direction:column;gap:14px;display:flex}.ds-page .ds-mk-lens-bar{border:1px solid var(--line-2);background:var(--night-raised);border-radius:18px;flex-wrap:wrap;gap:6px;padding:6px;display:flex;position:relative;overflow:hidden}.ds-page .ds-mk-lens-bar .all{z-index:1;background:var(--blue);color:var(--t1);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:transform .6s var(--ease);border-radius:12px;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:6px;transform:translateY(calc(-100% - 12px))}.ds-page .ds-mk-lens-bar .seg{min-height:48px;color:var(--t1);text-align:center;transition:transform .6s var(--spring) calc(.25s + var(--i,0) * 90ms);background:#6e8bff24;border:1px solid #6e8bff59;border-radius:12px;flex:110px;justify-content:center;align-items:center;padding:6px 10px;font-size:14px;font-weight:600;line-height:1.2;display:flex}.ds-page .ds-mk-lens-bar .seg.first{background:#ff7a4524;border-color:#ff7a4580}.ds-page .ds-mk-lens.pre .ds-mk-lens-bar .all{transform:none}.ds-page .ds-mk-lens.pre .ds-mk-lens-bar .seg{transform:translateY(calc(100% + 14px))}.ds-page .ds-mk-lens-bar.anim .all{animation:dsMkLensAll .8s var(--ease) both}.ds-page .ds-mk-lens-bar.anim .seg{animation:dsMkLensSeg .6s var(--spring) both;animation-delay:calc(.3s + var(--i,0) * 90ms)}@keyframes dsMkLensAll{0%,30%{transform:none}to{transform:translateY(calc(-100% - 12px))}}@keyframes dsMkLensSeg{0%{transform:translateY(calc(100% + 14px))}to{transform:none}}.ds-page .ds-mk-lens-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ds-page .ds-mk-lens-list li{border:1px solid var(--line);min-width:0;color:var(--t2);border-radius:14px;flex-direction:column;flex:220px;gap:4px;padding:12px 14px;font-size:14.5px;line-height:1.4;display:flex}.ds-page .ds-mk-lens-list b{color:var(--t1);font-size:15px}.ds-page .ds-mk-lens-list .kv .ds-src{margin-right:6px}.ds-page .ds-mk-lens-note{margin:0}@media (prefers-reduced-motion:reduce){.ds-page .ds-mk-lens-bar .all,.ds-page .ds-mk-lens-bar .seg{transition:none;animation:none!important}.ds-page .ds-mk-lens.pre .ds-mk-lens-bar .all{transform:translateY(calc(-100% - 12px))}.ds-page .ds-mk-lens.pre .ds-mk-lens-bar .seg{transform:none}}