.media-dropzone{border:1.5px dashed var(--border);background:var(--surface);text-align:center;border-radius:22px;justify-items:center;gap:10px;padding:42px 20px;display:grid}.media-dropzone strong{font-size:18px}.media-dropzone span,.media-card p,.media-card small{color:var(--muted);font-size:13px}.media-file-button{cursor:pointer;margin-top:4px;position:relative;overflow:hidden}.media-file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.media-settings{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.media-settings label{gap:7px;display:grid}.media-settings label>span{color:var(--muted);font-size:12px}.media-settings select,.media-settings input{border:1px solid var(--border);min-height:44px;color:var(--text);font:inherit;background:#fff;border-radius:12px;padding:8px 11px}.media-settings input{text-align:left;direction:ltr}.media-range-summary{min-height:44px;color:var(--muted);background:#f6f8fa;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.media-range-summary strong{color:var(--text)}.media-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;gap:12px;padding:20px;display:grid}.media-card p{margin:0;line-height:1.9}.media-progress-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.media-progress-head span{color:var(--muted);font-size:12px}.media-progress{background:#eef1f4;border-radius:999px;height:9px;overflow:hidden}.media-progress span{border-radius:inherit;background:var(--brand-strong);height:100%;transition:width .3s;display:block}.media-actions{flex-wrap:wrap;gap:9px;display:flex}@media (max-width:680px){.media-dropzone{padding:30px 14px}.media-settings{grid-template-columns:1fr}.media-progress-head{flex-direction:column;align-items:flex-start}.media-actions .button{flex:100%}}