.uploader-panel{position:relative;display:grid;gap:22px;overflow:visible;isolation:isolate;background:radial-gradient(circle at top right,rgba(96,149,212,0.12),transparent 28%),linear-gradient(180deg,rgba(255,255,255,0.28),rgba(255,255,255,0)),var(--panel-surface);}.uploader-copy{display:grid;gap:14px;padding-left:clamp(34px,5.2vw,58px);}.uploader-panel::before{content:"💾";position:absolute;top:-8px;left:-8px;z-index:0;transform:rotate(-10deg);font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1;opacity:1;filter:drop-shadow(0 14px 20px rgba(21,52,94,0.16));pointer-events:none;}.uploader-panel > *{position:relative;z-index:1;}.uploader-copy-grid{display:grid;gap:16px;}.uploader-copy-grid--with-quota{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}.upload-facts,.uploader-quota{display:grid;gap:7px;padding:16px 18px;border-radius:18px;background:var(--subpanel-surface);border:0;box-shadow:var(--subpanel-shadow);min-height:100%;}.upload-facts p{margin:0;}.uploader-quota[hidden]{display:none;}.uploader-quota__title,.uploader-quota__body{margin:0;}.uploader-quota__body{color:var(--muted);line-height:1.45;}.uploader-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:20px;align-items:start;}.uploader-form,.selection-panel{display:grid;gap:16px;}.selection-panel{padding:14px 16px 16px;border-radius:20px;background:var(--soft-block-bg);border:1px solid var(--soft-block-border);}.dropzone{min-height:220px;display:grid;align-items:center;justify-items:center;border:1px solid var(--dropzone-border);border-radius:22px;background:radial-gradient(circle at top,var(--dropzone-glow),transparent 56%),linear-gradient(180deg,var(--dropzone-tint),var(--field-bg));cursor:pointer;padding:24px;text-align:center;transition:transform 160ms ease,background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease;box-shadow:inset 0 1px 0 rgba(255,255,255,0.18),0 0 0 1px rgba(255,255,255,0.04);}.dropzone:hover,.dropzone.is-dragover{transform:translateY(-1px);}.dropzone.is-dragover{border-color:var(--accent);background:radial-gradient(circle at top,var(--dropzone-glow-strong),transparent 58%),linear-gradient(180deg,var(--dropzone-tint-strong),var(--field-bg));box-shadow:inset 0 1px 0 rgba(255,255,255,0.22),0 0 0 1px rgba(255,255,255,0.06),0 16px 26px rgba(42,95,162,0.12);}.dropzone input{display:none;}.selection-summary{color:var(--muted);font-size:0.9rem;}.selection-summary-error{color:var(--accent-dark);}.selection-alert{margin:0;color:#b42318;font-size:0.84rem;font-weight:600;}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.preview-card{position:relative;overflow:hidden;border-radius:18px;background:var(--field-bg);border:1px solid rgba(22,38,58,0.08);box-shadow:0 10px 20px rgba(21,52,94,0.06);}.preview-remove{position:absolute;top:6px;right:6px;z-index:1;width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(23,32,38,0.7);box-shadow:none;}.preview-remove:hover{transform:translateY(0);background:rgba(23,32,38,0.88);}.preview-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--surface-muted);}.preview-meta{padding:8px 10px 10px;}.preview-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;}.preview-name,.preview-size{margin:0;}.preview-name{min-width:0;font-size:0.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.preview-name-editor{display:flex;align-items:center;width:100%;border:1px solid rgba(47,111,181,0.2);border-radius:7px;background:rgba(244,248,252,0.98);overflow:hidden;margin-top:5px;}.preview-name-input{flex:1 1 auto;min-width:0;padding:3px 5px;border:0;border-radius:0;background:transparent;font:inherit;font-size:0.68rem;color:var(--text);}.preview-name-input:focus{outline:none;}.preview-extension{padding:3px 5px 3px 0;font-size:0.66rem;color:var(--muted);white-space:nowrap;}.preview-tools{min-height:24px;min-width:24px;width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:0.8rem;line-height:1;box-shadow:none;}.preview-tools.is-active{background:linear-gradient(180deg,#2f6fb5,#22558f);}.preview-size{margin-top:4px;color:var(--muted);font-size:0.72rem;}.progress{height:12px;border-radius:999px;overflow:hidden;background:rgba(23,32,38,0.08);}.progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#63a0e2);}.status{margin:0;min-height:24px;color:var(--muted);}@media (max-width:720px){.uploader-panel::before{top:-5px;left:-2px;font-size:clamp(1.8rem,8.2vw,2.8rem);}.uploader-copy{padding-left:clamp(24px,6.8vw,38px);}.uploader-copy-grid--with-quota{grid-template-columns:1fr;}.uploader-layout{grid-template-columns:1fr;}.dropzone{min-height:120px;width:100%;padding:16px;}.preview-grid{grid-template-columns:1fr 1fr;gap:12px;}.upload-facts{padding:12px 14px;}}@media (max-width:480px){.preview-grid{grid-template-columns:1fr;}.selection-summary,.upload-facts p,.selection-alert{font-size:0.9rem;}}