.vu{width:100%;max-width:44rem;margin-inline:auto;text-align:left;display:flex;flex-direction:column;gap:clamp(1.6rem,4.5vh,2.6rem)}.vu-h2{margin:0 0 .2rem;font-variation-settings:"SOFT" 70,"opsz" 40,"wght" 460;font-size:1.3rem;color:var(--pine)}.vu-form,.vu-record{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.4rem,4vw,2rem);background:color-mix(in srgb,var(--paper) 55%,#ffffff 45%);border:1px solid color-mix(in srgb,color-mix(in srgb,var(--pine) 55%,var(--gold) 45%) 26%,transparent);border-radius:1.1rem;box-shadow:0 1px 2px color-mix(in srgb,var(--pine) 6%,transparent)}.vu-field{display:flex;flex-direction:column;gap:.4rem}.vu-field label,.vu-consent legend{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:600;color:var(--gold)}.vu-field input[type=text]{font:inherit;color:var(--ink);background:var(--paper);border:1px solid color-mix(in srgb,var(--pine) 22%,transparent);border-radius:.7rem;padding:.7rem .85rem;width:100%;transition:border-color .2s}.vu-field input[type=text]:focus{outline:none;border-color:var(--pine)}.vu-field input[type=file]{font:inherit;font-size:.9rem;color:var(--ink-soft)}.vu-field input[type=file]::file-selector-button{font:inherit;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pine);background:color-mix(in srgb,var(--sage) 22%,transparent);border:1px solid color-mix(in srgb,var(--pine) 24%,transparent);border-radius:999px;padding:.55rem 1.1rem;margin-right:.85rem;cursor:pointer;transition:background-color .2s}.vu-field input[type=file]::file-selector-button:hover{background:color-mix(in srgb,var(--sage) 34%,transparent)}.vu-hint{margin:0;font-size:.78rem;line-height:1.5;color:color-mix(in srgb,var(--ink-soft) 80%,transparent)}.vu-consent{margin:0;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:.8rem;background:color-mix(in srgb,var(--gold) 8%,transparent);display:flex;flex-direction:column;gap:.5rem}.vu-consent legend{padding:0 .4rem}.vu-check{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;font-size:.9rem;color:var(--ink);line-height:1.5}.vu-check input{margin-top:.15rem;width:1.05rem;height:1.05rem;accent-color:var(--pine);flex:none}.vu-msg{margin:0;font-size:.9rem;line-height:1.5}.vu-msg--error{color:var(--berry)}.vu-msg--ok{color:var(--pine)}.vu-note{margin:0;font-size:.9rem;line-height:1.5;color:var(--ink-soft)}.vu-note--soft{padding:.9rem 1.1rem;border-radius:.8rem;background:color-mix(in srgb,var(--sage) 14%,transparent);border:1px solid color-mix(in srgb,var(--pine) 14%,transparent);text-align:center}.vu-stage{position:relative;border-radius:.9rem;overflow:hidden;background:var(--ink);border:1px solid color-mix(in srgb,var(--pine) 20%,transparent)}.vu-video{display:block;width:100%;max-height:60vh;aspect-ratio:16 / 9;object-fit:contain;background:var(--ink)}.vu-timer{position:absolute;top:.7rem;left:.7rem;margin:0;display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--ink) 55%,transparent);color:var(--paper);font-size:.82rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}.vu-rec-dot{width:.6rem;height:.6rem;border-radius:999px;background:var(--berry);box-shadow:0 0 color-mix(in srgb,var(--berry) 70%,transparent);animation:vu-pulse 1.4s ease-in-out infinite}@keyframes vu-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.vu-record__actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.vu-btn{align-self:flex-start;font:inherit;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);background:var(--pine);border:1px solid var(--pine);border-radius:999px;padding:.8rem 1.7rem;cursor:pointer;transition:background-color .2s,transform .2s,opacity .2s}.vu-btn:hover:not(:disabled){background:color-mix(in srgb,var(--pine) 88%,var(--blossom));transform:translateY(-1px)}.vu-btn:disabled{opacity:.5;cursor:not-allowed}.vu-btn--ghost{color:var(--pine);background:transparent}.vu-btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--sage) 18%,transparent)}.vu-queue{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.vu-queue__item{display:flex;flex-direction:column;gap:.45rem;padding:.55rem .8rem;border-radius:.6rem;background:color-mix(in srgb,var(--paper) 70%,#ffffff 30%);border:1px solid color-mix(in srgb,var(--pine) 12%,transparent);font-size:.85rem}.vu-queue__row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap}.vu-queue__name{color:var(--ink);overflow-wrap:anywhere;min-width:0}.vu-bar{width:100%;height:.4rem;border-radius:999px;background:color-mix(in srgb,var(--pine) 12%,transparent);overflow:hidden}.vu-bar__fill{display:block;height:100%;border-radius:inherit;background:var(--gold);transition:width .2s ease}@media(prefers-reduced-motion:reduce){.vu-bar__fill{transition:none}}.vu-queue__status{font-size:.76rem;letter-spacing:.04em;color:var(--ink-soft);white-space:nowrap}.vu-queue__item--uploading{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.vu-queue__item--uploading .vu-queue__status{color:var(--gold)}.vu-queue__item--done{border-color:color-mix(in srgb,var(--pine) 30%,transparent)}.vu-queue__item--done .vu-queue__status{color:var(--pine)}.vu-queue__item--error{border-color:color-mix(in srgb,var(--berry) 40%,transparent)}.vu-queue__item--error .vu-queue__status{color:var(--berry)}.vu-gallery{width:100%}.vu-state{margin:0;text-align:center;color:var(--ink-soft);font-style:italic}.vu-state--error{color:var(--berry)}.vu-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:clamp(.8rem,2.5vw,1.2rem)}.vu-tile{display:flex;flex-direction:column;gap:.45rem;padding:.6rem;background:color-mix(in srgb,var(--paper) 62%,#ffffff 38%);border:1px solid color-mix(in srgb,var(--pine) 14%,transparent);border-radius:1rem;box-shadow:0 1px 2px color-mix(in srgb,var(--pine) 5%,transparent)}.vu-tile__video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:.7rem;background:var(--ink)}.vu-tile__name{font-family:var(--font-display);font-style:italic;font-variation-settings:"SOFT" 70,"opsz" 24,"wght" 400;font-size:.9rem;color:var(--pine);padding-inline:.25rem}@media(prefers-reduced-motion:reduce){.vu-btn,.vu-field input{transition:none}.vu-btn:hover:not(:disabled){transform:none}.vu-rec-dot{animation:none}}