:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#10100f;color:#eddfc4;font:15px 'Segoe UI',sans-serif}main{max-width:1000px;margin:auto;padding:40px 24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #57432b;padding-bottom:20px}header span{font:bold 30px Georgia;color:#d2a84a}small,.muted{color:#ad9e88}section{margin:35px 0;padding:28px;background:#191714;border:1px solid #433626}h1,h2{font-family:Georgia}p{line-height:1.7}input,select{padding:12px;background:#0e0e0e;border:1px solid #665132;color:#fff;max-width:100%;margin:8px 0}label{display:block}button,.button{display:inline-block;border:1px solid #aa8340;background:#755724;color:#fff1ce;padding:12px 20px;cursor:pointer;text-decoration:none;margin:8px 8px 8px 0}button:disabled{opacity:.45;cursor:wait}a{color:#d2a84a}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0e0e0e;padding:18px;max-height:360px;overflow:auto}#message{white-space:pre-wrap;color:#e4bf75}progress{width:100%;accent-color:#c99a3a}footer{margin-top:40px}input[type=password]{display:block}[hidden]{display:none!important}

header .brand{display:block;width:188px;height:80px;object-fit:contain;flex-shrink:0}@media(max-width:480px){header{gap:16px}header .brand{width:141px;height:60px}header small{text-align:right;font-size:10px}}

/* Login com campos alinhados e largura consistente. */
#login{max-width:480px;margin:35px auto;padding:28px}#login h1{margin:0 0 24px;font-size:28px}#login-form{display:grid;gap:18px}#login-form>label:not(.password-toggle){display:grid;gap:8px}#login-form input:not([type=checkbox]){display:block;width:100%;min-width:0;margin:0;height:46px;font:inherit;border-radius:3px}#login-form input:focus-visible{outline:2px solid #d2a84a;outline-offset:2px}#login-form .password-toggle{display:flex;align-items:center;gap:8px;color:#ad9e88;font-size:14px}#show-password{margin:0;width:16px;height:16px;accent-color:#c99a3a}#login-form button{margin:0;width:100%;font:inherit}#message:empty{display:none}@media(max-width:480px){#login{padding:22px}#login h1{font-size:24px}}

input[type=file]{display:block;width:100%;color:#cdbd9f;border-radius:4px;padding:8px;font:inherit}
input[type=file]::file-selector-button{background:#755724;color:#fff1ce;border:1px solid #aa8340;border-radius:3px;padding:10px 16px;margin-right:14px;font:inherit;cursor:pointer}
input[type=file]::file-selector-button:hover{background:#8b682c}
input[type=file]:disabled::file-selector-button{opacity:.5;cursor:wait}
.file-preview{margin:14px 0 20px}.file-summary{color:#cbb389;font-size:13px;margin:0 0 10px}.file-list{list-style:none;padding:0;margin:0;max-height:340px;overflow:auto;border:1px solid #433626;border-radius:4px;background:#100f0d}.file-list li{display:flex;align-items:center;gap:14px;padding:14px;border-bottom:1px solid #30281f}.file-list li:last-child{border-bottom:0}.file-kind{min-width:42px;text-align:center;color:#d2a84a;font-size:11px;font-weight:600;background:#2b2317;padding:10px 5px;border:1px solid #5c4628;border-radius:3px}.file-info{flex:1;min-width:0;display:grid;gap:5px}.file-info strong{font-weight:500;overflow-wrap:anywhere}.file-info span{font-size:12px;color:#ad9e88}.file-state{color:#d6b677;font-size:12px;text-align:right;flex-shrink:0}@media(max-width:480px){.file-list li{flex-wrap:wrap;gap:10px}.file-state{width:100%;text-align:left;padding-left:52px}}