/* G Garage v0.5.0 — folha de compartilhar com arte (Stories, Status, feed) */
.arte-abre,.arte-nota{display:none}
.arte-ok .arte-abre{display:flex}
.arte-ok .arte-nota{display:block;margin-top:6px;text-align:center}
.arte-abre svg{width:20px;height:20px}
.arte-aberta,.arte-aberta body{overflow:hidden}

.arte-scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:300;opacity:0;transition:opacity .22s}
.arte-scrim.on{opacity:1}
.arte-sheet{position:fixed;left:0;right:0;bottom:0;z-index:301;background:var(--surface);border-top:1px solid var(--line);border-radius:22px 22px 0 0;
  padding:8px 16px calc(18px + env(safe-area-inset-bottom,0px));max-height:94vh;max-height:94dvh;overflow:auto;overscroll-behavior:contain;
  transform:translateY(104%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 -20px 50px rgba(0,0,0,.5)}
.arte-sheet.on{transform:none}
@media (min-width:700px){.arte-sheet{left:50%;right:auto;width:640px;margin-left:-320px}}
@media (prefers-reduced-motion:reduce){.arte-sheet,.arte-scrim{transition:none}}
.arte-grab{width:40px;height:4px;border-radius:4px;background:var(--line-2);margin:0 auto 8px}
.arte-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.arte-head h2{font-family:var(--display);font-weight:800;font-style:italic;font-size:22px;text-transform:uppercase;margin:0;letter-spacing:.3px}
.arte-x{width:36px;height:36px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);color:#ddd;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.arte-x svg{width:18px;height:18px}

.arte-corpo{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;align-items:start}
.arte-prev{position:relative;border-radius:12px;overflow:hidden;background:#0d0d0f;border:1px solid var(--line);aspect-ratio:9/16}
.arte-prev img{display:block;width:100%;height:100%;object-fit:cover}
.arte-prev img:not([src]){visibility:hidden}
.arte-carregando{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:11px;color:#ddd;background:rgba(11,11,12,.6)}
.gerando .arte-carregando{display:flex}
.arte-lado{min-width:0}
.arte-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.arte-mods button{background:none;border:2px solid transparent;border-radius:10px;padding:0 0 5px;cursor:pointer;color:var(--muted);font-size:11px;font-weight:600;display:flex;flex-direction:column;gap:4px;align-items:stretch;text-align:center}
.arte-mods img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:8px;background:#0d0d0f;display:block}
.arte-mods img:not([src]){visibility:hidden}
.arte-mods button[aria-pressed="true"]{border-color:var(--red-2);color:#fff}
.arte-campo{display:block;font-size:12px;font-weight:600;color:var(--muted);margin:12px 0 5px}
.arte-campo small{font-weight:500;color:var(--dim)}
#arte-quem{width:100%;background:var(--bg);border:1px solid var(--line-2);border-radius:10px;color:#fff;font:500 16px var(--body);padding:10px 12px}
#arte-quem:focus{outline:2px solid var(--red);outline-offset:0;border-color:transparent}
.arte-mini{font-size:11px;color:var(--dim);margin:5px 0 0;line-height:1.4}
.arte-pc{margin-top:10px;text-align:center}

.arte-dests{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:16px}
.arte-dest{background:none;border:0;color:#eee;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:600;line-height:1.15;text-align:center;padding:2px;min-width:0}
.arte-dest i{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--line-2)}
.arte-dest i svg{width:23px;height:23px}
.arte-dest.ig i{background:radial-gradient(circle at 30% 110%,#fdc468 0%,#f56040 30%,#e1306c 55%,#833ab4 85%);border:0}
.arte-dest.wa i{background:#1fa855;border:0}
.arte-dest.fd i{background:linear-gradient(135deg,#833ab4,#e1306c);border:0}
.gerando .arte-dest.ig,.gerando .arte-dest.wa,.gerando .arte-dest.fd{opacity:.45;pointer-events:none}
.arte-dest:focus-visible,.arte-mods button:focus-visible,.arte-x:focus-visible{outline:2px solid var(--red-2);outline-offset:2px}
/* v0.5.1 — anúncio: sem campo de nome, com a dica do contato */
.arte-dica{margin-top:12px;font-size:12px;color:var(--muted)}
.arte-depois{margin-top:14px;background:#0d2418;border:1px solid #1f5b35;border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.45;color:#d9f5e4;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.arte-depois[hidden]{display:none}
.arte-depois b{color:#fff}
.arte-depois .btn{margin-top:6px}
@media (max-width:360px){.arte-corpo{grid-template-columns:96px minmax(0,1fr)}.arte-dest i{width:44px;height:44px}}