.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.4rem;align-items:start}.tool-main{min-width:0}.tool-layout .tool-promo{position:sticky;top:5.5rem;display:grid;grid-template-columns:1fr;gap:.9rem;max-width:none;margin:0;padding:1.1rem}.tool-layout .tool-promo img{max-height:190px}.tool-layout .tool-promo .pb-btn{white-space:normal;text-align:center}@media(max-width:900px){.tool-layout{grid-template-columns:1fr}.tool-layout .tool-promo{position:static;grid-template-columns:80px 1fr;max-width:920px;margin-top:1.2rem}.tool-layout .tool-promo .pb-btn{grid-column:1/-1}}
[data-tool="uuid-generator"] .tool-hero,[data-tool="uuid-validator"] .tool-hero,[data-tool="base64"] .tool-hero,[data-tool="url-encoder"] .tool-hero,[data-tool="hash-generator"] .tool-hero,[data-tool="regex-tester"] .tool-hero,[data-tool="gerador-de-slug"] .tool-hero,[data-tool="remover-acentos"] .tool-hero,[data-tool="json-minifier"] .tool-hero{margin-bottom:1.25rem}
[data-tool="uuid-generator"] .tool-workspace,[data-tool="uuid-validator"] .tool-workspace,[data-tool="base64"] .tool-workspace,[data-tool="url-encoder"] .tool-workspace,[data-tool="hash-generator"] .tool-workspace,[data-tool="gerador-de-slug"] .tool-workspace,[data-tool="remover-acentos"] .tool-workspace,[data-tool="json-minifier"] .tool-workspace{padding:.8rem}
[data-tool="uuid-generator"] .tool-textarea,[data-tool="uuid-validator"] .tool-textarea,[data-tool="base64"] .tool-textarea,[data-tool="url-encoder"] .tool-textarea,[data-tool="hash-generator"] .tool-textarea,[data-tool="gerador-de-slug"] .tool-textarea,[data-tool="remover-acentos"] .tool-textarea,[data-tool="json-minifier"] .tool-textarea{min-height:125px}
[data-tool="uuid-generator"] .tool-promo,[data-tool="uuid-validator"] .tool-promo,[data-tool="base64"] .tool-promo,[data-tool="url-encoder"] .tool-promo,[data-tool="hash-generator"] .tool-promo{margin-top:1.25rem}
.tool-page [hidden]{display:none !important}
.tool-seo-content{max-width:920px;margin-top:2.5rem;color:var(--pb-text);font: .94rem/1.7 var(--pb-sans)}.tool-seo-content h2{margin:1.8rem 0 .6rem;color:var(--pb-ink);font:600 1.45rem var(--pb-serif)}.tool-seo-content ol{padding-left:1.3rem}.tool-seo-content details{padding:.8rem 0;border-bottom:1px solid var(--pb-line)}.tool-seo-content summary{cursor:pointer;color:var(--pb-ink);font-weight:600}.tool-related{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.tool-related a{display:grid;gap:.25rem;padding:.8rem;border:1px solid var(--pb-line);border-radius:8px;color:var(--pb-emerald);text-decoration:none}.tool-related span{color:var(--pb-muted);font-size:.78rem;line-height:1.45}.tool-related a:hover{border-color:var(--pb-emerald)}
.tool-page{padding:2.5rem 0 5rem}.tool-back{display:inline-block;margin-bottom:1.8rem;color:var(--pb-muted);font:600 .84rem var(--pb-sans)}.tool-hero{max-width:720px;margin-bottom:2rem}.tool-hero h1{margin:.7rem 0 1rem;color:var(--pb-ink);font:600 clamp(2rem,5vw,3.4rem)/1.08 var(--pb-serif)}.tool-hero p{color:var(--pb-muted);font:1rem/1.75 var(--pb-sans)}.tool-workspace{max-width:920px;padding:1.2rem;border:1px solid var(--pb-line);border-radius:var(--pb-radius-lg);background:var(--pb-paper);box-shadow:var(--pb-shadow)}.tool-panel{display:grid;gap:1rem}.tool-drop{display:grid;min-height:180px;place-content:center;justify-items:center;gap:.5rem;border:2px dashed var(--pb-line);border-radius:var(--pb-radius);background:var(--pb-cream-alt);color:var(--pb-muted);font: .85rem var(--pb-sans);cursor:pointer;text-align:center}.tool-drop strong{color:var(--pb-ink);font-size:1rem}.tool-drop input{display:none}.tool-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.tool-button,.tool-input,.tool-panel select{min-height:2.5rem;padding:.55rem .8rem;border:1px solid var(--pb-line);border-radius:6px;background:var(--pb-cream);color:var(--pb-ink);font:600 .84rem var(--pb-sans);cursor:pointer}.tool-button--primary{background:var(--pb-emerald);border-color:var(--pb-emerald);color:#fff}.tool-input{width:100%;font-weight:400;cursor:text}.tool-textarea{width:100%;min-height:230px;resize:vertical;padding:.85rem;border:1px solid var(--pb-line);border-radius:6px;background:var(--pb-cream);color:var(--pb-text);font: .92rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.tool-textarea--large{min-height:320px}.tool-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tool-feedback{min-height:1.3rem;margin:0;color:var(--pb-emerald);font: .88rem var(--pb-sans)}.tool-feedback.is-error{color:#9b2c1e}.tool-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.tool-stat{padding:1rem;border:1px solid var(--pb-line);border-radius:8px;background:var(--pb-cream);text-align:center}.tool-stat strong{display:block;color:var(--pb-ink);font:600 1.5rem var(--pb-serif)}.tool-stat span{color:var(--pb-muted);font:.75rem var(--pb-sans)}.tool-password-result{display:flex;gap:.6rem}.tool-password-result input{flex:1;min-width:0;padding:.8rem;border:1px solid var(--pb-line);border-radius:6px;background:var(--pb-cream);font:1.1rem ui-monospace,monospace}.tool-range{display:flex;gap:.8rem;align-items:center;color:var(--pb-muted);font:.9rem var(--pb-sans)}.tool-range input{flex:1}.tool-checks{display:flex;flex-wrap:wrap;gap:1rem;color:var(--pb-text);font:.88rem var(--pb-sans)}.tool-checks label{display:flex;gap:.35rem;align-items:center}.tool-output{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem}.palette-card{padding:.7rem;border:1px solid var(--pb-line);border-radius:8px;background:var(--pb-cream);cursor:pointer}.palette-swatch{height:90px;border-radius:5px;margin-bottom:.5rem}.palette-card code{font:.8rem ui-monospace,monospace}.image-preview{max-width:100%;max-height:420px;border-radius:8px}.tool-image-options{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.tool-image-options label{color:var(--pb-muted);font:.85rem var(--pb-sans)}.tool-qr-canvas{width:320px;height:320px;max-width:100%;image-rendering:auto;border:1px solid var(--pb-line);background:#fff}.tool-promo{display:grid;grid-template-columns:120px 1fr auto;gap:1.2rem;align-items:center;max-width:920px;margin-top:2rem;padding:1.2rem 1.5rem;border-radius:var(--pb-radius-lg);background:var(--pb-deep);color:var(--pb-cream)}.tool-promo img{width:100%;max-height:155px;object-fit:contain}.tool-promo h2{margin:.4rem 0;color:var(--pb-cream);font:600 1.4rem var(--pb-serif)}.tool-promo p{margin:0;color:#c5d4cd;font:.88rem/1.6 var(--pb-sans)}.tool-promo .pb-btn{white-space:nowrap}@media(max-width:650px){.tool-code-grid{grid-template-columns:1fr}.tool-stats{grid-template-columns:repeat(2,1fr)}.tool-promo{grid-template-columns:80px 1fr}.tool-promo .pb-btn{grid-column:1/-1;text-align:center}.tool-workspace{padding:.8rem}}

.tool-breadcrumb{display:flex;gap:.55rem;align-items:center;margin-bottom:1.7rem;color:var(--pb-muted);font:600 .78rem var(--pb-sans)}
.tool-breadcrumb a{color:var(--pb-emerald);text-decoration:none}.tool-breadcrumb a:hover{text-decoration:underline}
.tool-privacy{display:inline-flex;align-items:center;gap:.45rem;margin-top:.9rem;padding:.48rem .7rem;border:1px solid var(--pb-line);border-radius:999px;background:var(--pb-cream-alt);color:var(--pb-muted);font:600 .76rem var(--pb-sans)}
.tool-quick-actions{display:flex;align-items:center;gap:.55rem;min-height:2.7rem;margin:-.25rem 0 1rem;padding-bottom:.9rem;border-bottom:1px solid var(--pb-line)}
.tool-button{transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.tool-button:hover{border-color:var(--pb-emerald);transform:translateY(-1px)}.tool-button:active{transform:translateY(0)}.tool-button:focus-visible{outline:2px solid var(--pb-gold);outline-offset:2px}.tool-button:disabled{cursor:not-allowed;opacity:.55;transform:none}
.tool-button--secondary{background:transparent;color:var(--pb-emerald);border-color:var(--pb-emerald)}.tool-button--tertiary{background:transparent;color:var(--pb-muted);border-color:transparent}.tool-shortcut{margin-left:auto;color:var(--pb-muted);font:.72rem var(--pb-sans)}.tool-status{color:var(--pb-emerald);font:.78rem var(--pb-sans)}
.tool-field-label{color:var(--pb-muted);font:700 .72rem var(--pb-sans);letter-spacing:.08em;text-transform:uppercase}.tool-result{display:grid;gap:.55rem;margin-top:.4rem;padding-top:1rem;border-top:1px solid var(--pb-line)}.tool-result-heading{display:flex;align-items:center;justify-content:space-between;color:var(--pb-ink);font:700 .76rem var(--pb-sans);letter-spacing:.08em;text-transform:uppercase}.tool-result-meta{min-height:1rem;color:var(--pb-muted);font:.72rem var(--pb-sans)}
.tool-related-section{max-width:920px;margin-top:2.8rem}.tool-related-section h2{margin:0 0 .8rem;color:var(--pb-ink);font:600 1.45rem var(--pb-serif)}
.tool-textarea:focus,.tool-input:focus,.tool-panel select:focus,.tool-password-result input:focus{border-color:var(--pb-emerald);outline:2px solid color-mix(in srgb,var(--pb-emerald) 20%,transparent);outline-offset:1px}.tool-textarea::placeholder,.tool-input::placeholder{color:var(--pb-muted);opacity:.75}.tool-drop.is-dragging{border-color:var(--pb-emerald);background:var(--pb-mint);transform:scale(1.01)}
@media(prefers-color-scheme:dark){.tool-privacy,.tool-drop,.tool-button,.tool-input,.tool-panel select,.tool-textarea,.tool-password-result input,.tool-stat,.palette-card{background:#17231f;color:#e6eee9;border-color:#385349}.tool-hero p,.tool-breadcrumb,.tool-shortcut,.tool-result-meta{color:#aabdb4}.tool-privacy{background:#1d3029}.tool-drop{background:#1b2c26}.tool-button--secondary{background:transparent;color:#79d2a6;border-color:#79d2a6}.tool-button--tertiary{background:transparent;color:#aabdb4;border-color:transparent}.tool-textarea:focus,.tool-input:focus,.tool-panel select:focus,.tool-password-result input:focus{outline-color:#79d2a6}.tool-result{border-color:#385349}}
@media(max-width:650px){.tool-page{padding-top:1.8rem}.tool-quick-actions{flex-wrap:wrap}.tool-shortcut{width:100%;margin-left:0}.tool-button{min-height:2.75rem}.tool-result-heading .tool-button{min-height:2.45rem}.tool-privacy{max-width:100%;line-height:1.4}.tool-textarea{min-height:250px}}
.palette-card{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.palette-card:hover{border-color:var(--pb-emerald);box-shadow:var(--pb-shadow);transform:translateY(-2px)}.palette-card:focus-visible{outline:2px solid var(--pb-gold);outline-offset:2px}.palette-actions .tool-button{min-height:2.35rem}