.mk{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px}
.mk-in{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.mk-in label{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.mk-in .w{grid-column:1/-1}
.mk-in input,.mk-in select,.mk-in textarea{font:15px var(--sans);text-transform:none;letter-spacing:0;color:var(--bone);background:var(--surf);border:1px solid var(--line2);border-radius:10px;padding:10px 12px}
.mk-in textarea{min-height:110px;resize:vertical}
.mk-in input[type=color]{padding:3px;height:42px}
.mk-st{font-family:var(--mono);font-size:12px;color:var(--mute);margin-left:10px}
.mk-out{display:flex;flex-direction:column;gap:14px;min-width:0}
.mk-hint{color:var(--mute);border:1px dashed var(--line2);border-radius:14px;padding:28px}
.mk-job{border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:var(--surf)}
.mk-job img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}
.mk-job div{padding:12px 14px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:14px}
.mk-job b{flex:1 1 100%}.mk-job a{color:var(--acc);font-family:var(--mono);font-size:12px}
.mk-job small{color:var(--mute);font-family:var(--mono);font-size:11px}
@media (max-width:900px){.mk{grid-template-columns:minmax(0,1fr)}.mk-in{grid-template-columns:minmax(0,1fr)}}