.tools-site{--tool-well:#090909;--tool-canvas:#0f0f0f;--tool-surface:#151515;--tool-work:#1b1b1b;--tool-raised:#262626;--tool-hover:#2e2e2e;--tool-line:#2c2926;--tool-line-strong:#4e4a45;--tool-ink:#eee;--tool-muted:#b4b4b4;--tool-faint:#85817d;--tool-brand:#ffe0c2;--tool-brand-soft:#393028;--tool-brand-line:#ffe0c259;--tool-brand-ink:#081a1b;--tool-error:#ffb4a9;min-height:100dvh;color:var(--tool-ink);background:var(--tool-canvas);font-family:var(--font-sans,"Manrope", system-ui, sans-serif);-webkit-font-smoothing:antialiased}.tool-page,.tools-index{width:min(100% - 2rem,70rem);margin-inline:auto;padding:2rem 0 6rem}.tool-breadcrumb{min-height:2.5rem;color:var(--tool-faint);flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.78rem;display:flex}.tool-breadcrumb a{color:var(--tool-muted);text-decoration:none;transition:color .16s}.tool-breadcrumb a:hover{color:var(--tool-brand)}.tool-hero{max-width:52rem;padding:clamp(3.5rem,7vw,6rem) 0 3.5rem;position:relative}.tool-hero:after{content:"";background:var(--tool-brand);width:4.5rem;height:2px;margin-top:2rem;display:block}.tool-kicker{color:var(--tool-brand);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .9rem;font-size:.72rem;font-weight:700}.tool-hero h1,.tools-index-hero h1{max-width:18ch;color:var(--tool-ink);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.45rem,6vw,4.5rem);font-weight:620;line-height:.98}.tool-lede,.tools-index-lede{max-width:43rem;color:var(--tool-muted);text-wrap:pretty;margin:1.4rem 0 0;font-size:clamp(1rem,2vw,1.12rem);line-height:1.75}.tool-workbench{background:var(--tool-well);box-shadow:inset 0 0 0 1px var(--tool-line-strong), 0 28px 80px #2a1f1738;border-radius:1rem;overflow:hidden}.tool-workbench-bar{min-height:2.75rem;color:var(--tool-faint);background:var(--tool-surface);box-shadow:inset 0 -1px 0 var(--tool-line);justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;font-size:.7rem;display:flex}.tool-workbench-bar span:first-child{color:var(--tool-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-workbench-bar span:last-child{color:var(--tool-brand);flex:none}.tool-workbench-body{padding:.4rem}.tool-panel{background:var(--tool-work);min-height:25rem;box-shadow:inset 0 0 0 1px var(--tool-line);border:0;border-radius:.6rem;padding:clamp(1rem,3vw,2rem)}.tool-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.tool-panel-header h2,.tool-copy-card h2,.tool-privacy-card h2,.tool-faq h2,.tool-related h2{color:var(--tool-ink);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:620}.tool-panel-header p{max-width:32rem;color:var(--tool-muted);margin:.45rem 0 0;font-size:.86rem;line-height:1.55}.tool-dropzone{border:1px dashed var(--tool-line-strong);background:var(--tool-surface);text-align:center;cursor:pointer;border-radius:.5rem;place-items:center;min-height:15rem;padding:2rem;transition:border-color .16s,background-color .16s,transform .16s;display:grid;position:relative}.tool-dropzone:hover,.tool-dropzone:focus-within,.tool-dropzone[data-dragging=true]{border-color:var(--tool-brand-line);background:var(--tool-brand-soft)}.tool-dropzone:active{transform:scale(.995)}.tool-dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.tool-dropzone-content{pointer-events:none;justify-items:center;gap:.7rem;display:grid}.tool-dropzone-icon{border:1px solid var(--tool-brand-line);width:3rem;height:3rem;color:var(--tool-brand);background:var(--tool-brand-soft);border-radius:.5rem;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff0f}.tool-dropzone strong{color:var(--tool-ink);font-size:.95rem}.tool-dropzone span{color:var(--tool-faint);font-size:.78rem}.tool-file-row{border:1px solid var(--tool-line);background:var(--tool-surface);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.85rem;min-height:3.25rem;padding:.65rem .75rem .65rem 1rem;display:flex}.tool-file-row div{min-width:0}.tool-file-row strong{color:var(--tool-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;display:block;overflow:hidden}.tool-file-row span{color:var(--tool-faint);font-variant-numeric:tabular-nums;font-size:.72rem}.tool-icon-button{border:1px solid var(--tool-line);width:2.5rem;height:2.5rem;color:var(--tool-muted);background:var(--tool-raised);cursor:pointer;border-radius:.375rem;flex:none;place-items:center;transition:color .15s,background-color .15s,transform .15s;display:inline-grid}.tool-icon-button:hover{color:var(--tool-ink);background:var(--tool-hover)}.tool-icon-button:active{transform:scale(.96)}.tool-media-grid{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);gap:1rem;margin-top:1rem;display:grid}.tool-video,.tool-frame-preview{aspect-ratio:16/9;background:var(--tool-well);object-fit:contain;border:1px solid #ffffff1a;border-radius:.5rem;width:100%;display:block}.tool-result-panel{background:var(--tool-surface);box-shadow:inset 0 0 0 1px var(--tool-line);border-radius:.5rem;padding:1rem}.tool-result-panel h3{color:var(--tool-ink);margin:0 0 1rem;font-size:.88rem;font-weight:650}.tool-metadata-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.tool-metadata-list div{background:var(--tool-raised);border-radius:.375rem;min-width:0;padding:.8rem}.tool-metadata-list div:last-child:nth-child(odd){grid-column:1/-1}.tool-metadata-list dt{color:var(--tool-faint);margin-bottom:.38rem;font-size:.68rem}.tool-metadata-list dd{overflow-wrap:anywhere;color:var(--tool-ink);font-variant-numeric:tabular-nums;margin:0;font-size:.8rem}.tool-controls{gap:1rem;display:grid}.tool-field{gap:.5rem;display:grid}.tool-field>span,.tool-label{color:var(--tool-muted);font-size:.78rem;font-weight:600}.tool-input,.tool-number{border:1px solid var(--tool-line-strong);width:100%;min-height:2.75rem;color:var(--tool-ink);background:var(--tool-surface);font:inherit;border-radius:.375rem;outline:none;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.tool-input{padding:0 .85rem}.tool-number{text-align:center;font-variant-numeric:tabular-nums;padding:0 .65rem}.tool-input:is(textarea){resize:vertical;min-height:7rem;padding:.75rem .85rem;line-height:1.55}.tool-input:focus,.tool-number:focus{border-color:var(--tool-brand-line);box-shadow:0 0 0 3px color-mix(in srgb, var(--tool-brand) 12%, transparent)}.tool-input::placeholder{color:var(--tool-faint)}.tool-range{width:100%;accent-color:var(--tool-brand);cursor:pointer}.tool-time-row{color:var(--tool-faint);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.tool-number-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.tool-number-grid label{color:var(--tool-faint);text-align:center;gap:.4rem;font-size:.7rem;display:grid}.tool-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.tool-button,.tool-download{border:1px solid var(--tool-brand);min-height:2.65rem;color:var(--tool-brand-ink);background:var(--tool-brand);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;gap:.45rem;padding:0 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s,opacity .15s;display:inline-flex}.tool-button:hover,.tool-download:hover{background:color-mix(in srgb, var(--tool-brand) 88%, white)}.tool-button:active,.tool-download:active{transform:scale(.96)}.tool-button:disabled{opacity:.45;cursor:not-allowed}.tool-button:disabled:active{transform:none}.tool-button-secondary{border-color:var(--tool-line-strong);color:var(--tool-ink);background:var(--tool-raised)}.tool-button-secondary:hover{background:var(--tool-hover)}.tool-button:focus-visible,.tool-download:focus-visible,.tool-icon-button:focus-visible,.tools-card:focus-visible,.tool-related-grid a:focus-visible,.tool-faq summary:focus-visible{outline:2px solid var(--tool-brand);outline-offset:3px}.tool-swap-icon{place-items:center;width:1rem;height:1rem;display:inline-grid;position:relative}.tool-swap-icon svg{transition:opacity .16s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.2,0,0,1),filter .16s cubic-bezier(.2,0,0,1);position:absolute}.tool-swap-icon .tool-swap-success,.tool-swap-icon[data-copied=true] .tool-swap-default{opacity:0;filter:blur(4px);transform:scale(.25)}.tool-swap-icon[data-copied=true] .tool-swap-success{opacity:1;filter:blur();transform:scale(1)}.tool-note{color:var(--tool-faint);text-wrap:pretty;margin:0;font-size:.74rem;line-height:1.55}.tool-error{color:var(--tool-error);margin:.7rem 0 0;font-size:.78rem}.tool-output{border:1px solid var(--tool-brand-line);background:var(--tool-brand-soft);border-radius:.5rem;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin-top:1rem;padding:.45rem;display:grid}.tool-output code{min-width:0;color:var(--tool-brand);text-overflow:ellipsis;white-space:nowrap;align-self:center;padding:0 .55rem;font-size:.78rem;overflow:hidden}.tool-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.tool-thumbnail-card{background:var(--tool-surface);box-shadow:inset 0 0 0 1px var(--tool-line);border-radius:.55rem;padding:.45rem}.tool-thumbnail-card img{aspect-ratio:16/9;object-fit:cover;border:1px solid #ffffff1a;border-radius:.35rem;width:100%;display:block}.tool-thumbnail-footer{justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .25rem .15rem;display:flex}.tool-thumbnail-footer span{color:var(--tool-faint);font-variant-numeric:tabular-nums;font-size:.7rem}.tool-thumbnail-footer a{color:var(--tool-brand);font-size:.74rem;font-weight:700;text-decoration:none}.tool-copy-grid{grid-template-columns:minmax(0,1.4fr) minmax(17rem,.6fr);gap:2rem;margin-top:7rem;display:grid}.tool-copy-card,.tool-privacy-card{border-radius:.5rem;padding:clamp(1.25rem,3vw,2rem)}.tool-copy-card{border-top:1px solid var(--tool-line-strong)}.tool-privacy-card{background:var(--tool-brand-soft);box-shadow:inset 0 0 0 1px var(--tool-brand-line);align-self:start;margin-top:2.5rem}.tool-privacy-card>svg{color:var(--tool-brand);margin-bottom:1.25rem}.tool-privacy-card p{color:var(--tool-muted);text-wrap:pretty;margin:.8rem 0 0;font-size:.86rem;line-height:1.65}.tool-steps{gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.tool-steps li{grid-template-columns:1.25rem 1fr;align-items:start;gap:.75rem;display:grid}.tool-steps svg{color:var(--tool-brand);margin-top:.22rem}.tool-steps p{color:var(--tool-muted);margin:0;font-size:.86rem;line-height:1.55}.tool-faq,.tool-related{padding-top:5rem}.tool-faq-list{border-top:1px solid var(--tool-line-strong);margin-top:1.5rem}.tool-faq-list details{border-bottom:1px solid var(--tool-line)}.tool-faq-list summary{min-height:4rem;color:var(--tool-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;font-weight:620;list-style:none;display:flex}.tool-faq-list summary::-webkit-details-marker{display:none}.tool-faq-list summary svg{color:var(--tool-brand);flex:none;transition:transform .16s}.tool-faq-list details[open] summary svg{transform:rotate(180deg)}.tool-faq-list p{max-width:43rem;color:var(--tool-muted);text-wrap:pretty;margin:-.25rem 0 0;padding:0 2.5rem 1.25rem 0;font-size:.82rem;line-height:1.65}.tool-related{grid-template-columns:.65fr 1.35fr;align-items:start;gap:2rem;display:grid}.tool-related-grid{border-top:1px solid var(--tool-line-strong)}.tool-related-grid a{border-bottom:1px solid var(--tool-line);min-height:4rem;color:var(--tool-ink);grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.6rem .25rem;text-decoration:none;transition:color .15s,padding-left .15s,transform .15s;display:grid}.tool-related-grid a:hover{color:var(--tool-brand);padding-left:.6rem}.tool-related-grid a:active{transform:scale(.99)}.tool-related-grid span{color:var(--tool-faint);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.tool-related-grid strong{font-size:.82rem}.tool-related-grid svg{color:var(--tool-brand)}.tools-index-hero{max-width:50rem;padding:clamp(4rem,8vw,6rem) 0 2.5rem}.tools-ledger{border-top:1px solid var(--tool-line-strong);border-bottom:1px solid var(--tool-line);margin-bottom:2rem}.tools-ledger dl{grid-template-columns:1fr 1fr 1.5fr;margin:0;display:grid}.tools-ledger div{border-right:1px solid var(--tool-line);justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;padding:0 1.1rem;display:flex}.tools-ledger div:first-child{padding-left:0}.tools-ledger div:last-child{border-right:0;padding-right:0}.tools-ledger dt{color:var(--tool-faint);font-size:.72rem}.tools-ledger dd{color:var(--tool-ink);font-variant-numeric:tabular-nums;margin:0;font-size:.78rem;font-weight:650}.tools-directory{gap:5rem;display:grid}.tools-group-header{gap:.55rem;margin-bottom:1.35rem;display:grid}.tools-group-header h2{color:var(--tool-ink);letter-spacing:-.035em;margin:0;font-size:clamp(1.4rem,3vw,2rem)}.tools-group-header p{max-width:42rem;color:var(--tool-muted);text-wrap:pretty;margin:0;font-size:.86rem;line-height:1.6}.tools-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.8rem;display:grid}.tools-card{min-height:15rem;color:var(--tool-ink);background:var(--tool-surface);box-shadow:inset 0 0 0 1px var(--tool-line);border-radius:.65rem;grid-column:span 6;align-content:space-between;padding:1.4rem;text-decoration:none;transition:background-color .18s,box-shadow .18s,transform .18s;display:grid}.tools-card:first-child,.tools-card:nth-child(4),.tools-card:nth-child(5){grid-column:span 7}.tools-card:nth-child(2),.tools-card:nth-child(3),.tools-card:nth-child(6){grid-column:span 5}.tools-card:last-child:nth-child(odd){grid-column:span 12;min-height:12rem}.tools-card:first-child,.tools-card:nth-child(6){background:var(--tool-work)}.tools-card:nth-child(3){background:var(--tool-brand-soft);box-shadow:inset 0 0 0 1px var(--tool-brand-line)}.tools-card:hover{background:var(--tool-raised);box-shadow:inset 0 0 0 1px var(--tool-brand-line), 0 18px 45px #2a1f172e;transform:translateY(-2px)}.tools-card:active{transform:scale(.98)}.tools-card-top{color:var(--tool-brand);justify-content:space-between;align-items:center;display:flex}.tools-card-icon{background:var(--tool-brand-soft);width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 1px var(--tool-brand-line);border-radius:.5rem;place-items:center;display:grid}.tools-card:nth-child(3) .tools-card-icon{color:var(--tool-brand-ink);background:var(--tool-brand)}.tools-card-category{color:var(--tool-brand);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.tools-card-copy{align-self:end}.tools-card h3{letter-spacing:-.03em;text-wrap:balance;margin:2.2rem 0 0;font-size:clamp(1.15rem,2.2vw,1.45rem)}.tools-card p{max-width:42ch;color:var(--tool-muted);text-wrap:pretty;margin:.65rem 0 0;font-size:.8rem;line-height:1.55}.tools-card-action{width:fit-content;color:var(--tool-brand);align-items:center;gap:.45rem;margin-top:1.4rem;font-size:.74rem;font-weight:700;display:inline-flex}.tools-card-action svg{transition:transform .16s}.tools-card:hover .tools-card-action svg{transform:translate(2px,-2px)}.character-counter-textarea,.line-breaker-textarea{min-height:11rem}.character-counter-results{border-top:1px solid var(--tool-line);margin-top:1.25rem;padding-top:1.25rem}.character-counter-progress-wrap{justify-content:flex-end;margin-bottom:.65rem;display:flex}.character-counter-progress{color:var(--tool-brand);font-variant-numeric:tabular-nums;font-size:.72rem}.character-counter-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.character-counter-metrics div{background:var(--tool-raised);border-radius:.375rem;min-width:0;padding:.8rem}.character-counter-metrics dt{min-height:1.1rem;color:var(--tool-faint);align-items:center;gap:.3rem;font-size:.68rem;display:flex}.character-counter-metrics dd{overflow-wrap:anywhere;color:var(--tool-ink);font-variant-numeric:tabular-nums;margin:.45rem 0 0;font-size:.86rem}.character-counter-over-limit .character-counter-progress,.character-counter-over-limit .character-counter-metrics div:last-child{color:var(--tool-error)}.line-breaker-mode{border:0;padding:0}.line-breaker-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.55rem;display:grid}.line-breaker-mode-options label{min-height:2.75rem;color:var(--tool-muted);background:var(--tool-surface);box-shadow:inset 0 0 0 1px var(--tool-line-strong);cursor:pointer;border-radius:.375rem;align-items:center;gap:.55rem;padding:0 .8rem;font-size:.78rem;display:flex}.line-breaker-mode-options label:has(input:checked){color:var(--tool-ink);background:var(--tool-brand-soft);box-shadow:inset 0 0 0 1px var(--tool-brand-line)}.line-breaker-mode-options input{accent-color:var(--tool-brand)}.line-breaker-mode-note{margin-top:.65rem}.line-breaker-preview-textarea{background:var(--tool-surface)}.social-size-guide-review{border-top:1px solid var(--tool-line-strong);border-bottom:1px solid var(--tool-line);color:var(--tool-muted);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:.8rem 0;font-size:.72rem;display:flex}.social-size-guide-review time{color:var(--tool-brand);font-variant-numeric:tabular-nums}.social-size-guide-groups{gap:3rem;display:grid}.social-size-guide-group-header{gap:.45rem;margin-bottom:1rem;display:grid}.social-size-guide-group-header h3{color:var(--tool-ink);margin:0;font-size:1rem}.social-size-guide-group-header p{max-width:48rem;color:var(--tool-muted);text-wrap:pretty;margin:0;font-size:.78rem;line-height:1.6}.social-size-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.social-size-guide-card{flex-direction:column;min-height:17rem;display:flex}.social-size-guide-card-header{color:var(--tool-brand);justify-content:space-between;align-items:center;display:flex}.social-size-guide-badge{color:var(--tool-brand);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:700}.social-size-guide-card h3{color:var(--tool-ink);text-wrap:balance;margin:1.35rem 0 1rem;font-size:1rem;line-height:1.3}.social-size-guide-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;display:grid}.social-size-guide-details div{min-width:0}.social-size-guide-details dt{color:var(--tool-faint);margin-bottom:.25rem;font-size:.65rem}.social-size-guide-details dd{color:var(--tool-ink);font-variant-numeric:tabular-nums;margin:0;font-size:.76rem;line-height:1.45}.social-size-guide-details .social-size-guide-note{grid-column:1/-1}.social-size-guide-source{width:fit-content;min-height:2.5rem;color:var(--tool-brand);align-items:center;gap:.4rem;margin-top:auto;padding-top:1rem;font-size:.7rem;font-weight:700;text-decoration:none;display:inline-flex}.social-size-guide-source:hover{text-underline-offset:.2rem;text-decoration:underline}.social-size-guide-footnote{margin-top:1.5rem}.tool-inline-check{min-height:2.75rem;color:var(--tool-muted);align-items:center;gap:.55rem;font-size:.8rem;display:flex}.tool-inline-check input{accent-color:var(--tool-brand)}.tool-output-code{overflow-wrap:anywhere;white-space:pre-wrap;max-height:14rem;padding:0 .55rem;line-height:1.5;display:block;overflow:auto}.tool-preview-panel{margin-top:1rem}.tool-capture-actions{margin-top:.8rem}.tool-embed-preview{aspect-ratio:16/9;background:var(--tool-well);border-radius:.4rem;width:100%;position:relative;overflow:hidden}.tool-embed-preview iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.tool-preview-note{margin-top:.7rem}.tool-number-grid-spaced{margin-top:.5rem}@media (prefers-reduced-motion:no-preference){.tool-output{animation:.18s cubic-bezier(.2,0,0,1) tool-result-in}}@keyframes tool-result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.tool-page,.tools-index{width:min(100% - 1.25rem,70rem);padding-top:1rem}.tool-hero{padding-top:3.5rem;padding-bottom:2.75rem}.tool-media-grid,.tool-copy-grid,.tool-related,.tool-thumbnails,.tools-grid{grid-template-columns:1fr}.tools-card,.tools-card:nth-child(n){grid-column:1/-1;min-height:14rem}.tools-ledger dl{grid-template-columns:1fr}.tools-ledger div,.tools-ledger div:first-child,.tools-ledger div:last-child{border-right:0;border-bottom:1px solid var(--tool-line);min-height:3.25rem;padding:0}.tools-ledger div:last-child{border-bottom:0}.tool-related{gap:1.5rem}.tool-privacy-card{margin-top:0}.tool-panel{min-height:22rem}.tool-metadata-list{grid-template-columns:1fr}.tool-metadata-list div:last-child:nth-child(odd){grid-column:auto}.character-counter-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.line-breaker-mode-options,.social-size-guide-grid{grid-template-columns:1fr}.social-size-guide-review{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.tools-site *{scroll-behavior:auto!important;transition-duration:.01ms!important}}