.mediaDropZone{text-align:center;cursor:pointer;background:#faf9fd;border:1px dashed #c7c0df;border-radius:12px;place-content:center;justify-items:center;gap:9px;min-height:205px;margin:0 0 16px;padding:24px 16px;transition:background-color .14s,border-color .14s,box-shadow .14s;display:grid;position:relative}.mediaDropZone:hover,.mediaDropZone:focus-within{border-color:var(--accent);background:#f4f1ff}.mediaDropZone.isDragging{border:2px dashed var(--accent);background:#ede7ff;padding:23px 15px;box-shadow:inset 0 0 0 4px #ffffffa6}.mediaDropZone.isBusy{cursor:wait}.mediaDropZone.isBusy:not(.isDragging){background:#f8f7fc}.mediaDropZone:focus-within{outline-offset:3px;outline:3px solid #c9bffa}.mediaDropZone .mediaDropInput{opacity:0;width:100%;height:100%;cursor:inherit;border:0;padding:0;position:absolute;inset:0}.mediaDropZone .mediaDropInput:disabled{pointer-events:none}.mediaDropSymbol{border:1px solid var(--line);width:44px;height:44px;color:var(--accent);background:#fff;border-radius:11px;place-items:center;display:grid}.mediaDropSymbol svg{width:22px;height:22px}.mediaDropZone strong{color:var(--ink);font-size:15px}.mediaDropZone small{color:var(--muted);font-size:12px;line-height:1.5}.mediaDropFilename{text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,400px);color:var(--muted);font-size:12px;overflow:hidden}.mediaDropSpinner{border:3px solid #ded8ee;border-top-color:var(--accent);background:0 0;border-radius:50%;width:30px;height:30px;margin:7px;animation:.85s linear infinite media-upload-spin}.mediaDropProgress{width:min(100%,320px);color:var(--accent);align-items:center;gap:10px;font-size:12px;display:flex}.mediaDropProgress progress{width:100%;height:8px;accent-color:var(--accent)}@keyframes media-upload-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mediaDropZone{transition:none}.mediaDropSpinner{animation:none}}
.youtubeMetadata button{border:1px solid var(--line-strong);background:var(--panel);max-width:100%;min-height:40px;color:var(--ink);text-align:center;cursor:pointer;border-radius:8px;justify-content:center;justify-self:start;align-items:center;padding:9px 12px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.youtubeMetadata button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.youtubeMetadata button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.youtubeMetadata button:disabled{opacity:.5;cursor:not-allowed}
.postToast{z-index:100;right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));border:1px solid var(--line-strong);background:var(--panel);width:min(440px,100vw - 32px);color:var(--ink);border-radius:14px;grid-template-columns:28px minmax(0,1fr) 36px;align-items:start;gap:12px;padding:16px 12px 12px 16px;animation:.18s ease-out both postToastIn;display:grid;position:fixed;box-shadow:0 4px 12px #17171a09,0 18px 48px #17171a1a}.postToastIndicator{color:#138351;background:#e7f6ed;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;font-weight:650;display:grid}.postToastIndicator svg{width:19px;height:19px}.postToastError .postToastIndicator{color:var(--danger);background:#fff0ed}.postToastContent{min-width:0}.postToastContent p{overflow-wrap:anywhere;margin:3px 0 5px;font-size:13px;font-weight:550;line-height:1.6}.postToastActions{flex-wrap:wrap;gap:4px 14px;display:flex}.postToastActions a,.postToastActions button{min-height:36px;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.postToastActions a:hover,.postToastActions button:hover{color:var(--accent-hover);text-underline-offset:3px;text-decoration:underline}.postToastDismiss{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin-top:-4px;padding:0;display:grid}.postToastDismiss:hover{background:var(--canvas);color:var(--ink)}.postToastDismiss svg{width:18px;height:18px}.postToast a:focus-visible,.postToast button:focus-visible{outline-offset:3px;border-radius:5px;outline:3px solid #a89be8}.postToastLeaving{animation:.16s ease-in both postToastOut}@keyframes postToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes postToastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(5px)}}@media (max-width:600px){.postToast{right:16px;bottom:max(16px, env(safe-area-inset-bottom));gap:10px}}@media (prefers-reduced-motion:reduce){.postToast,.postToastLeaving{animation:none}}