.mk-sel-target{display:inline-block;position:relative}.mk-sel{border:3px solid var(--mark);pointer-events:none;border-radius:.07em;width:calc(100% + .22em);height:.98em;position:absolute;top:.03em;left:-.12em}.mk-sel__badge{aspect-ratio:1;background:var(--mark);color:#fff;width:clamp(1.7rem,2.6vw,2.3rem);font-family:var(--f-display);letter-spacing:0;border-radius:50%;place-items:center;font-size:clamp(.9rem,1.3vw,1.15rem);font-weight:800;line-height:1;display:grid;position:absolute;top:-1.05rem;left:-1.05rem;box-shadow:0 2px #00000024}.mk-sel__dim,.mk-sel__size,.mk-sel__cross,.mk-sel__loupe{display:none}@media (width<=639px){.mk-sel__badge{top:-.95rem;left:-.7rem}}@media (prefers-reduced-motion:no-preference){.mk-sel__dim,.mk-sel__size,.mk-sel__cross,.mk-sel__loupe{display:block}.mk-sel{animation:1s cubic-bezier(.25,.8,.25,1) .55s both mk-draw,.3s ease-out 1.75s both mk-commit}.mk-sel__dim{animation:2.05s both mk-dim;position:absolute;inset:-3px;box-shadow:0 0 0 1px #00000059,0 0 0 200vmax #090b166b}.mk-sel__size,.mk-sel__cross,.mk-sel__loupe{animation:2.05s linear both mk-readout}.mk-sel__badge{animation:.45s cubic-bezier(.3,1.7,.5,1) 1.95s both mk-pop}.mk-sel__size{color:#fff;font-family:var(--f-mono);letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums;background:#090b16db;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:500;line-height:1.5;position:absolute;top:calc(100% + 10px);left:-3px}.mk-sel__cross{width:0;height:0;position:absolute;bottom:-2px;right:-2px}.mk-sel__cross:before,.mk-sel__cross:after{content:"";background:#fff;position:absolute;box-shadow:0 0 0 1px #00000080}.mk-sel__cross:before{width:28px;height:1px;top:-.5px;left:-14px}.mk-sel__cross:after{width:1px;height:28px;top:-14px;left:-.5px}.mk-sel__loupe{aspect-ratio:1;background:linear-gradient(90deg, #ffffff29 1px, transparent 1px) 0 0 / 10px 10px, linear-gradient(#ffffff29 1px, transparent 1px) 0 0 / 10px 10px, linear-gradient(90deg, transparent 49%, var(--mark) 49% 51%, transparent 51%), linear-gradient(transparent 49%, var(--mark) 49% 51%, transparent 51%), linear-gradient(135deg, #0e1121 0 48%, #f4f5f8 48%);border:3px solid #fff;border-radius:50%;width:clamp(64px,8vw,104px);position:absolute;top:calc(100% + 14px);left:calc(100% + 14px);box-shadow:0 0 0 1px #0000004d,0 10px 30px #00000059}}@keyframes mk-draw{0%{width:0;height:0}}@keyframes mk-commit{0%{border-width:1px;border-color:#fff;border-radius:0}}@keyframes mk-dim{0%{opacity:0}18%{opacity:1}84%{opacity:1}to{opacity:0}}@keyframes mk-readout{0%,24%{opacity:0}30%,84%{opacity:1}92%,to{opacity:0}}@keyframes mk-pop{0%{transform:scale(0)}}.mk-keys{gap:40px;display:grid}@media (width>=1000px){.mk-keys{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:56px}}.mk-keys__label{font:500 .72rem var(--f-mono);color:var(--ink-3);margin:0 0 16px}.mk-keys__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.mk-key{border-radius:12px;align-items:center;gap:12px;padding:8px;transition:background-color .2s;display:flex}.mk-key kbd{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);font:500 .95rem var(--f-mono);border-bottom-width:4px;border-radius:10px;flex:none;place-items:center;transition:transform .12s,border-bottom-width .12s,background-color .12s,color .12s;display:grid;box-shadow:0 1px #0000000a}.mk-key span{color:var(--ink-2);font-size:.93rem;line-height:1.3}.mk-key.is-lit{background:color-mix(in srgb, var(--mark) 10%, transparent)}.mk-key.is-lit kbd{background:var(--mark);border-bottom-width:1px;border-color:var(--mark);color:#fff;transform:translateY(3px)}.mk-keys__list{border-top:1px solid var(--line);gap:0;margin:0;padding:0;list-style:none;display:grid}.mk-keys__list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.mk-keys__list span{color:var(--ink-2);font-size:.94rem}.mk-ocr{padding-bottom:72px;position:relative}.mk-ocr__doc{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:22px;padding:clamp(22px,4vw,40px);display:flex}.mk-ocr__dialog{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.mk-ocr__icon{background:color-mix(in srgb, var(--mark) 16%, transparent);width:36px;height:36px;color:var(--mark-ink);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.mk-ocr__text{outline:2px dashed var(--mark);outline-offset:2px;background:color-mix(in srgb, var(--mark) 6%, transparent);border-radius:4px;gap:4px;min-width:0;margin:-8px -10px;padding:8px 10px;display:grid}.mk-ocr__text span:first-child{font-weight:700}.mk-ocr__text span{color:var(--ink);overflow-wrap:anywhere}.mk-ocr__text span:last-child{font-family:var(--f-mono);color:var(--ink-3);font-size:.74rem}.mk-ocr__qr{width:clamp(64px,12vw,92px);fill:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:8px;flex:none;padding:6px}.mk-ocr__toast{color:#e7e9f3;max-width:min(380px,92%);box-shadow:var(--shadow-lg);background:#0e1121;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;position:absolute;bottom:0;right:clamp(0px,3vw,24px)}.mk-ocr__toast svg{color:#7ee2a8;flex:none;margin-top:2px}.mk-ocr__toast strong{font-size:.9rem;display:block}.mk-ocr__toast code{font-family:var(--f-mono);color:#b9bdd0;overflow-wrap:anywhere;margin-top:4px;font-size:.66rem;line-height:1.6;display:block}.mk-ocr__toast .mk-ocr__qrline{color:#8d89ff}@media (width<=639px){.mk-ocr{padding-bottom:0}.mk-ocr__toast{margin:-20px 12px 0 auto;position:relative;right:auto}}.mk-ov{aspect-ratio:4/3;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:radial-gradient(120% 90% at 10% 0,#8f8bff 0%,#5a55f2 40%,#3b2fb8 75%,#24196f 100%);border-radius:18px;margin:0;position:relative;overflow:hidden}.mk-ov__desk{position:absolute;inset:0}.mk-ov__win{background:#fff;border-radius:12px;flex-direction:column;gap:9px;padding:34px 18px 18px;display:flex;position:absolute;box-shadow:0 20px 50px -10px #0a082880}.mk-ov__win--a{width:58%;height:62%;top:12%;left:8%}.mk-ov__win--b{background:#171a2a;width:40%;height:46%;bottom:8%;right:6%}.mk-ov__dots{gap:6px;display:flex;position:absolute;top:11px;left:12px}.mk-ov__dots i{background:#ff5f57;border-radius:50%;width:9px;height:9px}.mk-ov__dots i:nth-child(2){background:#febc2e}.mk-ov__dots i:nth-child(3){background:#28c840}.mk-ov__bar{background:#e3e5ee;border-radius:5px;height:9px}.mk-ov__card{background:linear-gradient(135deg,#eef0ff,#dcdcff);border-radius:8px;flex:1;margin-top:6px}.mk-ov__chart{flex:1;align-items:flex-end;gap:8%;padding:0 4%;display:flex}.mk-ov__chart i{background:#8d89ff;border-radius:4px 4px 0 0;flex:1}.mk-ov__sel{border:1px solid #fff;width:56%;height:50%;position:absolute;top:26%;left:20%;box-shadow:0 0 0 1px #00000059,0 0 0 999px #090b1680}.mk-ov__size{color:#fff;font:500 .7rem/1.5 var(--f-mono);background:#090b16db;border-radius:6px;padding:3px 8px;position:absolute;top:calc(100% + 8px);left:-1px}.mk-ov__loupe{aspect-ratio:1;background:linear-gradient(90deg, #00000024 1px, transparent 1px) 0 0 / 12.5% 12.5%, linear-gradient(#00000024 1px, transparent 1px) 0 0 / 12.5% 12.5%, conic-gradient(from 90deg at 50% 50%, #171a2a 0 25%, #5a55f2 0 50%, #2b2f45 0 75%, #171a2a 0);border:3px solid #fff;border-radius:50%;width:21%;position:absolute;top:calc(76% + 16px);left:calc(76% + 16px);overflow:hidden;box-shadow:0 12px 30px #00000073}.mk-ov__px{outline:2px solid #fff;width:12.5%;height:12.5%;position:absolute;top:43.75%;left:43.75%}.mk-ov__hex{color:#fff;font:500 .55rem/1.5 var(--f-mono);background:#090b16cc;border-radius:4px;padding:1px 5px;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.mk-ov__monitor{color:#ffffffbf;position:absolute;bottom:12px;left:14px}@media (prefers-reduced-motion:no-preference){.mk-ov__sel{animation:4s ease-in-out infinite mk-ov-breathe}}@keyframes mk-ov-breathe{50%{width:52%;height:47%}}.mk-st{color:var(--ink-3);grid-template-columns:minmax(0,1fr) 44px minmax(0,.8fr);align-items:center;gap:12px;display:grid}.mk-st__frames{gap:12px;display:grid}.mk-st__frame,.mk-st__result{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:7px;padding:10px;display:flex;position:relative}.mk-st__head{background:color-mix(in srgb, var(--brand) 85%, #000);border-radius:9px 9px 0 0;height:14px;margin:-10px -10px 4px}.mk-st__head--kept{outline:2px solid var(--mark);outline-offset:2px}.mk-st__row{background:var(--line);border-radius:4px;height:7px}.mk-st__img{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 22%, var(--surface)), color-mix(in srgb, var(--mark) 18%, var(--surface)));border-radius:6px;height:30px}.mk-st__label{color:var(--ink-3);font-size:.58rem;position:absolute;bottom:6px;right:8px}.mk-st__note{color:var(--mark-ink);margin:-2px 0 4px;font-size:.56rem}.mk-st__arrow{width:44px;color:var(--mark)}