/* Darkoza ASI v0.2.12: browser-local document preview. */
.document-import { margin: 8px 0 2px; padding: 10px; border: 1px solid rgba(129,201,255,.16); border-radius: 10px; background: rgba(129,201,255,.035); }
.document-import-head { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.document-import-label, .document-import-remove { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(129,201,255,.28); color: #c5e8ff; background: rgba(129,201,255,.07); border-radius: 8px; padding: 7px 10px; font: inherit; font-size: 11px; cursor: pointer; }
.document-import-label:focus-within, .document-import-remove:focus-visible { outline: 2px solid #87caff; outline-offset: 2px; }
.document-import-hint, .document-import-meta, .document-import-status { color: #8291ad; font-size: 10px; line-height: 1.8; }
.document-import-hint { flex: 1 1 220px; }
.document-import-panel { margin-top: 10px; }
.document-import-panel[hidden] { display: none !important; }
.document-import-meta { margin-bottom: 5px; overflow-wrap: anywhere; }
.document-import-text-label { display: block; margin: 4px 0; color: #bdc9e4; font-size: 11px; }
.document-import-text { display: block; width: 100%; box-sizing: border-box; min-height: 100px; max-height: 220px; resize: vertical; border: 1px solid rgba(129,201,255,.2); border-radius: 8px; padding: 8px; background: rgba(4,8,18,.45); color: #d8dfef; font: 12px/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; direction: auto; }
.document-import-text:focus-visible { outline: 2px solid #87caff; outline-offset: 2px; }
.document-import-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 7px; }
.document-import-status { margin: 6px 2px 0; }
@media (max-width: 580px) { .document-import-head { align-items: flex-start; flex-direction: column; } .document-import-hint { flex-basis: auto; } .document-import-text { font-size: 11px; } }