.media-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.media-nav a{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;font-size:13px;font-weight:700}.media-nav a[aria-current]{background:var(--ink);color:white}.media-files{padding:0;list-style:none;display:grid;gap:8px}.media-files:empty{margin:0}.media-files li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#f8f9fb;border-radius:10px}.media-files .file-copy{min-width:0}.media-files strong{display:block;overflow-wrap:anywhere;font-size:14px}.media-files small,.media-help{font-size:12px;color:var(--muted);line-height:1.6}.media-file-actions{display:flex;gap:4px;flex-shrink:0}.media-file-actions button{width:32px;min-height:36px;border:1px solid var(--line);border-radius:6px;background:white;cursor:pointer}.media-file-actions button:disabled{opacity:.35;cursor:default}.media-progress{margin-top:18px}.media-progress progress{width:100%;height:14px;margin-top:16px;accent-color:var(--orange)}.media-progress p{font-size:13px;color:var(--muted);line-height:1.5}.media-status{line-height:1.6;overflow-wrap:anywhere}.media-status.error{padding:14px;border:1px solid #f3c4bf;border-radius:12px;background:#fff5f4;color:#a32217}.media-status:empty{display:none}#mediaOptions{padding:0;margin:0;border:0;min-width:0}#mediaPreview{grid-column:1/-1;min-width:0}#mediaPreview:empty{display:none}#mediaPreview video,#mediaPreview img{display:block;width:100%;max-height:400px;object-fit:contain;background:#15191e;border-radius:10px}#mediaPreview audio{width:100%}.media-preview-note{margin-top:10px!important}#mediaResultInfo{overflow-wrap:anywhere}.notice-card summary{font-weight:800;color:var(--ink);cursor:pointer}.drop-zone:focus-within{outline:3px solid var(--orange);outline-offset:3px}.media-nav a:focus-visible,.media-file-actions button:focus-visible{outline:3px solid var(--orange);outline-offset:2px}body.media-busy .drop-zone{opacity:.5;cursor:wait}@media(max-width:620px){.media-nav{gap:6px}.media-nav a{font-size:12px;padding:8px}.media-files li{align-items:flex-start}}