.static-files-tabs, .static-files-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 16px 0; }
.static-files-tabs [aria-pressed="true"] { border-color: var(--color-brand); background: var(--color-bg); font-weight: 700; }
.static-files-toolbar label { display: grid; gap: 6px; flex: 1; min-width: 180px; }
.static-files-table-wrap { overflow: auto; }
.static-files-table { width: 100%; border-collapse: collapse; text-align: left; }
.static-files-table td, .static-files-table th { padding: 12px 8px; border-bottom: 1px solid var(--color-border); }
.static-files-table td:first-child { width: 65%; overflow-wrap: anywhere; }
.static-files-table button { max-width: 100%; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.static-file-overlay { z-index: 1100; }
.static-file-confirm { z-index: 1101; }
.static-file-dialog { max-width: none; width: min(960px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; }
.static-file-dialog h3, .static-file-dialog p, .static-file-dialog a { overflow-wrap: anywhere; }
.static-file-dialog textarea { display: block; box-sizing: border-box; width: 100%; min-height: 320px; margin: 8px 0; padding: 12px; font: 14px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; tab-size: 2; resize: vertical; color: var(--color-text); background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 8px; }
.static-file-dialog [data-image] { display: block; max-width: 100%; max-height: 240px; object-fit: contain; margin: 16px auto; }
.static-file-dialog [data-error] { color: var(--color-danger, #b42318); white-space: pre-wrap; }
.static-file-dialog [data-diff] { border: 1px solid var(--color-border); border-radius: 8px; padding: 12px; margin-top: 12px; }
#lidfly-static-files [hidden], #lidfly-media-library[hidden], .static-file-dialog [hidden] { display: none !important; }
@media (max-width: 600px) { .static-files-table td, .static-files-table th { padding: 8px 4px; font-size: 13px; } .static-file-dialog textarea { min-height: 240px; } }

.static-file-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.static-file-comparison pre { max-height: 280px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.5 ui-monospace, monospace; }
@media (max-width: 600px) { .static-file-comparison { grid-template-columns: 1fr; } }