/* The existing Today AI card owns this attachment flow. All paint comes from
 * design-tokens.css; no mode, palette, or page-level theme is introduced. */
body .sk-shell .sk-today-ai [data-sk-ask-form] [hidden] { display:none!important; }
body .sk-shell .sk-today-ai .sk-ask-message-label { font-size:16px; }
body .sk-shell .sk-today-ai .sk-ask-form textarea { font-size:16px; line-height:1.6; }
body .sk-shell .sk-today-ai .sk286-ask-attachment {
  display:flex; align-items:center; gap:12px; min-width:0;
  margin-top:12px; padding:12px; border:1px solid var(--ls-line);
  border-radius:var(--ls-radius-sm); background:var(--ls-surface-2); color:var(--ls-text);
}
body .sk-shell .sk-today-ai .sk286-ask-thumbnail {
  display:block; width:56px; height:56px; flex:0 0 56px;
  object-fit:contain; border-radius:8px; background:var(--ls-surface-3);
}
body .sk-shell .sk-today-ai .sk286-ask-file-icon {
  display:flex; align-items:center; justify-content:center;
  width:56px; height:56px; flex:0 0 56px; border-radius:8px;
  background:var(--ls-control-bg); color:var(--ls-control-text);
  font-size:12px; font-weight:700;
}
body .sk-shell .sk-today-ai .sk286-ask-file-meta { display:grid; gap:3px; min-width:0; flex:1 1 auto; }
body .sk-shell .sk-today-ai .sk286-ask-file-meta strong { color:var(--ls-text); font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
body .sk-shell .sk-today-ai .sk286-ask-file-meta small { color:var(--ls-muted); font-size:12px; }
body .sk-shell .sk-today-ai .sk286-ask-remove { flex:0 0 auto; min-height:44px; padding:8px 10px; }
body .sk-shell .sk-today-ai .sk286-ask-replacement {
  margin-top:12px; padding:12px; border:1px solid var(--ls-line-strong);
  border-radius:var(--ls-radius-sm); background:var(--ls-info-bg); color:var(--ls-text);
}
body .sk-shell .sk-today-ai .sk286-ask-replacement p { margin:0 0 8px; font-size:14px; line-height:1.6; color:inherit; overflow-wrap:anywhere; }
body .sk-shell .sk-today-ai .sk286-ask-replacement-actions { display:flex; flex-wrap:wrap; gap:8px; }
body .sk-shell .sk-today-ai .sk286-ask-replacement-actions .sk-btn { min-height:44px; }
body .sk-shell .sk-today-ai .sk286-ask-picker { display:inline-flex; gap:6px; align-items:center; min-height:44px; }
body .sk-shell .sk-today-ai .sk286-ask-picker:focus-within { outline:3px solid var(--ls-focus); outline-offset:2px; }
body .sk-shell .sk-today-ai .sk286-ask-help { display:block; margin-top:10px; font-size:13px; line-height:1.6; color:var(--ls-muted); overflow-wrap:anywhere; }
body .sk-shell .sk-today-ai .sk286-ask-file-status { margin:10px 0 0; padding:10px 12px; border-radius:10px; background:var(--ls-info-bg); color:var(--ls-info-text); font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
body .sk-shell .sk-today-ai .sk286-ask-file-status.is-error { background:var(--ls-danger-bg); color:var(--ls-danger-text); border:1px solid var(--ls-danger-line); }
body .sk-shell .sk-today-ai [data-sk-ask-form].is-file-over { outline:3px dashed var(--ls-focus); outline-offset:5px; }
@media(max-width:420px) {
  body .sk-shell .sk-today-ai .sk286-ask-attachment { display:grid; grid-template-columns:48px minmax(0,1fr); gap:10px; padding:10px; }
  body .sk-shell .sk-today-ai :is(.sk286-ask-thumbnail,.sk286-ask-file-icon) { width:48px; height:48px; }
  body .sk-shell .sk-today-ai .sk286-ask-remove { grid-column:2; justify-self:start; width:auto; }
  body .sk-shell .sk-today-ai .sk286-ask-replacement-actions { flex-direction:column; }
  body .sk-shell .sk-today-ai .sk286-ask-replacement-actions .sk-btn { width:100%; }
}