[hidden]{display:none!important}
:root{--bg:#f4f3ef;--card:#fff;--tx:#1d1d1b;--mut:#6b6a66;--lin:#e2e0da;--pri:#1d1d1b;--ouro:#B8901C;--ok:#1f7a45;--err:#b42318;--sel:#fbf6e6}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:14px/1.45 Inter,system-ui,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
.btn{border:1px solid var(--lin);background:var(--card);padding:7px 12px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none}
.btn:hover{border-color:#bbb}
.btn.pri{background:var(--pri);border-color:var(--pri);color:#fff}
.btn.ouro{background:var(--ouro);border-color:var(--ouro);color:#fff}
.btn.peq{padding:4px 8px;font-size:12px}
.btn.perigo{color:var(--err)}
.btn.icone{padding:5px 8px}
input[type=text],input[type=number],input[type=url],input[type=password],textarea,select{width:100%;border:1px solid var(--lin);background:#fff;border-radius:7px;padding:8px 10px;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--ouro)}
textarea{resize:vertical;min-height:60px}
label.campo{display:block;margin:0 0 14px}
label.campo>span{display:block;font-size:12px;font-weight:600;color:var(--mut);margin-bottom:5px;text-transform:uppercase;letter-spacing:.03em}
.check{display:flex;align-items:center;gap:8px;margin:0 0 10px;cursor:pointer}
.check input{width:16px;height:16px;accent-color:var(--ouro)}
.linha{display:flex;gap:10px;align-items:center}
.linha>*{flex:1}
.linha>.status,.linha>.btn{flex:none}
.mut{color:var(--mut)}
.peq{font-size:12px}
h2{font-size:18px;margin:0 0 14px}
h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin:22px 0 10px}
/* login */
.login{max-width:340px;margin:16vh auto;background:var(--card);padding:28px;border-radius:12px;border:1px solid var(--lin)}
.login h1{font-size:20px;margin:0 0 4px}
/* topo */
.topo{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--card);border-bottom:1px solid var(--lin);position:sticky;top:0;z-index:10;flex-wrap:wrap}
.topo .marca{font-weight:700;font-size:15px;margin-right:auto}
.topo .marca b{color:var(--ouro)}
.topo input.titulo{max-width:360px;font-weight:600;border-color:transparent}
.topo input.titulo:hover{border-color:var(--lin)}
.salvo{font-size:12px;color:var(--mut);min-width:80px}
.status{font-size:12px;padding:3px 8px;border-radius:20px;background:#eee}
.status.on{background:#dff3e6;color:var(--ok)}
.abas{display:flex;gap:2px;padding:0 20px;background:var(--card);border-bottom:1px solid var(--lin);overflow-x:auto}
.abas button{border:0;background:none;padding:11px 14px;cursor:pointer;border-bottom:2px solid transparent;color:var(--mut);white-space:nowrap}
.abas button.on{color:var(--tx);border-bottom-color:var(--ouro);font-weight:600}
/* lista */
.pag{max-width:1100px;margin:0 auto;padding:24px 20px}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.cartao{background:var(--card);border:1px solid var(--lin);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}
.cartao h4{margin:0;font-size:15px;cursor:pointer}
.cartao .num{font-size:26px;font-weight:700}
.cartao .acoes{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.vazio{text-align:center;padding:60px 20px;color:var(--mut)}
/* editor */
.editor{display:grid;grid-template-columns:290px 1fr 380px;gap:0;height:calc(100vh - 106px)}
.col{overflow:auto;padding:16px}
.col.lista{background:var(--card);border-right:1px solid var(--lin)}
.col.previa{border-left:1px solid var(--lin);padding:0;background:#ddd;display:flex;flex-direction:column}
.col.previa iframe{flex:1;border:0;width:100%;background:#111}
.col.previa .barra{padding:8px 12px;background:var(--card);display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--lin)}
.item{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;cursor:pointer;border:1px solid transparent;margin-bottom:3px}
.item:hover{background:#f7f6f2}
.item.on{background:var(--sel);border-color:#ecd9a0}
.item .ic{flex:none;width:26px;height:22px;border-radius:5px;background:#efe9d6;font-size:11px;font-weight:700;display:grid;place-items:center;color:#7a5d0a}
.item .tt{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item .mv{display:none;gap:2px}
.item:hover .mv,.item.on .mv{display:flex}
.item .mv button{border:0;background:none;cursor:pointer;padding:0 3px;color:var(--mut)}
.secao{font-size:11px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.05em;margin:14px 4px 6px}
.painel{background:var(--card);border:1px solid var(--lin);border-radius:12px;padding:20px;max-width:760px;margin:0 auto}
.opcao{display:flex;gap:6px;align-items:center;margin-bottom:6px}
.opcao .let{width:24px;text-align:center;font-size:12px;font-weight:700;color:var(--mut)}
.opcao input.pts{width:74px;flex:none}
.regra{display:grid;grid-template-columns:auto 130px 1fr auto 1fr auto;gap:6px;align-items:center;margin-bottom:8px;padding:8px;background:#faf9f6;border:1px solid var(--lin);border-radius:8px}
.chips{display:flex;gap:5px;flex-wrap:wrap;margin:-8px 0 14px}
.chip{font-size:11px;border:1px dashed #c9b97a;background:#fffbea;border-radius:12px;padding:2px 8px;cursor:pointer}
.menu-tipos{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.menu-tipos button{justify-content:flex-start}
table{width:100%;border-collapse:collapse;background:var(--card);font-size:13px}
th,td{border-bottom:1px solid var(--lin);padding:8px 10px;text-align:left;vertical-align:top}
th{position:sticky;top:0;background:#faf9f6;font-size:12px;color:var(--mut);font-weight:600}
.tabela{overflow:auto;max-height:65vh;border:1px solid var(--lin);border-radius:10px}
.resumo{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:22px}
.barra-r{height:8px;background:#eee;border-radius:4px;overflow:hidden;margin:3px 0 8px}
.barra-r i{display:block;height:100%;background:var(--ouro)}
.cod{font-family:ui-monospace,Menlo,monospace;font-size:12px;background:#f6f5f1;border:1px solid var(--lin);border-radius:7px;padding:10px;word-break:break-all;white-space:pre-wrap}
.cores{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cor{display:flex;gap:8px;align-items:center}
.cor input[type=color]{width:42px;height:36px;border:1px solid var(--lin);border-radius:7px;padding:2px;background:#fff}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1d1d1b;color:#fff;padding:9px 16px;border-radius:8px;z-index:99;font-size:13px}
.modal-fundo{position:fixed;inset:0;background:#0007;display:grid;place-items:center;z-index:50;padding:16px}
.modal{background:var(--card);border-radius:12px;padding:22px;width:100%;max-width:520px;max-height:90vh;overflow:auto}
@media (max-width:1200px){.editor{grid-template-columns:250px 1fr}.col.previa{display:none}}
@media (max-width:760px){.editor{grid-template-columns:1fr;height:auto}.col.lista{border-right:0;border-bottom:1px solid var(--lin);max-height:40vh}.regra{grid-template-columns:1fr 1fr}.topo input.titulo{max-width:none}}
/* imagens */
.rot-campo{display:block;font-size:12px;font-weight:600;color:var(--mut);margin-bottom:5px;text-transform:uppercase;letter-spacing:.03em}
div.campo{margin:0 0 14px}
.img-campo{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-radius:9px}
.img-campo .img-prev{width:150px;height:96px;border-radius:8px;border:1px dashed #c9c5ba;background:#faf9f6 center/cover no-repeat;display:grid;place-items:center;text-align:center;font-size:11px;color:var(--mut);cursor:pointer;flex:none}
.img-campo.tem .img-prev{border-style:solid;border-color:var(--lin)}
.img-campo .img-acoes{display:flex;gap:6px;flex-wrap:wrap}
.img-campo.sobre .img-prev{border-color:var(--ouro);background-color:var(--sel)}
.img-campo.enviando{opacity:.5;pointer-events:none}
.img-campo.compacto{position:relative;gap:0;flex:none}
.img-campo.compacto .img-prev{width:38px;height:38px;font-size:16px}
.img-campo.compacto .x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:0;background:#1d1d1b;color:#fff;font-size:10px;cursor:pointer;padding:0}
/* aparência */
input[type=range]{width:100%;accent-color:var(--ouro)}
.seg{display:inline-flex;border:1px solid var(--lin);border-radius:8px;overflow:hidden;margin:0 0 14px;flex-wrap:wrap}
.seg button{border:0;background:#fff;padding:7px 14px;cursor:pointer;border-right:1px solid var(--lin)}
.seg button:last-child{border-right:0}
.seg button.on{background:var(--pri);color:#fff}
.modelos{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
.modelo{position:relative;border:1px solid var(--lin);background:#fff;border-radius:9px;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:5px;font-size:12px;text-align:left}
.modelo:hover{border-color:var(--ouro)}
.amostra{height:46px;border-radius:6px;display:flex;align-items:flex-end;justify-content:space-between;padding:6px;border:1px solid #0001}
.amostra i{width:28px;height:10px;border-radius:3px}
.amostra b{font-size:15px}
.modelo .x{position:absolute;top:2px;right:4px;font-style:normal;color:var(--mut);padding:2px 4px}
.modelo .x:hover{color:var(--err)}
.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px;margin-top:8px}
details summary{cursor:pointer;color:var(--mut)}
.opcao .oimg{flex:none}
/* prévia do link */
.og-grade{display:grid;grid-template-columns:1fr 300px;gap:18px;margin-bottom:8px}
.og{border:1px solid var(--lin);border-radius:10px;overflow:hidden;background:#e7f7dc;max-width:300px}
.og-img{aspect-ratio:1.91;background:#ddd center/cover}
.og-txt{padding:8px 10px;display:flex;flex-direction:column;gap:2px;background:#d9f2c8;font-size:12px}
.og-txt small{color:#5b6b52}.og-txt span{color:#4a5a42}
@media (max-width:900px){.og-grade{grid-template-columns:1fr}}