/* ============================================================
   HOTEND HQ — model generators built on the shared engine
   (extends gridfinity.css; theme.css tokens only)
   ============================================================ */
.mk-tabs{grid-template-columns:repeat(var(--n,5),minmax(0,1fr))}
.gf-row textarea{width:100%;min-height:84px;resize:vertical;font:500 .9rem/1.45 var(--font)}
.mk-colrow{display:flex;align-items:center;gap:8px}
.mk-colrow select{flex:1}
.mk-colrow input[type=color]{width:38px;height:36px;padding:2px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer}
.mk-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.25);flex:none}
#mk-parts .chip{display:inline-flex;align-items:center;gap:7px}
#mk-parts .chip[aria-pressed=false]{opacity:.45}
.mk-info{margin-top:12px;padding:12px 14px}
.mk-info h3{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:0 0 6px}
.mk-info ul{margin:0;padding-left:1.1em;display:grid;gap:5px;font-size:.86rem;color:var(--text-dim)}
.mk-upload .ch-drop{display:block;position:relative;border:1.5px dashed var(--border-strong);border-radius:var(--r);padding:14px;text-align:center;cursor:pointer;
  color:var(--text-dim);font-size:.85rem;background:rgba(0,0,0,.2)}
.mk-upload .ch-drop:hover{border-color:var(--amber-300);color:var(--text)}
.mk-upload .ch-drop input{position:absolute;opacity:0;width:1px;height:1px}
.mk-upload .ch-trace{display:flex;gap:10px;align-items:center;margin-top:8px}
.mk-upload .ch-trace canvas{width:84px;height:84px;border-radius:10px;border:1px solid var(--border);background:#fff;image-rendering:pixelated}
.mk-howto ol{margin:0;padding-left:1.2em;display:grid;gap:8px;color:var(--text-dim)}
.mk-howto strong{color:var(--text)}