:root{--color-negro:#000;--color-blanco:#fff;--color-amarillo:#fbcb22;--color-panel:#000000d1;--color-borde:#ffffff24;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-negro);min-height:100%;color:var(--color-blanco);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}.mono{font-family:var(--font-mono)}button:disabled{cursor:not-allowed}*{scrollbar-color:var(--color-amarillo) transparent;scrollbar-width:thin}.media-card{background:var(--color-panel);border:1px solid var(--color-borde);flex-direction:column;min-width:0;transition:border-color .15s;display:flex}.media-card.is-over{border-color:var(--color-amarillo);box-shadow:0 0 0 2px var(--color-amarillo)}.media-card__thumb{aspect-ratio:16/9;cursor:pointer;background:#000;border:0;padding:0;display:block;position:relative;overflow:hidden}.media-card__thumb video,.media-card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.media-card__empty{color:#fff6;place-items:center;height:100%;font-size:.75rem;display:grid}.media-card__code{background:var(--color-negro);color:var(--color-amarillo);padding:.1rem .4rem;font-size:.7rem;position:absolute;top:.4rem;left:.4rem}.media-card__replace{background:var(--color-amarillo);color:var(--color-negro);text-align:center;padding:.4rem;font-size:.72rem;transition:transform .15s;position:absolute;inset:auto 0 0;transform:translateY(100%)}.media-card__thumb:hover .media-card__replace,.media-card__thumb:focus-visible .media-card__replace,.media-card.is-over .media-card__replace{transform:translateY(0)}.media-card__thumb:focus-visible{outline:2px solid var(--color-amarillo);outline-offset:-2px}.media-card__body{flex-direction:column;gap:.3rem;padding:.7rem .8rem .8rem;display:flex}.media-card__title{font-size:.92rem;font-weight:600}.media-card__file{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.media-card__label{gap:.4rem;margin-top:.3rem;display:flex}.media-card__label input{border:1px solid var(--color-borde);min-width:0;color:var(--color-blanco);font:inherit;background:0 0;flex:1;padding:.35rem .5rem;font-size:.8rem}.media-card__label input:focus{border-color:var(--color-amarillo);outline:none}.media-card__label button{background:var(--color-amarillo);color:var(--color-negro);font:inherit;cursor:pointer;border:0;padding:.35rem .6rem;font-size:.75rem;font-weight:700}.media-card__error{color:#ff7a6b;font-size:.75rem}@media (prefers-reduced-motion:reduce){.media-card__replace{transition:none}}.media-folder{border-left:3px solid var(--color-amarillo);outline-offset:-2px;background:#ffffff08;outline:2px dashed #0000;transition:outline-color .15s,background .15s;position:relative}.media-folder.is-over{outline-color:var(--color-amarillo);background:#fbcb2212}.media-folder__header{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:1rem 1.25rem;display:flex}.media-folder__header:focus-visible{outline:2px solid var(--color-amarillo);outline-offset:-2px}.media-folder__arrow{color:var(--color-amarillo);width:1ch}.media-folder__title{font-size:1.15rem;font-weight:700}.media-folder__meta{color:#ffffff80;font-size:.75rem}.media-folder__drop-hint{background:var(--color-amarillo);color:var(--color-negro);pointer-events:none;padding:.25rem .6rem;font-size:.75rem;position:absolute;top:1rem;right:1.25rem}.media-folder__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:0 1.25rem 1.25rem;display:grid}.confirm-replace{z-index:200;background:#000000b3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm-replace__panel{background:var(--color-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:3px solid var(--color-amarillo);scrollbar-color:var(--color-amarillo) transparent;scrollbar-width:thin;width:min(760px,100%);max-height:90vh;padding:1.5rem;overflow-y:auto}.confirm-replace__title{margin:0 0 .4rem;font-size:1.3rem;font-weight:800}.confirm-replace__lead{color:#ffffffa6;margin:0 0 1.25rem;font-size:.9rem}.confirm-replace__rows{flex-direction:column;gap:1rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.confirm-replace__row{border:1px solid var(--color-borde);grid-template-columns:120px auto 120px 1fr;align-items:center;gap:.75rem;padding:.75rem;display:grid}.confirm-replace__row.is-done{border-color:var(--color-amarillo)}.confirm-replace__media{margin:0}.confirm-replace__media video,.confirm-replace__media img,.confirm-replace__blank{aspect-ratio:16/9;object-fit:cover;background:#000;width:120px;display:block}.confirm-replace__media figcaption{color:#ffffff80;margin-top:.25rem;font-size:.65rem}.confirm-replace__arrow{color:var(--color-amarillo)}.confirm-replace__info{flex-direction:column;gap:.35rem;min-width:0;display:flex}.confirm-replace__file{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.confirm-replace__size{color:#ffffff80;font-size:.7rem}.confirm-replace__target{font-size:.85rem}.confirm-replace__target .mono{color:#ffffff80;font-size:.7rem}.confirm-replace__select{flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.confirm-replace__select select{border:1px solid var(--color-borde);background:var(--color-negro);color:var(--color-blanco);font:inherit;padding:.4rem;font-size:.8rem}.confirm-replace__note{color:var(--color-amarillo);font-size:.78rem}.confirm-replace__error{color:#ff7a6b;font-size:.78rem}.confirm-replace__progress{color:#ffffffb3;font-size:.75rem}.confirm-replace__ok{color:var(--color-amarillo);font-size:.75rem}.confirm-replace__actions{justify-content:flex-end;gap:.75rem;display:flex}.confirm-replace__cancel,.confirm-replace__confirm{font:inherit;cursor:pointer;padding:.65rem 1.3rem;font-size:.9rem}.confirm-replace__cancel{border:1px solid var(--color-borde);color:var(--color-blanco);background:0 0}.confirm-replace__confirm{background:var(--color-amarillo);color:var(--color-negro);border:0;font-weight:700}.confirm-replace__confirm:disabled,.confirm-replace__cancel:disabled{opacity:.4;cursor:not-allowed}@media (width<=640px){.confirm-replace__row{grid-template-columns:1fr auto 1fr}.confirm-replace__info{grid-column:1/-1}.confirm-replace__media video,.confirm-replace__media img,.confirm-replace__blank{width:100%}}.project-panel__status{color:#fff9}.project-panel__status--error{color:#ff7a6b}.project-panel__folders{flex-direction:column;gap:1.25rem;display:flex}.project-panel__toast{z-index:300;background:var(--color-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:3px solid var(--color-amarillo);padding:.8rem 1.2rem;font-size:.9rem;position:fixed;bottom:1.5rem;right:1.5rem}.login{place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.login__panel{border-top:3px solid var(--color-amarillo);background:#ffffff08;flex-direction:column;gap:1rem;width:min(380px,100%);padding:2rem;display:flex}.login__title{margin:0;font-size:1.6rem;font-weight:800}.login__lead{color:#fff9;margin:-.5rem 0 .5rem;font-size:.9rem}.login__field{flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.login__field input{border:1px solid var(--color-borde);width:100%;min-width:0;color:var(--color-blanco);font:inherit;background:0 0;padding:.6rem .7rem;font-size:1rem}.login__field input:focus{border-color:var(--color-amarillo);outline:none}.login__user{align-items:center;gap:.5rem;display:flex}.login__user .mono{color:#ffffff80;white-space:nowrap;font-size:.75rem}.login__error{color:#ff7a6b;margin:0;font-size:.85rem}.login__submit{background:var(--color-amarillo);color:var(--color-negro);font:inherit;cursor:pointer;border:0;margin-top:.5rem;padding:.75rem;font-weight:700}.login__submit:disabled{opacity:.5}.app{min-height:100vh}.app__header{z-index:100;background:var(--color-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-borde);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,3vw,2.5rem);display:flex;position:sticky;top:0}.app__brand{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.app__marca{color:var(--color-amarillo);font-size:.75rem}.app__projects{flex-wrap:wrap;gap:.25rem;display:flex}.app__project{color:#ffffffa6;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:.45rem .9rem;font-size:.9rem}.app__project:hover,.app__project:focus-visible{color:var(--color-blanco);border-color:var(--color-borde);outline:none}.app__project.is-active{background:var(--color-amarillo);color:var(--color-negro);font-weight:700}.app__session{align-items:center;gap:1rem;display:flex}.app__email{color:#ffffff8c;font-size:.75rem}.app__logout{border:1px solid var(--color-borde);color:var(--color-blanco);font:inherit;cursor:pointer;background:0 0;padding:.5rem .9rem;font-size:.85rem}.app__logout:hover,.app__logout:focus-visible{border-color:var(--color-amarillo);color:var(--color-amarillo);outline:none}.app__main{max-width:1400px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.app__intro{margin-bottom:1.75rem}.app__title{letter-spacing:-.01em;margin:0 0 .35rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800}.app__hint{color:#fff9;max-width:60ch;margin:0;font-size:.9rem}.app__status{color:#fff9}.app__status--error{color:#ff7a6b}@media (width<=640px){.app__email{display:none}}