.app{max-width:960px;margin:0 auto;padding:32px 24px 96px}.app__header h1{font-size:2rem;margin:0 0 12px}.app__header p{margin:0;color:#475569}.uploader{margin:32px 0;padding:24px;border:2px dashed #94a3b8;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.uploader--dragover{border-color:#2563eb;background:#2563eb14;box-shadow:inset 0 0 0 2px #2563eb26}.uploader__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.button{background:#2563eb;border:none;color:#fff;padding:12px 20px;border-radius:999px;cursor:pointer;font-weight:600;transition:background .2s ease}.button:hover:not(:disabled){background:#1d4ed8}.button:disabled{background:#cbd5f5;color:#94a3b8;cursor:not-allowed}.button--ghost{background:#e2e8f0;color:#1e293b}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.image-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px -20px #0f172a99;padding:12px;display:flex;flex-direction:column;gap:8px}.image-card__preview{position:relative;padding-top:calc(100% * 20 / 11);background:#f1f5f9;border-radius:12px;overflow:hidden}.image-card__preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-card__tag{align-self:flex-start;font-size:12px;padding:4px 8px;border-radius:999px;background:#e0f2fe;color:#0284c7;font-weight:600}.image-card__actions{display:flex;gap:8px;flex-wrap:wrap}.icon-button{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;display:flex;justify-content:center;align-items:center;padding:24px;z-index:50}.modal{width:min(100%,720px);background:#fff;border-radius:18px;display:flex;flex-direction:column;max-height:90vh}.modal__header,.modal__footer{padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.modal__header{border-bottom:1px solid #e2e8f0}.modal__footer{border-top:1px solid #e2e8f0;gap:12px}.modal__body{padding:24px;display:flex;flex-direction:column;gap:16px}.cropper-wrapper{position:relative;width:100%;padding-top:60%;background:#0f172a;border-radius:16px;overflow:hidden}.cropper-wrapper>div{position:absolute!important;top:0;right:0;bottom:0;left:0}.slider-label{display:flex;flex-direction:column;gap:8px;font-weight:600;color:#475569}input[type=range]{width:100%}.video-section{margin-top:40px;padding:24px;background:#fff;border-radius:18px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px}.audio-section{margin-top:40px;padding:24px;background:#fff;border-radius:18px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px}.audio-controls{display:flex;flex-direction:column;gap:16px;background:#f8fafc;border-radius:12px;padding:16px}.audio-controls__summary{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:#475569}.audio-controls__filename{font-weight:600;color:#1e293b;word-break:break-all}.audio-controls__player{width:100%}.trim-controls{display:flex;flex-direction:column;gap:12px}.trim-controls__row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:12px;color:#475569;font-weight:600}.trim-controls__row input[type=range]{width:100%}.trim-controls__row span{font-weight:500;color:#1e40af;white-space:nowrap}.status{color:#0f172a;background:#e0f2fe;padding:12px 16px;border-radius:12px}.status--error{background:#fee2e2;color:#b91c1c}@media (max-width: 720px){.app{padding:24px 16px 96px}.modal__body{padding:16px}}:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#111827;background-color:#f8fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{font:inherit}a{color:inherit;text-decoration:none}