/* Estilo inspirado en mixer.tresdefilia.com: negro, monoespaciado, paneles cuadrados. */
:root{--bg:#000;--fg:#fff;--muted:#9ca3af;--line:#4b5563;--panel:rgb(31 41 55/.7);--panel-hi:rgb(55 65 81/.7);--ok:#4ade80;--err:#f87171;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font:15px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.top{display:flex;align-items:center;justify-content:space-between;padding:8px}
.logo{display:flex;padding:16px;background:transparent}
.logo:hover{background:var(--panel)}
.logo:active,.btn:active{transform:translateY(4px)}
.logo img{display:block;height:40px;width:auto}
main{max-width:32rem;margin:0 auto 24px;padding:24px 16px;background:var(--panel)}
@media (min-width:640px){.top{padding:16px}.logo{padding:24px}main{margin-top:8px;padding:32px}}
h1,h2{font-size:1.5rem;line-height:1.2;margin:0 0 4px;font-weight:700}
h3{font-size:1.15rem;margin:24px 0 8px;padding-top:12px;border-top:1px solid var(--line)}
.lead{margin:0 0 16px;color:var(--muted)}
label{display:block;margin:16px 0 6px;font-weight:700}
.opt,.hint,.size{color:var(--muted);font-weight:400;font-size:.85rem}
input[type=text],textarea{width:100%;min-height:48px;padding:12px;font:inherit;color:inherit;background:#000;border:1px solid var(--line);border-radius:0}
textarea{resize:vertical}
input[type=file]{width:100%;min-height:48px;padding:10px 0;font:inherit;color:var(--muted)}
input[type=file]::file-selector-button{font:inherit;color:var(--fg);background:var(--panel-hi);border:0;padding:12px 16px;margin-right:12px;cursor:pointer}
input[type=file]::file-selector-button:hover{background:#4b5563}
input:focus-visible,textarea:focus-visible,.btn:focus-visible,a:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.btn{display:block;width:100%;min-height:56px;margin-top:24px;padding:16px;font:inherit;text-align:center;text-decoration:none;color:var(--fg);background:#374151;border:0;border-radius:0;cursor:pointer}
.btn:hover{background:#4b5563}
.btn:disabled{opacity:.5;cursor:progress;transform:none}
progress{display:block;width:100%;height:6px;border:0;background:#1f2937;appearance:none;-webkit-appearance:none}
progress::-webkit-progress-bar{background:#1f2937}
progress::-webkit-progress-value{background:var(--fg)}
progress::-moz-progress-bar{background:var(--fg)}
.files{list-style:none;margin:12px 0;padding:0;border-top:1px solid var(--line)}
.files:empty{border:0;margin:0}
.files li{padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.files li .size{display:block}
.files progress{margin-top:8px}
.dl a{color:var(--fg);text-underline-offset:3px;display:inline-block;min-height:24px}
.dl a:hover{background:var(--panel-hi)}
.notice{margin:16px 0 0;padding:12px;border:1px solid var(--line)}
.ok{color:var(--ok);border-color:var(--ok);font-weight:700}
.err{color:var(--err);border-color:var(--err)}
.meta{display:grid;grid-template-columns:1fr;gap:0;margin:16px 0 0}
.meta dt{font-weight:700;margin-top:10px}.meta dd{margin:0;overflow-wrap:anywhere;color:#e5e7eb}
@media (min-width:480px){.meta{grid-template-columns:max-content 1fr;column-gap:16px}.meta dt{margin-top:0}.meta dd{margin-bottom:8px}.files li .size{display:inline;margin-left:8px}}
[hidden]{display:none!important}