:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f8fc;--surface:#fff;--text:#171a2b;--muted:#60657a;--border:#dfe2ec;--primary:#216e4e;--primary-dark:#15583d;--soft:#eaf5ef;--danger:#a61b1b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);color:var(--text)}body{margin:0;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}.site-container{width:min(1160px,100% - 32px);margin-inline:auto}.site-header{background:var(--surface);border-bottom:1px solid var(--border)}.footer-inner,.header-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.header-inner{min-height:60px}.brand{align-items:center;gap:10px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{width:36px;height:36px;display:block}.brand-mark img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.tool-navigation{align-items:center;gap:10px;display:flex}.language-menu,.tool-menu,.tool-navigation{position:relative}.language-switcher{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:.86rem;font-weight:800;line-height:1;display:inline-flex}.language-switcher:hover{background:var(--soft);color:var(--primary-dark);border-color:#aeb5c8}.language-switcher-flag{font-size:1.15rem;line-height:1}.language-switcher-chevron{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:14px;height:14px;transition:transform .16s}.language-switcher[aria-expanded=true] .language-switcher-chevron{transform:rotate(180deg)}.language-menu-panel{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:12px;width:210px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 48px #1c253624}.language-menu-panel a{border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:10px;text-decoration:none;display:grid}.language-menu-panel a:hover,.language-menu-panel a[aria-current=page]{background:var(--soft);color:var(--primary-dark)}.language-menu-panel strong{margin-right:5px}.tool-menu-trigger{border:1px solid var(--border);background:var(--surface);min-width:164px;min-height:42px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-weight:700;display:inline-flex}.tool-menu-trigger:hover{background:#fbfcfe;border-color:#aeb5c8}.tool-menu-chevron{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px;transition:transform .16s}.tool-menu-trigger[aria-expanded=true] .tool-menu-chevron{transform:rotate(180deg)}.tool-menu-panel{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:14px;width:min(320px,100vw - 32px);padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 48px #1c253624}.tool-menu-label{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:4px 8px 8px;font-size:.72rem;font-weight:800}.tool-menu-panel ul{gap:2px;max-height:min(520px,100vh - 100px);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.tool-menu-panel a{border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:9px 10px;font-weight:650;text-decoration:none;display:flex}.tool-menu-panel a:hover,.tool-menu-panel a[aria-current=page]{background:var(--soft);color:var(--primary-dark)}.tool-menu-all{margin-bottom:8px}.tool-menu-group+.tool-menu-group{margin-top:10px}.tool-menu-back,.tool-menu-categories button{width:100%;min-height:42px;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 10px;font-weight:650;display:flex}.tool-menu-back:hover,.tool-menu-categories button:hover{background:var(--soft);color:var(--primary-dark)}.tool-menu-back{justify-content:flex-start;gap:8px;margin-bottom:8px}.tool-hero{text-align:center;padding:30px 0 34px}.home-hero h1,.tool-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.12}.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:800}.hero-description{max-width:740px;color:var(--muted);margin:16px auto 0;font-size:1.1rem}.tool-content{padding-bottom:72px}.converter{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:28px;box-shadow:0 16px 48px #1c253614}.converter-actions,.converter-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.converter-heading h2{margin:0}.converter-heading p{color:var(--muted);margin:4px 0 0}.editor-grid{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;display:grid}.field-group{gap:8px;display:grid}.field-group label{font-weight:750}textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:360px;color:var(--text);background:#fbfcfe;border-radius:12px;padding:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}a:focus-visible,button:focus-visible,textarea:focus{outline-offset:2px;outline:3px solid #79c6a3}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:10px 17px;font-weight:750;text-decoration:none;display:inline-flex}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-dark)}.button-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button-success{background:var(--soft);color:var(--primary-dark);border-color:#73b694}.button-quiet{color:var(--muted);background:0 0}.button:disabled{cursor:not-allowed;opacity:.5}.message{border-radius:8px;margin:0 0 16px;padding:10px 14px}.message-error{color:var(--danger);background:#fff0f0}.message-success{background:var(--soft);color:var(--primary-dark)}.conversion-stats{gap:12px;margin:0 0 20px;display:flex}.conversion-stats>div{border:1px solid var(--border);background:var(--soft);border-radius:10px;min-width:118px;padding:10px 14px}.conversion-stats dt{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:750}.conversion-stats dd{color:var(--primary-dark);margin:0;font-size:1.3rem;font-weight:800}.text-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;display:grid}.text-stats>div{border:1px solid var(--border);background:var(--soft);border-radius:10px;padding:12px 14px}.text-stats dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:750}.text-stats dd{color:var(--primary-dark);margin:0;font-size:1.25rem;font-weight:800}.word-counter textarea{min-height:250px}.find-controls,.text-tool-controls{flex-wrap:wrap;align-items:end;gap:14px;margin-top:24px;display:flex}.text-tool-controls .field-group{min-width:150px}.lorem-controls{flex:none;margin-top:0}.document-controls{align-items:end}.document-checkbox{align-items:center;gap:8px;min-height:44px;font-weight:650;display:inline-flex}.document-checkbox input{width:18px;height:18px;accent-color:var(--primary)}.document-result{background:var(--soft);text-align:center;border:1px solid #a9d6bd;border-radius:14px;justify-items:center;gap:16px;min-height:210px;margin:24px 0 16px;padding:30px 20px;display:grid}.document-result-label{color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.document-result-value{max-width:100%;color:var(--primary-dark);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.75rem,5vw,3rem);line-height:1.2}.document-actions{margin-bottom:16px}.document-history{border-top:1px solid var(--border);margin:24px 0;padding-top:20px}.document-history-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.document-history-heading h3{margin:0;font-size:1.05rem}.document-history-clear{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:4px 0;font-size:.84rem;font-weight:700}.document-history-clear:hover{color:var(--danger)}.document-history ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0;padding:0;list-style:none;display:grid}.document-history li{border:1px solid var(--border);background:#fbfcfe;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:9px 10px;display:flex}.document-history code{min-width:0;color:var(--primary-dark);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.document-history li button{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:0;flex:none;padding:3px 0;font-size:.8rem;font-weight:750}.language-switch{color:var(--muted);text-align:right;margin:18px 0 0;font-size:.9rem}.language-switch a{color:var(--primary);font-weight:700}.find-controls .field-group{flex:210px}.find-controls>label:not(.field-group){align-items:center;gap:7px;min-height:44px;font-weight:650;display:inline-flex}.find-controls input:not([type=checkbox]),input[type=number],input[type=text]{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#fbfcfe;border-radius:10px;padding:8px 12px}.find-controls input:not([type=checkbox])::-moz-placeholder{color:var(--muted);opacity:.8}.find-controls input:not([type=checkbox])::placeholder{color:var(--muted);opacity:.8}.find-and-replace textarea{min-height:280px}input:focus{outline-offset:2px;outline:3px solid #79c6a3}.narrow-tool{max-width:820px;margin-inline:auto}.narrow-tool .field-group{margin:24px 0}.output-panel{border:1px solid var(--border);background:#fbfcfe;border-radius:12px;min-height:360px;padding:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.empty-state{color:var(--muted)}.json-tree-node{margin:4px 0}.json-tree-node summary{cursor:pointer}.json-tree-children{border-left:1px solid var(--border);margin-left:18px;padding-left:12px}.json-tree-leaf{overflow-wrap:anywhere;padding:2px 0}.json-string{color:#166534}.json-number{color:#1d4ed8}.json-boolean{color:#7e22ce}.json-null{color:var(--muted)}.action-spacing{margin:18px 0 24px}.data-table-viewer{margin-top:24px}.table-toolbar{z-index:3;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.column-picker,.table-toolbar{position:relative}.column-picker summary{-webkit-user-select:none;user-select:none;list-style:none}.column-picker summary::-webkit-details-marker{display:none}.column-picker summary:after{content:"▾";margin-left:9px;font-size:.8em}.column-picker[open] summary:after{transform:rotate(180deg)}.column-picker-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:min(340px,100vw - 64px);padding:14px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 48px #1c253624}.column-picker-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.column-picker-action{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:3px 0;font-weight:750}.column-picker-options{gap:4px;max-height:280px;display:grid;overflow-y:auto}.column-picker-options label{cursor:pointer;border-radius:7px;align-items:center;gap:9px;padding:7px 6px;display:flex}.column-picker-options label:hover{background:var(--soft)}.column-picker-options input{width:17px;height:17px;accent-color:var(--primary);flex:none}.column-picker-options span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-download-controls{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:10px;display:flex}.image-orientation-control{color:var(--muted);gap:3px;font-size:.76rem;font-weight:750;display:grid}.image-orientation-control select{min-height:44px;color:var(--text);font-size:1rem;font-weight:650}.table-help{color:var(--muted);margin:0 0 8px;font-size:.82rem}.table-scroll{border:1px solid var(--border);border-radius:12px;max-height:560px;overflow:auto}.table-scroll:focus{outline-offset:2px;outline:3px solid #79c6a3}table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.92rem}td,th{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:11px 13px}th{z-index:1;background:var(--soft);color:var(--primary-dark);position:sticky;top:0}.data-table{table-layout:fixed}.data-table td,.data-table th{text-overflow:ellipsis;overflow:hidden}.data-table th{padding-right:19px}.column-name-button{width:100%;color:inherit;cursor:text;font:inherit;font-weight:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-bottom:1px dashed #0000;padding:0;display:block;overflow:hidden}.column-name-button:hover{border-bottom-color:currentColor}.column-name-input{background:var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;border:1px solid #73b694;border-radius:5px;padding:3px 6px;font-weight:650}.column-name-input:focus{outline-offset:1px;outline:2px solid #79c6a3}.column-resizer{z-index:2;cursor:col-resize;touch-action:none;width:9px;position:absolute;top:0;bottom:0;right:-4px}.column-resizer:after{content:"";background:#b8c1d4;width:1px;position:absolute;top:20%;bottom:20%;right:4px}.column-resizer:focus:after,.column-resizer:hover:after{background:var(--primary);width:3px}.column-resizer:focus{outline-offset:-2px;outline:2px solid #79c6a3}.chart-examples{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 12px;font-size:.88rem;display:flex}.chart-examples span{font-weight:750}.chart-examples button{border:1px solid var(--border);background:var(--surface);color:var(--primary-dark);cursor:pointer;border-radius:999px;padding:5px 9px;font-weight:700}.chart-examples button:hover{background:var(--soft)}.chart-create-action{margin:18px 0 24px}.privacy-note{color:var(--muted);margin:0;font-size:.88rem}.ip-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.ip-primary{background:var(--soft);text-align:center;border:1px solid #a9d6bd;border-radius:14px;align-content:center;justify-items:center;gap:12px;min-width:0;min-height:190px;padding:30px 18px;display:grid}.ip-primary-label{color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.ip-primary strong{max-width:100%;color:var(--primary-dark);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.25rem,3vw,2rem);line-height:1.2}.ip-primary small{color:var(--muted)}.ip-details{border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:24px 0 0;display:grid;overflow:hidden}.ip-details>div{border-bottom:1px solid var(--border);min-width:0;padding:14px 16px}.ip-details>div:nth-child(odd):not(.ip-detail-wide){border-right:1px solid var(--border)}.ip-details>div:last-child{border-bottom:0}.ip-details dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:800}.ip-details dd{overflow-wrap:anywhere;margin:3px 0 0;font-weight:700}.ip-detail-wide{grid-column:1/-1}.ip-error{text-align:center;margin-top:24px}.ip-provider-note{margin-top:16px}.chart-controls{border:1px solid var(--border);background:#fbfcfe;border-radius:12px;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;align-items:end;gap:12px;margin-bottom:24px;padding:18px;display:grid}.chart-control{gap:5px;min-width:0;font-weight:750;display:grid}.chart-control span{font-size:.78rem}.chart-control select{width:100%;min-width:0;color:var(--text)}.chart-control select:disabled{cursor:not-allowed;opacity:.6}.chart-download{white-space:nowrap}select{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-height:44px;padding:8px 36px 8px 12px}.chart-result{margin-top:28px}.chart-preview{border:1px solid var(--border);background:#fbfcfe;border-radius:12px;max-height:720px;padding:16px;overflow:auto}.chart-preview svg{width:100%;height:auto;margin-inline:auto;display:block}.chart-data-table{border:1px solid var(--border);border-radius:12px;max-height:280px;margin-top:18px;overflow:auto}.chart-data-table caption{background:var(--soft);text-align:left;padding:10px 13px;font-weight:800}.chart-data-table td:last-child,.chart-data-table th:last-child{text-align:right}.documentation{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;width:100%;margin:64px auto 0;display:grid}.documentation-narrow{max-width:820px}.documentation h2{font-size:1.6rem;line-height:1.25}.documentation h3{margin-bottom:6px;font-size:1.05rem}.documentation p{color:var(--muted)}.documentation code{background:var(--soft);color:var(--primary-dark);border-radius:4px;padding:2px 5px}.documentation pre{border:1px solid var(--border);color:var(--text);background:#fbfcfe;border-radius:10px;margin:16px 0 0;padding:16px;line-height:1.5;overflow-x:auto}.documentation pre code{color:inherit;background:0 0;padding:0}.documentation-wide{grid-column:1/-1}.documentation-list{color:var(--muted);padding-left:20px}.documentation-list li+li{margin-top:8px}.documentation details{border-bottom:1px solid var(--border);padding:16px 0}.documentation summary{cursor:pointer;font-weight:750}.home-main{padding:30px 0 34px}.home-hero{text-align:center;max-width:820px}.home-hero>p:not(.eyebrow){color:var(--muted);margin-bottom:28px;font-size:1.15rem}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:28px 0}.footer-links{gap:16px;display:flex}.footer-link-button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:650}.consent-banner{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:18px;width:min(560px,100% - 32px);padding:22px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 60px #171a2b2e}.consent-banner h2{margin:0 0 6px;font-size:1.2rem}.consent-banner p{color:var(--muted);margin:0}.consent-actions{justify-content:flex-end}.tool-directory{padding-bottom:80px}.section-heading{margin-bottom:24px}.section-heading h2{margin:0;font-size:clamp(1.7rem,4vw,2.4rem)}.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tool-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:22px}.tool-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-card h3{margin:6px 0;font-size:1.2rem}.tool-card>p:not(.tool-category){color:var(--muted);margin:0 0 16px}.tool-card a{color:var(--primary);font-weight:750}.tool-category{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.status-label{background:var(--soft);width:fit-content;color:var(--primary-dark);border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:750;display:inline-flex}.related-tools{max-width:900px;margin:64px auto 0}.legal-page{max-width:800px;padding-block:64px 80px}.legal-page h1{margin:0;font-size:clamp(2.2rem,5vw,3.4rem)}.legal-page section{margin-top:36px}.legal-date{color:var(--muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.image-tool{max-width:1160px;margin-inline:auto}.image-dropzone{cursor:pointer;text-align:center;background:#fbfcfe;border:2px dashed #aeb5c8;border-radius:16px;justify-items:center;gap:7px;min-height:280px;margin-top:24px;padding:42px 24px;transition:border-color .16s,background .16s;display:grid}.image-dropzone.is-dragging,.image-dropzone:hover{border-color:var(--primary);background:var(--soft)}.image-dropzone:focus-visible{outline-offset:2px;outline:3px solid #79c6a3}.image-dropzone-icon{background:var(--soft);width:52px;height:52px;color:var(--primary-dark);border-radius:50%;place-items:center;font-size:1.8rem;font-weight:700;line-height:1;display:grid}.image-dropzone>strong{font-size:1.12rem}.image-dropzone>span:not(.image-dropzone-icon){color:var(--muted)}.image-dropzone .image-privacy{color:var(--primary-dark);margin-top:8px;font-size:.88rem;font-weight:650}.image-empty-layout{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:stretch;gap:22px;margin-top:24px;display:grid}.image-empty-layout .image-dropzone{height:100%;min-height:470px;margin-top:0}.social-tool-demo{border:1px solid var(--border);background:linear-gradient(145deg,#f7fbf9,#eef2fb);border-radius:16px;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:20px;min-height:470px;padding:22px;display:grid;overflow:hidden}.demo-phone{background:#202437;border:6px solid #202437;border-radius:30px;width:190px;height:390px;padding:18px 9px 11px;position:relative;box-shadow:0 18px 35px #1c253638}.demo-phone-speaker{z-index:2;background:#50566d;border-radius:999px;width:47px;height:5px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.demo-app{color:#25283a;background:#fff;border-radius:18px;height:100%;font-size:8px;overflow:hidden}.demo-app-header{border-bottom:1px solid #e7e9f0;justify-content:space-between;align-items:center;height:32px;padding:0 10px;font-size:9px;font-weight:800;display:flex}.demo-profile{text-align:center;grid-template-columns:40px repeat(3,1fr);align-items:center;gap:5px;padding:12px 8px 7px;display:grid}.demo-avatar{background:linear-gradient(145deg,#216e4e,#79c6a3);border:2px solid #fff;border-radius:50%;width:33px;height:33px;display:block;box-shadow:0 0 0 1px #86a998}.demo-profile>span:not(.demo-avatar){line-height:1.2;display:grid}.demo-profile>span strong{font-size:9px}.demo-profile-name{padding:0 9px 10px;font-weight:800}.demo-grid{background:#fff;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}.demo-grid-tile{aspect-ratio:1;background-image:radial-gradient(circle at 70% 25%,#f7d774 0 8%,#0000 9%),linear-gradient(145deg,#0000 48%,#14423680 49% 57%,#0000 58%),linear-gradient(160deg,#8ed7cc 0 45%,#407e69 46% 66%,#193c42 67%);background-position:var(--tile-x) var(--tile-y);opacity:0;animation:6s cubic-bezier(.2,.8,.2,1) infinite both demo-grid-build;animation-delay:var(--tile-delay);background-size:300% 300%;place-items:end start;display:grid;position:relative;overflow:hidden;transform:translateY(12px)scale(.9)}.demo-grid-tile b{color:#fff;background:#171a2bbf;border-radius:50%;place-items:center;width:15px;height:15px;margin:3px;font-size:7px;display:grid}.demo-post-owner{align-items:center;gap:7px;padding:9px;display:flex}.demo-post-owner .demo-avatar{width:27px;height:27px}.demo-post-owner>span:last-child{display:grid}.demo-post-owner small{color:#73788b;font-size:7px}.demo-carousel-window{aspect-ratio:1/1.12;background:#d9f0e7;width:100%;position:relative;overflow:hidden}.demo-carousel-strip{background-image:radial-gradient(circle at 72% 30%,#f7d774 0 5%,#0000 5.5%),linear-gradient(145deg,#0000 47%,#1442367a 48% 59%,#0000 60%),linear-gradient(165deg,#b6e2dc 0 43%,#4d9277 44% 68%,#183b43 69%);grid-template-columns:repeat(3,1fr);width:300%;height:100%;animation:7s cubic-bezier(.65,0,.35,1) infinite demo-carousel-swipe;display:grid}.demo-carousel-strip>span{border-right:1px solid #ffffffb3;place-items:center;display:grid;position:relative}.demo-carousel-strip b{color:#fff;background:#171a2bb8;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.demo-swipe-cue{color:#33423e;background:#ffffffd1;border-radius:999px;padding:3px 6px;font-size:7px;font-weight:800;animation:7s ease-in-out infinite demo-swipe-cue;position:absolute;bottom:7px;right:8px}.demo-carousel-dots{justify-content:center;gap:3px;padding:7px 0 3px;display:flex}.demo-carousel-dots i{background:#c4c8d4;border-radius:50%;width:4px;height:4px}.demo-carousel-dots i:first-child{animation:7s step-end infinite demo-dot-one}.demo-carousel-dots i:nth-child(2){animation:7s step-end infinite demo-dot-two}.demo-carousel-dots i:nth-child(3){animation:7s step-end infinite demo-dot-three}.demo-post-lines{gap:4px;padding:5px 9px;display:grid}.demo-post-lines span{background:#e3e5eb;border-radius:99px;height:4px}.demo-post-lines span:nth-child(2){width:75%}.demo-post-lines span:nth-child(3){width:46%}.social-demo-copy{min-width:0}.social-demo-copy .eyebrow{margin:0 0 4px;font-size:.68rem}.social-demo-copy h3{margin:0;font-size:1.18rem;line-height:1.2}.social-demo-copy>p:not(.eyebrow){color:var(--muted);margin:10px 0 14px;font-size:.88rem;line-height:1.5}.social-demo-copy ol{counter-reset:demo-step;gap:7px;margin:0;padding:0;list-style:none;display:grid}.social-demo-copy li{counter-increment:demo-step;align-items:center;gap:7px;font-size:.82rem;font-weight:700;display:flex}.social-demo-copy li:before{background:var(--primary);color:#fff;content:counter(demo-step);border-radius:50%;flex:0 0 21px;place-items:center;width:21px;height:21px;font-size:.68rem;display:grid}@keyframes demo-grid-build{0%,5%{opacity:0;transform:translateY(12px)scale(.9)}14%,78%{opacity:1;transform:translateY(0)scale(1)}92%,to{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes demo-carousel-swipe{0%,20%{transform:translate(0)}32%,51%{transform:translate(-33.333%)}63%,82%{transform:translate(-66.666%)}96%,to{transform:translate(0)}}@keyframes demo-swipe-cue{0%,15%,88%,to{opacity:0;transform:translate(8px)}23%,78%{opacity:1;transform:translate(0)}}@keyframes demo-dot-one{0%,31%,96%,to{background:var(--primary)}32%,95%{background:#c4c8d4}}@keyframes demo-dot-two{0%,31%,63%,to{background:#c4c8d4}32%,62%{background:var(--primary)}}@keyframes demo-dot-three{0%,62%,96%,to{background:#c4c8d4}63%,95%{background:var(--primary)}}.image-source-summary{border:1px solid var(--border);background:var(--border);border-radius:12px;grid-template-columns:2fr repeat(3,1fr);gap:1px;margin:24px 0;display:grid;overflow:hidden}.image-source-summary>div{background:var(--surface);min-width:0;padding:11px 14px}.image-source-summary dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.image-source-summary dd{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-weight:700;overflow:hidden}.image-editor-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.image-control-panel{gap:14px;display:grid}.image-fieldset{border:1px solid var(--border);border-radius:12px;gap:12px;min-width:0;margin:0;padding:15px;display:grid}.image-fieldset legend{padding-inline:5px;font-weight:800}.dimension-controls input[type=number],.image-fieldset select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text);border-radius:9px;padding:8px 10px}.preset-buttons,.segmented-control{flex-wrap:wrap;gap:6px;display:flex}.preset-buttons button,.segmented-control button{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;border-radius:8px;padding:7px 11px;font-weight:700}.preset-buttons button[aria-pressed=true],.segmented-control button[aria-pressed=true]{background:var(--soft);color:var(--primary-dark);border-color:#73b694}.segmented-control button{flex:1}.social-size-picker{gap:9px;display:grid}.social-size-picker>p{color:var(--muted);margin:0;font-size:.88rem}.social-size-options{gap:8px;display:grid}.social-size-option{border:1px solid var(--border);background:var(--surface);width:100%;min-height:88px;color:var(--text);cursor:pointer;text-align:left;border-radius:10px;gap:2px;padding:12px 13px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative}.social-size-option:hover{background:#fbfcfe;border-color:#aeb5c8}.social-size-option[aria-pressed=true]{border:2px solid var(--primary);background:var(--soft);color:var(--primary-dark);padding:11px 12px;box-shadow:0 0 0 3px #216e4e1a}.social-size-option>strong{padding-right:90px;font-size:.96rem}.social-size-option>span:not(.social-size-selected){color:var(--muted);font-size:.79rem}.social-size-platform{letter-spacing:.03em;text-transform:uppercase;font-weight:750}.social-size-selected{color:var(--primary-dark);align-items:center;gap:4px;font-size:.75rem;font-weight:800;display:inline-flex;position:absolute;top:11px;right:11px}.dimension-controls{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;display:grid}.dimension-controls label{gap:5px;font-weight:700;display:grid}.dimension-controls>span{color:var(--muted);padding-bottom:8px}.dimension-controls .image-checkbox{grid-column:1/-1;align-items:center;gap:8px;font-size:.9rem;display:flex}.image-checkbox input{width:18px;height:18px;accent-color:var(--primary)}.fit-options{gap:8px;display:grid}.fit-options label{-moz-column-gap:8px;border:1px solid var(--border);cursor:pointer;border-radius:9px;grid-template-columns:20px 1fr;column-gap:8px;padding:9px;display:grid}.fit-options label:has(input:checked){background:var(--soft);border-color:#73b694}.fit-options input{accent-color:var(--primary);grid-row:1/3;margin:4px 0 0}.fit-options strong{line-height:1.3}.fit-options span{color:var(--muted);font-size:.82rem;line-height:1.35}.range-label{justify-content:space-between;gap:12px;font-weight:700;display:flex}.range-label output{color:var(--primary-dark)}.range-input{width:100%;accent-color:var(--primary)}.image-reset{width:100%}.color-input{border:1px solid var(--border);background:var(--surface);border-radius:9px;width:100%;height:42px;padding:3px}.field-help{color:var(--muted);margin:0;font-size:.85rem}.image-preview-panel{border:1px solid var(--border);background:#fbfcfe;border-radius:14px;min-width:0;padding:18px;position:sticky;top:18px}.image-preview-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.image-preview-heading span{color:var(--muted);font-size:.86rem}.image-canvas-stage{background-color:#e9ebf2;background-image:linear-gradient(45deg,#dfe2e9 25%,#0000 0),linear-gradient(-45deg,#dfe2e9 25%,#0000 0),linear-gradient(45deg,#0000 75%,#dfe2e9 0),linear-gradient(-45deg,#0000 75%,#dfe2e9 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:10px;place-items:center;min-height:360px;max-height:640px;padding:14px;display:grid;overflow:auto}.image-canvas-stage canvas{touch-action:none;border-radius:3px;max-width:100%;max-height:600px;display:block;box-shadow:0 8px 32px #1c253638}.image-canvas-stage.is-draggable canvas{cursor:grab}.image-canvas-stage.is-dragging canvas{cursor:grabbing}.image-warning{color:#73510c;background:#fff7df;border-radius:8px;margin:12px 0 4px;padding:8px 10px;font-size:.88rem;font-weight:650}.image-generate{width:100%;margin-top:16px}.image-results{border-top:1px solid var(--border);margin-top:30px;padding-top:26px}.image-results-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.image-results-heading h3{margin:0;font-size:1.45rem}.image-results-heading .message{background:0 0;margin:5px 0 0;padding:0}.image-results-heading>p{max-width:440px;color:var(--muted);margin:0}.image-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.image-result-card{border:1px solid var(--border);background:#fbfcfe;border-radius:12px;gap:11px;min-width:0;padding:13px;display:grid}.image-result-card img{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;background:#e9ebf2;border-radius:8px;width:100%;display:block}.image-result-card>div{min-width:0;display:grid}.image-result-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.87rem;overflow:hidden}.image-result-card span{color:var(--muted);font-size:.78rem}@media (width<=760px){.documentation,.editor-grid{grid-template-columns:1fr}.converter-actions,.converter-heading,.footer-inner{flex-direction:column;align-items:stretch}.converter{padding:20px}.document-history ol{grid-template-columns:1fr}textarea{min-height:280px}.tool-card-grid{grid-template-columns:1fr}.text-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-details,.ip-primary-grid{grid-template-columns:1fr}.ip-details>div:nth-child(odd):not(.ip-detail-wide){border-right:0}.chart-controls{grid-template-columns:1fr}.chart-download{width:100%}.consent-banner{bottom:16px;right:16px}.consent-actions{flex-direction:column-reverse;align-items:stretch}.header-inner{gap:12px}.brand{gap:7px}.tool-menu-trigger{min-width:0;max-width:48vw}.tool-menu-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-navigation{gap:7px}.language-switcher{min-width:70px;padding-inline:8px}.table-toolbar{flex-direction:column;align-items:stretch}.table-download-controls{grid-template-columns:1fr;display:grid}.column-picker-panel,.column-picker>summary,.table-download-controls .button{width:100%}.image-source-summary{grid-template-columns:1fr 1fr}.image-editor-layout{grid-template-columns:1fr}.image-preview-panel{position:static}.image-canvas-stage{min-height:240px;padding:8px}.image-results-heading{flex-direction:column}.image-result-grid{grid-template-columns:1fr 1fr}.image-empty-layout{grid-template-columns:1fr}.image-empty-layout .image-dropzone{min-height:280px}.social-tool-demo{grid-template-columns:190px minmax(0,1fr);min-height:0}}@media (width<=430px){.dimension-controls,.image-result-grid,.image-source-summary{grid-template-columns:1fr}.dimension-controls>span{display:none}.social-tool-demo{grid-template-columns:1fr;justify-items:center;padding:18px}.social-demo-copy{width:100%}}@media (prefers-reduced-motion:reduce){.demo-grid-tile{opacity:1;animation:none;transform:none}.demo-carousel-strip{animation:none;transform:translate(-33.333%)}.demo-swipe-cue{opacity:1;animation:none;transform:none}.demo-carousel-dots i{animation:none!important}.demo-carousel-dots i:nth-child(2){background:var(--primary)}}