.community-media-tools{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;min-width:0}
.community-media-type{min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--bdr2,#254250);border-radius:9px;background:var(--s1,#0d1b24);color:var(--tx2,#b8cdd6);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;max-width:100%;overflow-wrap:anywhere}
.community-media-type:hover{border-color:var(--g,#22d3ee);color:var(--tx,#fff)}
.community-media-type[aria-pressed="true"]{border-color:var(--g,#22d3ee);background:rgba(34,211,238,.14);color:var(--g,#22d3ee)}
.community-media-type:focus-visible,.community-media-pick:focus-visible,.community-media-preview button:focus-visible,.community-media-link:focus-visible,.community-media-panel input:focus-visible{outline:2px solid var(--g,#22d3ee);outline-offset:3px}
.community-media-panel{display:flex;flex-direction:column;gap:6px;margin:8px 0;min-width:0}
.community-media-panel[hidden],.community-media-preview[hidden],.community-media-status[hidden]{display:none}
.community-media-panel label{display:block;font-size:.78rem;font-weight:600;color:var(--tx2,#b8cdd6)}
.community-media-panel input[type="text"],.community-media-panel input[type="url"],.community-media-panel input:not([type]){box-sizing:border-box;width:100%;min-height:44px;padding:0 12px;border:1px solid var(--bdr2,#254250);border-radius:9px;background:var(--s1,#0d1b24);color:var(--tx,#fff);font:inherit}
.community-media-pick{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px dashed var(--g,#22d3ee);border-radius:9px;background:transparent;color:var(--g,#22d3ee);font:inherit;font-weight:700;cursor:pointer;max-width:100%}
.community-media-pick:hover{background:rgba(34,211,238,.1)}
.community-media-preview{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;padding:10px;border:1px solid var(--bdr2,#254250);border-radius:9px;background:var(--s1,#0d1b24);min-width:0}
.community-media-preview-file{display:block;max-width:100%;max-height:240px;border-radius:7px;object-fit:contain}
.community-media-preview span,.community-media-preview small{flex:1 1 140px;min-width:0;font-size:.78rem;color:var(--tx2,#b8cdd6);overflow-wrap:anywhere}
.community-media-preview button{min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--bdr2,#254250);border-radius:9px;background:transparent;color:var(--tx,#fff);font:inherit;cursor:pointer}
.community-media-preview button:hover{border-color:#f87171;color:#f87171}
.community-media-status{margin:6px 0;font-size:.78rem;color:var(--tx2,#b8cdd6);overflow-wrap:anywhere}
.community-media-status progress{display:block;width:100%;height:8px;margin-top:6px;accent-color:var(--g,#22d3ee)}
.community-media-playback-error{font-size:.78rem;color:#fbbf24;overflow-wrap:anywhere}
.community-media-reel.community-media-playback-failed{aspect-ratio:auto}
.community-media-reel.community-media-playback-failed .community-media-player{height:auto;aspect-ratio:9/16}
.community-media-post{display:flex;flex-direction:column;gap:10px;margin-top:10px;min-width:0}
.community-media-player{display:block;max-width:100%;max-height:480px;margin-inline:auto;border-radius:9px;background:#000;object-fit:contain}
.community-media-reel{width:100%;max-width:320px;aspect-ratio:9/16;margin-inline:auto;overflow:hidden;border-radius:12px;background:#000}
.community-media-reel .community-media-player{width:100%;height:100%;max-height:none;object-fit:cover}
.community-media-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;color:var(--g,#22d3ee);font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.community-media-embed{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:9px;background:#000}
@media(max-width:600px){.community-media-type{flex:1 1 calc(33% - 8px)}.community-media-pick{width:100%}}
@media(prefers-reduced-motion:reduce){.community-media-type,.community-media-pick{transition:none}}