:root{--bg:#f6f5f2;--card:#fff;--ink:#1d1c1a;--mut:#6b6862;--line:#dedbd4;--acc:#8a5a2b;--accfg:#fff;--ok:#1f7a3d;--warn:#a15c00;--bad:#b3261e}
@media (prefers-color-scheme:dark){:root{--bg:#171614;--card:#222120;--ink:#f1efea;--mut:#a6a299;--line:#3a3834;--acc:#d49a5a;--accfg:#1a1208;--ok:#58c47a;--warn:#e0a24a;--bad:#ff8a80}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;padding:env(safe-area-inset-top) 16px calc(24px + env(safe-area-inset-bottom))}
#app{max-width:880px;margin:0 auto}
header.topo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:16px}
header.topo h1{font-size:18px;margin:0;flex:1}
.selo{font-size:12px;border:1px solid var(--warn);color:var(--warn);border-radius:999px;padding:2px 10px}
nav.menu{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
button,.btn,select,input,textarea{font:inherit}
button,.btn{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer;min-height:44px}
button.prim{background:var(--acc);color:var(--accfg);border-color:var(--acc);font-weight:600}
button.mini{min-height:36px;padding:6px 10px;font-size:14px}
button:disabled{opacity:.5;cursor:default}
input,select,textarea{width:100%;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px}
textarea{min-height:88px}
label{display:block;font-size:14px;color:var(--mut);margin:12px 0 4px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px}
.linha{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.mut{color:var(--mut);font-size:14px}
.chip{display:inline-block;font-size:12px;border-radius:999px;padding:2px 9px;border:1px solid var(--line);color:var(--mut)}
.chip.ok{color:var(--ok);border-color:var(--ok)}.chip.warn{color:var(--warn);border-color:var(--warn)}.chip.bad{color:var(--bad);border-color:var(--bad)}
.aviso{border-left:4px solid var(--warn);padding:8px 12px;background:var(--card);border-radius:8px;margin:10px 0;font-size:14px}
.erro{border-left-color:var(--bad);color:var(--bad)}
.barra{height:8px;background:var(--line);border-radius:6px;overflow:hidden;margin-top:6px}.barra>i{display:block;height:100%;background:var(--acc);width:0}
.midia img,.midia video{width:100%;max-height:260px;object-fit:contain;background:#000;border-radius:8px;margin-top:8px}
.nome{word-break:break-all;font-weight:600}
.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all}
.carregando{color:var(--mut);padding:40px 0;text-align:center}
.dropzone{border:2px dashed var(--line);border-radius:14px;padding:18px;text-align:center}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{border-bottom:1px solid var(--line);padding:6px;text-align:left;vertical-align:top}