/* ClipCraft studio integration (save/open). Accent #4f5d75 matches the app bar. */
.studio-btn{border-color:#4f5d75}
.studio-btn:hover{border-color:#7d8ca6;background:#252c3a}

#studioModal .box{width:420px}
#studioBody{max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
#studioBody .mj{display:flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);
  border-radius:8px;padding:9px 11px;cursor:pointer}
#studioBody .mj:hover{border-color:#4f5d75}
#studioBody .mj .nm{flex:1;font-weight:600}
#studioBody .mj .meta{color:var(--mut);font-size:11px}
#studioBody .none{color:var(--mut);font-style:italic;padding:14px;text-align:center}

/* Narrow viewports: let the toolbar wrap instead of overflowing the document. */
@media (max-width: 1100px){
  header{flex-wrap:wrap}
  header .hint{display:none}
}