:root{--clr-bg:#f8f9fa;--clr-surface:#fff;--clr-border:#dee2e6;--clr-text:#212529;--clr-text-muted:#6c757d;--clr-primary:#0d6efd;--clr-primary-hover:#0b5ed7;--clr-danger:#dc3545;--clr-danger-hover:#bb2d3b;--clr-success:#198754;--clr-warning:#ffc107;--radius:.75rem;--radius-sm:.375rem;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--transition:.15s ease;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{font-family:var(--font);background:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.5}.app{max-width:680px;margin-inline:auto;padding:1rem}.app__header{text-align:center;padding-block:2rem 1.5rem}.app__title{letter-spacing:-.03em;font-size:clamp(1.5rem,5vw,2rem);font-weight:800}.app__subtitle{color:var(--clr-text-muted);margin-top:.25rem;font-size:.9rem}.error-banner{color:var(--clr-danger);border-radius:var(--radius-sm);white-space:pre-line;background:#fff5f5;border:1px solid #fecaca;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.drop-zone{background:var(--clr-surface);border:2px dashed var(--clr-border);border-radius:var(--radius);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--transition), background var(--transition);padding:2.5rem 1rem}.drop-zone:hover,.drop-zone--active{border-color:var(--clr-primary);background:#f0f6ff}.drop-zone__icon{width:3rem;height:3rem;fill:var(--clr-text-muted);margin-inline:auto;margin-bottom:.75rem;display:block}.drop-zone__label{margin-bottom:.25rem;font-size:1.05rem;font-weight:600}.drop-zone__hint{color:var(--clr-text-muted);margin-bottom:1.5rem;font-size:.8rem;line-height:1.6}.drop-zone__buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);-webkit-tap-highlight-color:transparent;border:none;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--clr-primary);color:#fff}.btn--primary:hover{background:var(--clr-primary-hover)}.btn--camera{color:#fff;background:#212529}.btn--camera:hover{background:#343a40}.btn--secondary{color:var(--clr-text);background:#e9ecef}.btn--secondary:hover{background:#dee2e6}.btn--danger{background:var(--clr-danger);color:#fff}.btn--danger:hover{background:var(--clr-danger-hover)}.btn--ghost{color:var(--clr-text-muted);border:1px solid var(--clr-border);background:0 0}.btn--ghost:hover{background:#f8f9fa}.upload-section{margin-top:1.5rem}.empty-state{text-align:center;color:var(--clr-text-muted);padding:2rem;font-size:.9rem}.upload-list{flex-direction:column;gap:.75rem;display:flex}.upload-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left-style:solid;border-left-width:3px;border-left-color:var(--clr-border);padding:1rem;animation:.2s both slide-in}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.upload-card--uploading{border-left-color:var(--clr-primary)}.upload-card--paused{border-left-color:var(--clr-warning)}.upload-card--completed{border-left-color:var(--clr-success)}.upload-card--error{border-left-color:var(--clr-danger)}.upload-card--cancelled{border-left-color:var(--clr-text-muted)}.upload-card__header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.upload-card__icon{flex-shrink:0;font-size:1.5rem;line-height:1}.upload-card__meta{flex:1;min-width:0}.upload-card__name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.upload-card__size{color:var(--clr-text-muted);font-size:.75rem}.upload-card__badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border-radius:99px;flex-shrink:0;padding:.2rem .55rem;font-size:.68rem;font-weight:700}.upload-card__badge--queued{color:#374151;background:#f3f4f6}.upload-card__badge--uploading{color:#1d4ed8;background:#dbeafe}.upload-card__badge--paused{color:#92400e;background:#fef3c7}.upload-card__badge--completed{color:#166534;background:#dcfce7}.upload-card__badge--error{color:#991b1b;background:#fee2e2}.upload-card__badge--cancelled{color:#374151;background:#f3f4f6}.upload-card__progress{background:#e9ecef;border-radius:99px;height:6px;margin-bottom:.4rem;overflow:hidden}.upload-card__progress-bar{background:var(--clr-primary);will-change:width;border-radius:99px;height:100%;transition:width .35s}.upload-card--paused .upload-card__progress-bar{background:var(--clr-warning)}.upload-card__stats{color:var(--clr-text-muted);justify-content:space-between;margin-bottom:.75rem;font-size:.75rem;display:flex}.upload-card__link{color:var(--clr-primary);margin-bottom:.5rem;font-size:.8rem;text-decoration:none;display:inline-block}.upload-card__link:hover{text-decoration:underline}.upload-card__error{color:var(--clr-danger);margin-bottom:.5rem;font-size:.8rem}.upload-card__actions{flex-wrap:wrap;gap:.5rem;display:flex}.upload-card__actions .btn{padding:.375rem .875rem;font-size:.8rem}.upload-card--interrupted{border-left-color:#f59e0b}.upload-card__badge--interrupted{color:#92400e;background:#fef3c7}.gallery-section{margin-top:2rem}.gallery-section__title{text-transform:uppercase;letter-spacing:.07em;color:var(--clr-text-muted);margin-bottom:.75rem;font-size:.72rem;font-weight:700}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;display:grid}.gallery-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition), outline-color var(--transition);overflow:hidden}.gallery-card:hover,.gallery-card:focus-visible{box-shadow:var(--shadow-md);transform:translateY(-3px)}.gallery-card:focus-visible{outline:2px solid var(--clr-primary);outline-offset:2px}.gallery-card__thumb-wrap{aspect-ratio:16/9;background:#1a1a2e;position:relative;overflow:hidden}.gallery-card__thumb-wrap--placeholder{justify-content:center;align-items:center;display:flex}.gallery-card__placeholder-icon{opacity:.5;font-size:2rem}.gallery-card__thumb{object-fit:cover;width:100%;height:100%;display:block}.gallery-card__play{color:#fff;pointer-events:none;transition:background var(--transition);background:#0000004d;justify-content:center;align-items:center;font-size:1.75rem;display:flex;position:absolute;inset:0}.gallery-card:hover .gallery-card__play{background:#00000080}.gallery-card__name{white-space:nowrap;text-overflow:ellipsis;padding:.4rem .5rem .1rem;font-size:.72rem;font-weight:600;overflow:hidden}.gallery-card__size{color:var(--clr-text-muted);padding:0 .5rem .4rem;font-size:.65rem}.viewer-modal{z-index:1000;background:#000000e0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.viewer-close{z-index:1001;color:#fff;cursor:pointer;width:2.5rem;height:2.5rem;transition:background var(--transition);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:1rem;right:1rem}.viewer-close:hover{background:#ffffff4d}.viewer-inner{z-index:1001;justify-content:center;align-items:center;max-width:min(92vw,1200px);max-height:92dvh;display:flex;position:relative}.viewer__image{border-radius:var(--radius);object-fit:contain;max-width:100%;max-height:92dvh;display:block;box-shadow:0 25px 50px -12px #0009}.viewer__video{border-radius:var(--radius);background:#000;max-width:100%;max-height:92dvh;display:block;box-shadow:0 25px 50px -12px #0009}@media (width>=600px){.app{padding:1.5rem 2rem}.drop-zone{padding:3.5rem 2rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.meta-form__fields{grid-template-columns:1fr 1fr}}.meta-form{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:.75rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.meta-form__title{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1rem;font-weight:600}.meta-form__fields{grid-template-columns:1fr;gap:.875rem;display:grid}.meta-form__field{flex-direction:column;gap:.35rem;display:flex}.meta-form__label{color:var(--clr-text);font-size:.875rem;font-weight:500}.meta-form__input{background:var(--clr-bg);border:1px solid var(--clr-border);color:var(--clr-text);border-radius:.5rem;width:100%;padding:.55rem .75rem;font-size:.9375rem;transition:border-color .15s}.meta-form__input::placeholder{color:var(--clr-text-muted);opacity:.7}.meta-form__input:focus{border-color:var(--clr-primary);outline:none;box-shadow:0 0 0 3px #0d6efd40}.meta-form__input:required:invalid:not(:placeholder-shown){border-color:var(--clr-danger)}