@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  [data-v-e4044574], [data-v-e4044574]::before, [data-v-e4044574]::after, [data-v-e4044574]::backdrop { --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-duration: initial; --tw-border-style: solid; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; }
}
}
.hero-title[data-v-e4044574] { --tw-leading: 1.08; --tw-font-weight: var(--font-weight-bold,700); line-height: 1.08; font-weight: var(--font-weight-bold,700); --tw-tracking: -.6px; letter-spacing: -0.6px; color: var(--color-text-primary,#2d2d2d); font-size: clamp(22px, 3.5vw, 28px); }
.storage-card[data-v-e4044574] { align-items: center; gap: calc(var(--spacing,.25rem) * 2.5); border-radius: var(--radius-xl,.75rem); padding-inline: calc(var(--spacing,.25rem) * 3); padding-block: calc(var(--spacing,.25rem) * 2); backdrop-filter: blur(8px); background: rgba(255, 255, 255, 0.75); border: 1px solid rgba(232, 228, 223, 0.6); min-width: 220px; display: flex; box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 3px; }
.storage-bar-track[data-v-e4044574] { height: calc(var(--spacing,.25rem) * 1.5); background: rgba(16, 185, 129, 0.1); border-radius: 2.14748e+09px; width: 100%; overflow: hidden; }
.storage-bar-fill[data-v-e4044574] { height: 100%; transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1))); --tw-duration: .7s; background: linear-gradient(90deg, rgb(16, 185, 129), rgb(52, 211, 153)); border-radius: 2.14748e+09px; min-width: 2px; transition-duration: 0.7s; }
.field-label[data-v-e4044574] { margin-bottom: var(--spacing,.25rem); font-size: var(--text-xs,.75rem); line-height: var(--tw-leading,var(--text-xs--line-height,calc(1 / .75))); --tw-font-weight: var(--font-weight-medium,500); font-weight: var(--font-weight-medium,500); color: rgba(45, 45, 45, 0.7); display: block; }
@supports (color:color-mix(in lab, red, red)) {
  .field-label[data-v-e4044574] { color: rgba(45, 45, 45, 0.7); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .field-label[data-v-e4044574] { color: color-mix(in oklab, var(--color-text-primary,#2d2d2d) 70%, transparent); }
}
}
:is(.field-input[data-v-e4044574], [data-v-e4044574] .field-input) { border-radius: var(--radius-lg,.5rem); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-brand-border-dark,#d4ccc3); background-color: var(--color-card,#fff); width: 100%; padding-inline: calc(var(--spacing,.25rem) * 3); padding-block: calc(var(--spacing,.25rem) * 2); font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); color: var(--color-text-primary,#2d2d2d); --tw-outline-style: none; outline-style: none; transition: border-color 0.2s, box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1); }
.field-input[data-v-e4044574]:disabled, [data-v-e4044574] .field-input:disabled { opacity: 0.5; cursor: not-allowed; }
.field-input[data-v-e4044574]:hover, [data-v-e4044574] .field-input:hover { border-color: rgba(224, 123, 79, 0.4); box-shadow: rgba(224, 123, 79, 0.08) 0px 0px 0px 1px, rgba(224, 123, 79, 0.06) 0px 0px 8px; }
.field-input[data-v-e4044574]:focus, [data-v-e4044574] .field-input:focus { border-color: rgba(224, 123, 79, 0.6); box-shadow: rgba(224, 123, 79, 0.25) 0px 0px 0px 1px, rgba(224, 123, 79, 0.18) 0px 0px 4px, rgba(224, 123, 79, 0.08) 0px 0px 10px, rgba(224, 123, 79, 0.03) 0px 0px 24px; }
.field-input[data-v-e4044574]::placeholder { color: rgba(102, 102, 102, 0.55); }
[data-v-e4044574] .field-input::placeholder { color: rgba(102, 102, 102, 0.55); }
@supports (color:color-mix(in lab, red, red)) {
  [data-v-e4044574] .field-input::placeholder { color: rgba(102, 102, 102, 0.55); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  [data-v-e4044574] .field-input::placeholder { color: color-mix(in oklab, var(--color-text-secondary,#666) 55%, transparent); }
}
  .field-input[data-v-e4044574]::placeholder { color: rgba(102, 102, 102, 0.55); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .field-input[data-v-e4044574]::placeholder { color: color-mix(in oklab, var(--color-text-secondary,#666) 55%, transparent); }
}
}
.search-glow[data-v-e4044574] { pointer-events: none; inset: calc(var(--spacing,.25rem) * -1); border-radius: var(--radius-xl,.75rem); opacity: 0; background: radial-gradient(rgba(224, 123, 79, 0.2), rgba(0, 0, 0, 0) 70%); transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1); position: absolute; }
.group\/search:focus-within .search-glow[data-v-e4044574] { opacity: 1; }
.search-input[data-v-e4044574] { border-radius: var(--radius-xl,.75rem); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-brand-border-dark,#d4ccc3); background-color: rgba(255, 255, 255, 0.75); width: 100%; }
@supports (color:color-mix(in lab, red, red)) {
  .search-input[data-v-e4044574] { background-color: rgba(255, 255, 255, 0.75); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .search-input[data-v-e4044574] { background-color: color-mix(in oklab, var(--color-card,#fff) 75%, transparent); }
}
}
.search-input[data-v-e4044574] { padding-block: calc(var(--spacing,.25rem) * 2.5); padding-right: calc(var(--spacing,.25rem) * 10); padding-left: calc(var(--spacing,.25rem) * 10); font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); --tw-tracking: -.1px; letter-spacing: -0.1px; color: var(--color-text-primary,#2d2d2d); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-outline-style: none; outline-style: none; transition: border-color 0.2s, box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s; }
.search-input[data-v-e4044574]:hover { border-color: rgba(224, 123, 79, 0.4); box-shadow: rgba(224, 123, 79, 0.08) 0px 0px 0px 1px, rgba(224, 123, 79, 0.06) 0px 0px 8px; }
.search-input[data-v-e4044574]::placeholder { color: rgba(102, 102, 102, 0.55); }
@supports (color:color-mix(in lab, red, red)) {
  .search-input[data-v-e4044574]::placeholder { color: rgba(102, 102, 102, 0.55); }
  @supports (color:color-mix(in lch, red, blue)) and (top:var(--f)) {
  .search-input[data-v-e4044574]::placeholder { color: color-mix(in oklab, var(--color-text-secondary,#666) 55%, transparent); }
}
}
.search-input[data-v-e4044574]:focus { background-color: var(--color-card,#fff); border-color: rgba(224, 123, 79, 0.6); box-shadow: rgba(224, 123, 79, 0.25) 0px 0px 0px 1px, rgba(224, 123, 79, 0.2) 0px 0px 4px, rgba(224, 123, 79, 0.16) 0px 0px 10px, rgba(224, 123, 79, 0.08) 0px 0px 20px, rgba(224, 123, 79, 0.04) 0px 0px 36px, rgba(224, 123, 79, 0.016) 0px 0px 60px; }
@media (prefers-reduced-motion: reduce) {
  .dropzone-dragging[data-v-e4044574] { animation: auto ease 0s 1 normal none running none !important; }
}
@media screen {
  .dark .storage-card[data-v-e4044574] { background: var(--color-card); border-color: var(--color-brand-border); box-shadow: none; }
  .dark .field-input[data-v-e4044574], .dark .search-input[data-v-e4044574], .dark .search-input[data-v-e4044574]:focus { background-color: var(--color-input-background); }
  .dark .field-input[data-v-e4044574]::placeholder, .dark .search-input[data-v-e4044574]::placeholder { color: var(--color-text-tertiary); }
}
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }