/* Criador de skins */
.sl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:start}
.sl-view{position:sticky;top:84px;display:grid;gap:12px;padding:16px}
.sl-3d{position:relative;height:min(62vh,560px);min-height:340px;background:radial-gradient(ellipse at 50% 40%,#3a2c28 0%,#140e10 70%);box-shadow:inset 0 0 0 2px #000;overflow:hidden;touch-action:none}
.sl-3d canvas.v3d{display:block;width:100%;height:100%}
.sl-3d.pintando{cursor:crosshair}
.sl-modo{position:absolute;left:10px;top:10px;z-index:2;display:flex;gap:6px}
.sl-giro{position:absolute;right:10px;top:10px;z-index:2;display:flex;gap:6px}
.sl-modo [aria-pressed="true"],.sl-ferr [aria-pressed="true"],.sl-cam [aria-pressed="true"]{background:var(--fox);color:var(--fox-ink)}
.sl-bar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.sl-bar label{margin:0;font-weight:600;font-size:.9rem}
.sl-mod{display:flex;align-items:center;gap:8px}
.sl-mod select{width:auto;padding:6px 10px}
.sl-hist{display:flex;gap:6px}
.sl-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sl-topo{display:grid;gap:8px}
.sl-topo[hidden]{display:none}
.sl-origem{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sl-origem>span,.sl-partes>span{font-weight:700;font-size:.86rem;color:var(--ash)}
.sl-origem [aria-pressed="true"]{background:var(--fox);color:var(--fox-ink)}
.sl-vista{display:grid;gap:8px}
.sl-partes{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.sl-pt{border:0;cursor:pointer;padding:5px 9px;font:700 .78rem var(--f-body);color:var(--ash);background:var(--soil);box-shadow:inset 0 0 0 2px var(--bark-3);text-decoration:line-through}
.sl-pt[aria-pressed="true"]{color:var(--snow);background:var(--bark-2);box-shadow:inset 0 0 0 2px var(--line-2);text-decoration:none}
.sl-pose{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.sl-pose label{margin:0;display:flex;align-items:center;gap:6px;font-weight:600;font-size:.9rem}
.sl-pose select{width:auto;padding:6px 10px}
.sl-montopo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.sl-aviso{display:grid;gap:10px;justify-items:start;padding:16px;background:var(--soil);box-shadow:inset 0 0 0 2px var(--bark-3)}
.sl-aviso p{margin:0}
.sl-import{display:grid;gap:6px;padding:10px;background:var(--soil);box-shadow:inset 0 0 0 2px var(--bark-3)}
.sl-import .row{flex-wrap:nowrap}
.sl-import .row+.row{flex-wrap:wrap}
.sl-import input{min-width:0}
.sl-side{display:grid;gap:14px;padding:16px;min-width:0}
.sl-aba{display:grid;gap:14px;min-width:0}
.sl-cats{display:flex;flex-wrap:wrap;gap:6px}
.sl-cats button{border:0;cursor:pointer;padding:7px 12px;font:700 .86rem var(--f-body);color:var(--snow);background:var(--bark-2);box-shadow:inset 0 0 0 2px var(--line)}
.sl-cats button[aria-selected="true"]{background:var(--fox);color:var(--fox-ink);box-shadow:inset 0 -3px 0 var(--fox-deep)}
.sl-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.sl-op{display:grid;justify-items:center;gap:4px;padding:8px 6px;border:0;cursor:pointer;background:var(--soil);color:var(--snow);box-shadow:inset 0 0 0 2px var(--bark-3);font:600 .8rem var(--f-body);text-align:center;min-width:0}
.sl-op:hover{box-shadow:inset 0 0 0 2px var(--line-2)}
.sl-op.on{box-shadow:inset 0 0 0 3px var(--fox);background:rgba(232,131,42,.12)}
.sl-op b{font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.sl-op small{color:var(--ash);font-size:.72rem;line-height:1.2;overflow-wrap:anywhere}
.sl-mini{display:block;background:#2a2224 no-repeat center/contain;image-rendering:pixelated}
.sl-mini.corpo{width:40px;height:80px}
.sl-mini.cabeca{width:64px;height:64px;margin:8px 0}
.sl-pecacores{display:grid;gap:12px}
.sl-pc{display:grid;gap:8px;padding:12px;background:var(--soil);box-shadow:inset 0 0 0 2px var(--bark-3)}
.sl-cor1{display:grid;gap:6px}
.sl-cor1>span{font-size:.85rem;font-weight:700;color:var(--ash)}
.sl-sw{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sl-sw button,.sl-pal button{width:28px;height:28px;border:0;padding:0;cursor:pointer;background:var(--c);box-shadow:0 0 0 2px #000}
.sl-sw button[aria-pressed="true"],.sl-pal button[aria-pressed="true"]{box-shadow:0 0 0 2px #000,0 0 0 4px #fff}
.sl-sw input[type=color]{width:36px;height:30px;padding:0;border:0;background:none;cursor:pointer}
.sl-ferr,.sl-cam{display:flex;flex-wrap:wrap;gap:6px}
.sl-opt{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.sl-opt label{margin:0;font-weight:600;font-size:.9rem}
.sl-cores{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sl-atual{position:relative;display:inline-grid;place-items:center;width:52px;height:52px;margin:0;cursor:pointer;background:var(--c,#e8832a);box-shadow:0 0 0 2px #000,0 0 0 4px var(--line-2)}
.sl-atual input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.sl-atual span{font:700 .7rem var(--f-body);color:#fff;text-shadow:0 1px 2px #000}
.sl-pal{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 220px}
.sl-molde{display:grid;justify-items:center;background:#0c080b;padding:8px;box-shadow:inset 0 0 0 2px #000}
.sl-molde canvas{max-width:100%;height:auto;image-rendering:pixelated;touch-action:none;cursor:crosshair}
.sl-hr{border:0;border-top:2px solid var(--bark-3);margin:6px 0;width:100%}
.sl-envia{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}
.sl-envia-prev{display:flex;gap:6px;padding:8px;background:#3a3438;box-shadow:inset 0 0 0 2px #000}
.sl-envia-prev canvas{width:64px;height:128px;image-rendering:pixelated}
.sl-envia-campos{display:grid;gap:10px}
.sl-envia-campos label{display:grid;gap:4px;font-weight:600;font-size:.9rem;margin:0}
.sl-envia-campos label.row{display:flex}
@media (max-width:980px){.sl-grid{grid-template-columns:minmax(0,1fr)}.sl-view{position:static}.sl-3d{height:min(48vh,420px);min-height:300px}}
@media (max-width:520px){.sl-envia{grid-template-columns:minmax(0,1fr)}.sl-envia-prev{justify-self:start}.sl-ops{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}

/* criando peça para a comunidade */
.sl-criando{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(232,131,42,.16);box-shadow:inset 4px 0 0 var(--fox),inset 0 0 0 2px var(--bark-3)}
.sl-criando small{color:var(--ash)}
.sl-criando .row{gap:6px}
.sl-criar{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.sl-criar-b{display:flex;align-items:center;gap:8px;padding:10px 12px;border:0;cursor:pointer;background:var(--soil);color:var(--snow);box-shadow:inset 0 0 0 2px var(--bark-3);font:700 .88rem var(--f-body);text-align:left}
.sl-criar-b span{font-size:1.2rem}
.sl-criar-b:hover{box-shadow:inset 0 0 0 2px var(--fox)}
.sl-criar-b.grande{grid-column:1/-1;justify-content:center;background:rgba(232,131,42,.14);box-shadow:inset 0 0 0 2px var(--fox)}
.sl-mural{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.sl-mur{margin:0;display:grid;justify-items:center;gap:6px;padding:10px 6px;background:var(--soil);box-shadow:inset 0 0 0 2px var(--bark-3);text-align:center}
.sl-mur figcaption{display:grid;gap:2px;font-size:.82rem;min-width:0}
.sl-mur figcaption b{overflow-wrap:anywhere}
.sl-mur figcaption small{color:var(--ash)}
.sl-mur-b{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.sl-mur .sl-mini.corpo{width:48px;height:96px}
.sl-mzoom{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.sl-molde{max-height:70vh;overflow:auto;justify-items:start}
.sl-molde canvas{max-width:none}

.sl-mur-alvo{box-shadow:inset 0 0 0 3px var(--fox),0 0 0 3px rgba(232,131,42,.35)}
