:root { --cor: #e8590c; --fundo: #f6f5f3; --texto: #1c1b19; --card: #fff; --borda: #e4e1db; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: var(--fundo); color: var(--texto); }
a { color: var(--cor); }
.wrap { max-width: 920px; margin: 0 auto; padding: 16px; }
.card { background: var(--card); border: 1px solid var(--borda); border-radius: 12px; padding: 16px; margin-bottom: 16px; }
h1, h2 { margin: 0 0 12px; }
label { display: block; font-size: 14px; margin: 10px 0 4px; }
input, select, textarea { width: 100%; padding: 10px; border: 1px solid var(--borda); border-radius: 8px; font: inherit; background: #fff; color: var(--texto); }
input[type=color] { padding: 2px; height: 42px; }
button { background: var(--cor); color: #fff; border: 0; border-radius: 8px; padding: 10px 16px; font: inherit; cursor: pointer; margin-top: 12px; }
button.sec { background: transparent; color: var(--texto); border: 1px solid var(--borda); }
button.perigo { background: #c92a2a; }
.erro { color: #c92a2a; font-size: 14px; min-height: 20px; }
.grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.item img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 8px; background: #eee; }
.item .nome { font-weight: 600; margin-top: 6px; }
.item .preco { color: var(--cor); font-weight: 700; }
.linha { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.topo { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.tabs { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.tabs button { margin: 0; }
.tabs button.ativa { background: var(--cor); color: #fff; }
.aux { font-size: 13px; opacity: .7; }
.oculto { display: none; }
.url { word-break: break-all; font-family: monospace; font-size: 13px; }
@media (prefers-color-scheme: dark) {
  :root { --fundo: #161513; --texto: #f1efea; --card: #22211e; --borda: #3a3833; }
  input, select, textarea { background: #161513; }
}