.cos{background:var(--color-bg);min-height:100vh}.cos__main{padding:0 var(--space-5) var(--section-py)}.cos__inner{max-width:1200px;margin:0 auto}.cos__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);background:#ffffff05;border:2px dashed rgba(255,255,255,.08);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;margin-bottom:var(--space-5)}.cos__dropzone:hover,.cos__dropzone--active{border-color:#bf011966;background:#bf011905}.cos__dropzone-icon{color:var(--color-gray-mid)}.cos__dropzone--active .cos__dropzone-icon{color:var(--color-red)}.cos__dropzone-text{font-size:15px;color:var(--color-gray-light)}.cos__dropzone-hint{font-size:12px;color:var(--color-gray-mid)}.cos__dropzone-file{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-red);background:#bf011914;padding:4px 12px;border-radius:var(--radius-pill)}.cos__error{font-size:13px;color:var(--color-red);margin-bottom:var(--space-4);padding:var(--space-3);background:#bf01190f;border:1px solid rgba(191,1,25,.15);border-radius:var(--radius-sm)}@media (max-width: 767px){.cos__main{padding:0 var(--space-3) var(--space-8)}.cos__dropzone{padding:var(--space-5) var(--space-3)}}