.tools-catalog{
  position:sticky;
  top:15px;
  max-height:calc(100vh - 30px);
  overflow:auto;
  scrollbar-width:none;
}
.tools-catalog::-webkit-scrollbar{display:none}
.tools-page{max-width:1440px}.tools-hero{padding:26px 30px}.tools-hero h1{font-size:clamp(34px,4.5vw,62px)}.tools-shell{grid-template-columns:272px minmax(0,1fr);gap:14px}.tools-catalog>header{padding:15px}.tools-catalog nav{display:block;padding:8px}.tool-group{border-bottom:1px solid #ffffff0a}.tool-group:last-of-type{border-bottom:0}.tool-group>summary{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:10px 8px;color:#8d99a2;cursor:pointer;list-style:none;font-size:7px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.tool-group>summary::-webkit-details-marker{display:none}.tool-group>summary b{min-width:20px;padding:3px 5px;border-radius:99px;background:#222c32;color:#87949c;text-align:center;font-size:7px}.tool-group>summary i{font-style:normal;transition:transform .2s}.tool-group:not([open])>summary i{transform:rotate(-90deg)}.tool-group>div{display:grid;gap:2px;padding-bottom:7px}.tools-catalog nav .tool-group button{min-height:43px;padding:5px 7px;border-radius:9px}.tools-catalog nav .tool-group button>i{width:31px;height:31px;border-radius:9px}.tools-catalog nav .tool-group button b{font-size:8px}.tools-catalog nav .tool-group button em{font-size:5.8px}.tool-search-empty{padding:28px 12px;color:#7d8991;text-align:center;font-size:9px}.tool-controls{max-height:560px;overflow:auto}.tool-controls::-webkit-scrollbar{width:6px}.tool-controls::-webkit-scrollbar-thumb{border-radius:9px;background:#46545c}.tool-color-pair,.tool-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-color-pair input[type=color]{height:44px;padding:5px}.tool-info-grid span{padding:10px;border:1px solid #34434c;border-radius:10px;background:#0c1216}.tool-info-grid small,.tool-info-grid b{display:block}.tool-info-grid small{color:#71808a;font-size:6px}.tool-info-grid b{margin-top:3px;font-size:9px}.tool-note{padding:11px;border-left:2px solid var(--lime);background:#b8ff0008;color:#8e9aa3;font-size:8px;line-height:1.5}.tool-extra-file{padding:10px!important}.compare-control{accent-color:var(--lime)}
@media(max-width:950px){.tools-shell{grid-template-columns:1fr}.tools-catalog{max-height:430px}.tools-catalog nav{display:grid;grid-template-columns:1fr 1fr;gap:5px}.tool-group{border:1px solid #ffffff0a;border-radius:11px}.tool-group>div{padding:0 6px 6px}}@media(max-width:650px){.tools-catalog nav{grid-template-columns:1fr}.tools-hero{padding:22px}.tools-hero>aside{display:none}}
.tools-page[data-drag-text="true"] [data-tool-canvas]{cursor:grab;touch-action:none}.tools-page[data-dragging-text="true"] [data-tool-canvas]{cursor:grabbing}.tool-export-progress>div{animation:exportCardIn .28s ease-out}.tool-export-progress span{position:relative}.tool-export-progress span:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#fff8,transparent);animation:exportShine 1.05s linear infinite}.tool-export-progress.is-done>div{border-color:#91c937;box-shadow:0 25px 80px #000b,0 0 35px #b8ff0024}@keyframes exportCardIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes exportShine{to{transform:translateX(100%)}}
.tool-favorites{margin-bottom:7px;border:1px solid #b8ff0028!important;border-radius:12px;background:#b8ff0005}.tool-favorites>summary{color:#cfff78}.tool-favorites>summary:before{content:"★";margin-right:2px;color:var(--lime);font-size:10px}.tool-favorites-empty{margin:0;padding:12px;color:#78858e;text-align:center;font-size:7px;line-height:1.5}.tool-favorite{width:27px!important;min-width:27px!important;height:27px;display:grid!important;place-items:center;flex:0 0 27px!important;border-radius:8px;color:#66747c;transition:.18s}.tool-favorite svg{width:15px!important;height:15px!important;fill:transparent!important;stroke:currentColor!important;stroke-width:1.7!important}.tool-favorite:hover,.tool-favorite.active{background:#b8ff0014;color:var(--lime)}.tool-favorite.active svg{fill:currentColor!important}.tool-favorite.is-loading{opacity:.45;pointer-events:none}.tools-catalog nav button>u{flex:none}.tool-favorites button>u{color:var(--lime);font-size:11px}.tool-workspace>header>.tool-usage{min-width:145px;padding:8px 11px;border-color:#516634;background:#b8ff0008}.tool-usage>span{display:grid;gap:2px}.tool-usage b{color:#eaffb6;font-size:8px}.tool-usage small{color:#839074;font-size:6px}.tool-usage.is-low{border-color:#d6a833;background:#ffbd220a}.tool-usage.is-empty{border-color:#a94e58;background:#ff54630a}.tool-account-usage{padding:9px 12px;border:1px solid #4b5a63;border-radius:99px;color:#aeb8be;font-size:7px;font-weight:800}.tool-account-usage:hover{border-color:#8fbd37;color:var(--lime)}
.tool-favorites{position:relative;margin:2px 0 12px!important;border:1px solid #759d2d70!important;border-radius:15px!important;background:radial-gradient(circle at 100% 0,#b8ff001b,transparent 42%),linear-gradient(145deg,#1a241c,#11191a)!important;box-shadow:inset 0 1px #ffffff0c,0 10px 25px #0003;overflow:hidden}.tool-favorites>summary{grid-template-columns:34px 1fr auto 12px!important;gap:9px!important;min-height:52px;padding:9px!important;color:#eaffb4!important;letter-spacing:.1em!important}.tool-favorites>summary:before{width:32px;height:32px;display:grid;place-items:center;margin:0!important;border:1px solid #98cc3660;border-radius:10px;background:#b8ff0012;box-shadow:0 0 18px #b8ff0012;color:var(--lime);font-size:14px!important}.tool-favorites>summary b{background:var(--lime)!important;color:#172009!important;font-size:7px!important}.tool-favorites>div{gap:5px!important;padding:2px 8px 9px!important}.tools-catalog nav .tool-favorites button{min-height:49px!important;border:1px solid #b8ff0018!important;background:#0d1411a8!important}.tools-catalog nav .tool-favorites button:hover{border-color:#8cbb3766!important;background:#b8ff000b!important;transform:translateY(-1px)!important}.tool-favorites button>i{color:var(--lime)!important}.tool-favorites button>u{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#b8ff0011;color:var(--lime)!important}.tool-favorites-empty{padding:15px 10px!important;color:#97a38d!important}.tool-workspace>header>.tool-usage{position:relative;min-width:174px;padding:10px 14px 10px 17px!important;border-color:#7ca52f!important;background:radial-gradient(circle at 0 50%,#b8ff0022,transparent 28%),linear-gradient(120deg,#1b2719,#121a16)!important;box-shadow:inset 0 1px #ffffff0d,0 8px 24px #0004,0 0 20px #b8ff000c}.tool-usage>i{width:8px!important;height:8px!important}.tool-usage>span{display:grid;gap:1px}.tool-usage>span:before{content:"USO DE HOJE";color:#849274;font-size:5px;font-weight:950;letter-spacing:.15em}.tool-usage b{color:#f1ffd1!important;font-size:11px!important;letter-spacing:-.02em}.tool-usage small{color:#b0bf9d!important;font-size:6.5px!important;font-weight:700}.tool-usage.is-low b{color:#ffd873!important}.tool-usage.is-empty b{color:#ff9ca7!important}
.tool-group>summary>i{position:relative;width:22px;height:22px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;font-size:0!important;font-style:normal;transform:none!important;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.tool-group>summary>i:before{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.tool-group:not([open])>summary>i{transform:none!important}.tool-group:not([open])>summary>i:before{transform:translateX(-2px) rotate(-45deg)}.tool-group>summary:hover>i{border-color:#b8ff002b;background:#b8ff000c;box-shadow:0 0 14px #b8ff000d}.tool-favorites>summary>i{color:var(--lime)}
/* Chevron leve, sem cápsula: acompanha o cabeçalho em vez de parecer um botão. */
.tool-group>summary>i{width:14px!important;height:14px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:.62;transition:opacity .2s ease!important}
.tool-group>summary>i:before,.tool-group>summary>i:after{content:"";position:absolute;top:6px;width:6px;height:1.5px;border:0!important;border-radius:2px;background:currentColor;transition:transform .32s cubic-bezier(.22,1,.36,1),left .32s cubic-bezier(.22,1,.36,1)!important}
.tool-group>summary>i:before{left:1.5px;transform:rotate(38deg)!important}.tool-group>summary>i:after{left:5.8px;transform:rotate(-38deg)}
.tool-group:not([open])>summary>i:before{left:2.5px;transform:rotate(-38deg)!important}.tool-group:not([open])>summary>i:after{left:6.5px;transform:rotate(38deg)}
.tool-group>summary:hover>i{opacity:1}.tool-favorites>summary>i{color:var(--lime)}
/* Contador compacto: destaque concentrado na informação, não no tamanho da cápsula. */
.tool-workspace>header>.tool-usage{min-width:140px!important;padding:7px 10px 7px 12px!important;box-shadow:inset 0 1px #ffffff0d,0 6px 17px #0003,0 0 14px #b8ff0008!important}
.tool-usage>i{width:6px!important;height:6px!important}.tool-usage>span:before{font-size:5.8px!important;line-height:1.15}.tool-usage b{font-size:11.5px!important;font-weight:950!important;line-height:1.2;text-shadow:0 0 12px #b8ff0030}.tool-usage small{font-size:6.8px!important;line-height:1.2}