.mk-explorer{--ex-accent:var(--mk3-accent,#a8c6ff)}
.mk-explorer .ex-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.mk-explorer .ex-window{background:linear-gradient(145deg,#111c31,#080d18);border:1px solid #566584;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0003;margin:24px 0 36px}
.mk-explorer .ex-titlebar{padding:12px 20px;background:#ffffff06;border-bottom:1px solid #ffffff18;display:flex;align-items:center;gap:8px;font:12px ui-monospace,monospace;color:#b7c4db}
.ex-dot{width:8px;height:8px;border-radius:50%;background:#ff9586}.ex-dot:nth-child(2){background:#f1d383}.ex-dot:nth-child(3){background:#81dfbd}.ex-titlebar span:last-child{margin-left:10px}
.mk-explorer .ex-console{padding:20px;font:14px/1.7 ui-monospace,monospace}.ex-console p{margin:0 0 14px;color:#aac0df}.ex-command{display:flex;gap:12px;align-items:center}.ex-command label{color:#80e2ca;font-weight:700}.mk-explorer .ex-command input{min-width:0;flex:1;border-radius:6px;font:inherit;padding:9px;background:#071020}.ex-command button{white-space:nowrap}.ex-output{white-space:pre-wrap;overflow-wrap:anywhere;min-height:48px;margin-top:16px;color:#d5dff0}
.ex-presets{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.ex-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.ex-controls label{display:block;margin-bottom:7px}.ex-controls>div:first-child{flex:2;min-width:180px}.ex-controls>div:nth-child(2){flex:1;min-width:180px}.ex-count{margin:16px 0 20px;font:13px ui-monospace,monospace;color:#a8b8cf}
.ex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ex-card{border:1px solid #ffffff26;border-radius:20px;padding:25px;background:linear-gradient(125deg,#ffffff09,#ffffff02);position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.ex-card:hover{border-color:var(--ex-accent);transform:translateY(-3px)}.ex-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--ex-accent);opacity:.7}.ex-card h2{font-size:1.45rem;margin:14px 0}.ex-card .ex-type{font:11px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#80e2ca}.ex-card p{font-size:.94rem}.ex-card details{font-size:.9rem}.ex-card .ex-stack{font:12px/1.7 ui-monospace,monospace;color:#b9c9e5;border-top:1px solid #ffffff1c;padding-top:14px}.ex-card .ex-flow{color:#c7d5ed}.ex-card nav{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}.ex-card nav a{min-height:36px}.ex-empty{border:1px dashed #7f90b4;padding:28px;border-radius:16px}.ex-reading{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:40px 0}.ex-reading a{display:block;padding:20px;border:1px solid #ffffff25;border-radius:14px;text-decoration:none}.ex-reading span{display:block;color:#c4cde0;font-size:.85rem;margin-top:6px}.ex-mark{display:inline-block;font:12px ui-monospace,monospace;letter-spacing:.1em;color:#80e2ca;padding:7px 11px;border:1px solid #80e2ca44;border-radius:6px}.ex-signal{height:3px;background:linear-gradient(90deg,transparent,#9bafff,#80e2ca,transparent);background-size:200% 100%;animation:exSignal 7s linear infinite;opacity:.65}
@keyframes exSignal{to{background-position:-200% 0}}@media(max-width:700px){.ex-grid,.ex-reading{grid-template-columns:1fr}.ex-command{flex-wrap:wrap}.ex-command input{flex-basis:65%}.ex-card{padding:20px}.ex-topline .ex-mark{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ex-signal{animation:none}.ex-card:hover{transform:none}}html[data-mk3-motion=off] .ex-signal{animation:none}
