.file-upload-btn{color:#888;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.file-upload-btn:hover:not(:disabled){color:#ccc;background:#ffffff0d;border-color:#fff3}.file-upload-btn:active:not(:disabled){transform:scale(.95)}.file-upload-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.file-upload-btn{width:32px;height:32px}.file-upload-btn svg{width:16px;height:16px}}
.file-preview{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;max-width:200px;padding:.5rem;animation:.2s filePreviewIn;display:flex}@keyframes filePreviewIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.file-preview__thumb{color:#888;background:#0003;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.file-preview__thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.file-preview__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-preview__name{color:#ccc;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.file-preview__size{color:#666;font-size:.65rem}.file-preview__remove{color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.file-preview__remove:hover{color:#ef4444;background:#ef444433}@media (max-width:480px){.file-preview{max-width:160px}.file-preview__thumb{width:32px;height:32px}.file-preview__name{font-size:.7rem}}
.usage-mini{position:relative}.usage-mini__trigger{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:.5rem;padding:.375rem .625rem;transition:all .2s;display:flex}.usage-mini__trigger:hover{background:#ffffff14;border-color:#ffffff1f}.usage-mini__bar-container{background:#ffffff1a;border-radius:2px;width:40px;height:4px;overflow:hidden}.usage-mini__bar{border-radius:2px;height:100%;transition:width .3s,background-color .3s}.usage-mini__count{color:#888;text-align:center;min-width:32px;font-size:.7rem;font-weight:500}.usage-mini__chevron{color:#666;transition:transform .2s}.usage-mini__chevron.rotated{transform:rotate(180deg)}.usage-mini__dropdown{-webkit-backdrop-filter:blur(16px);z-index:100;background:#141419fa;border:1px solid #ffffff1a;border-radius:10px;min-width:180px;margin-bottom:8px;padding:.75rem;animation:.2s usageDropdownIn;position:absolute;bottom:100%;right:0;box-shadow:0 8px 32px #0006}@keyframes usageDropdownIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.usage-mini__header{border-bottom:1px solid #ffffff14;align-items:center;gap:.375rem;margin-bottom:.5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.usage-mini__stats{flex-direction:column;gap:.375rem;margin-bottom:.625rem;display:flex}.usage-mini__stat{color:#888;align-items:center;gap:.375rem;font-size:.7rem;display:flex}.usage-mini__stat-label{flex:1}.usage-mini__stat-value{color:#ccc;font-weight:500}.usage-mini__bar-full-container{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:.75rem;overflow:hidden}.usage-mini__bar-full{border-radius:3px;height:100%;transition:width .3s}.usage-mini__upgrade{color:#fff;background:linear-gradient(135deg,#4d8eff,#8b5cf6);border:none;border-radius:6px;width:100%;padding:.5rem;font-size:.75rem;font-weight:500;transition:all .2s}.usage-mini__upgrade:hover{transform:scale(1.02);box-shadow:0 4px 12px #4d8eff4d}.usage-mini--compact{align-items:center;gap:.5rem;padding:0 .25rem;display:flex}.usage-mini__bar-compact{background:#ffffff1a;border-radius:2px;width:60px;height:4px;overflow:hidden}.usage-mini__bar-fill{border-radius:2px;height:100%;transition:width .3s,background-color .3s}.usage-mini__count-compact{color:#888;font-variant-numeric:tabular-nums;min-width:36px;font-size:.75rem;font-weight:500}.usage-mini--minimal{opacity:.6;align-items:center;gap:.375rem;transition:opacity .15s;display:flex}.usage-mini--minimal:hover{opacity:1}.usage-mini__bar-minimal{background:#ffffff1a;border-radius:1px;width:40px;height:2px;overflow:hidden}.usage-mini__count-minimal{color:#555;font-variant-numeric:tabular-nums;font-size:.6rem;font-weight:500}@media (max-width:768px){.usage-mini__bar-compact{width:50px}.usage-mini__count-compact{font-size:.7rem}}@media (max-width:480px){.usage-mini__bar-container{width:32px}.usage-mini__count{font-size:.65rem}.usage-mini__dropdown{min-width:160px}.usage-mini__bar-compact{width:40px}.usage-mini__count-compact{min-width:30px;font-size:.65rem}}