.content-guide{max-width:1080px;margin:32px auto;color:#283449;line-height:1.7;overflow-wrap:anywhere}.content-guide>section,.content-guide>nav{margin:24px 0;padding:24px;background:#fff;border:1px solid #dfe4ef;border-radius:14px}.content-guide h2{font-size:22px;line-height:1.35;margin:0 0 16px}.content-guide h3{font-size:17px;margin:20px 0 8px}.content-guide p{margin:10px 0;font-size:16px}.content-guide li{margin:8px 0}.content-guide details{border-top:1px solid #e5e7eb;padding:14px 0}.content-guide summary{font-weight:600;cursor:pointer;min-height:28px}.content-guide a{color:#334cad;text-decoration:underline;text-underline-offset:3px}.content-guide .example-label{font-size:12px;font-weight:700;letter-spacing:.08em;color:#566278}.example-table-wrap{overflow-x:auto}.content-guide table{border-collapse:collapse;width:100%;font-size:15px;text-align:left}.content-guide caption{text-align:left;font-weight:600;margin:14px 0}.content-guide th,.content-guide td{padding:12px;border-bottom:1px solid #dfe4ef;vertical-align:top}.content-guide thead{background:#f5f7fc}.content-guide figure{margin:24px 0}.content-guide figure img{display:block;max-width:100%;height:auto;border:1px solid #dfe4ef;border-radius:8px}.content-guide figcaption,.content-guide .example-method,.content-guide .example-limit{font-size:14px;color:#566278}.example-downloads{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.example-downloads a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #ccd3e3;border-radius:8px}.content-guide a:focus-visible,.content-guide summary:focus-visible{outline:3px solid #526ddb;outline-offset:3px}@media(max-width:600px){.content-guide>section,.content-guide>nav{padding:18px}.content-guide h2{font-size:21px}.content-guide th,.content-guide td{padding:9px 7px;font-size:14px}}.content-guide figure img{max-height:440px;width:auto;margin-inline:auto}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17213b;background:#f6f8fc;font-synthesis:none;font-size:16px;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:#2457ec;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #6b91ff;outline-offset:3px}button{border:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15;letter-spacing:-1.4px;font-weight:750}h2{font-size:1.06rem;letter-spacing:-.3px}h3{font-size:1rem}input,select{max-width:100%}.header{height:84px;display:flex;align-items:center;gap:50px;padding:0 42px;background:#fff;border-bottom:1px solid #e5e9f2}.brand{display:flex;align-items:center;gap:11px;color:#16213b;font-size:1.35rem;font-weight:780;letter-spacing:-.7px;white-space:nowrap}.brand:hover{text-decoration:none}.brand img{width:36px;height:36px}.brand-light{font-weight:440}.header nav{display:flex;align-items:center;gap:28px;height:100%}.header nav a{color:#69718a;font-size:.9rem;height:100%;display:flex;align-items:center;border-bottom:3px solid transparent;padding-top:3px}.header nav .active{color:#2457ec;border-color:#2457ec;font-weight:650}.header-note{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:.8rem;color:#626d80}.header-note svg{color:#2457ec}.layout{max-width:1540px;margin:auto;display:grid;grid-template-columns:242px minmax(0,1fr);min-height:calc(100vh - 160px)}.sidebar{border-right:1px solid #e5e9f2;padding:36px 22px;display:flex;flex-direction:column}.eyebrow{font-size:.7rem;font-weight:750;letter-spacing:1.8px;color:#8490a3}.sidebar nav{display:flex;flex-direction:column;gap:9px}.sidebar nav a{display:flex;align-items:center;gap:12px;color:#626d80;font-size:.88rem;padding:13px 12px;border-radius:8px;font-weight:550}.sidebar nav a svg:last-child{margin-left:auto}.sidebar nav a:hover{background:#edf1f9;text-decoration:none}.sidebar nav a.selected{background:#e7eeff;color:#2457ec}.sidebar-note{margin-top:55px;padding:19px 15px;background:#eef2f9;border:1px solid #e3e9f4;border-radius:10px}.sidebar-note>svg{color:#2457ec;margin-bottom:12px}.sidebar-note strong{display:block;font-size:.9rem;margin-bottom:7px}.sidebar-note p{font-size:.8rem;color:#66718a;line-height:1.7;margin-bottom:16px}.sidebar-note a{font-size:.76rem}.formats{margin-top:30px;padding:0 15px;font-size:.76rem;color:#737e92}.formats>span{font-size:.65rem;letter-spacing:1.5px}.formats div{margin-top:10px;display:flex;align-items:center;gap:13px;font-weight:650}.formats i{width:3px;height:3px;background:#bbc4d5;border-radius:50%}.workspace{padding:30px 40px 50px;min-width:0}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#8390a6;margin-bottom:25px}.intro{max-width:680px;margin-bottom:30px}.tag{font-size:.65rem;font-weight:700;letter-spacing:1.1px;color:#52703d;background:#eaf3df;border-radius:4px;padding:5px 8px;display:inline-block;margin-bottom:15px}.intro h1{margin-bottom:13px}.intro p{font-size:.94rem;line-height:1.7;color:#6b758b;margin:0;max-width:630px}.editor{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:22px;align-items:start}.work-panel,.settings{background:#fff;border:1px solid #e1e7f0;border-radius:13px;overflow:hidden;box-shadow:0 3px 10px #24374a03}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 22px;border-bottom:1px solid #edf0f6;gap:10px}.panel-heading h2{display:flex;align-items:center;gap:10px;margin:0;font-size:.93rem}.panel-heading>span{font-size:.72rem;color:#8690a3;white-space:nowrap}.step{display:inline-grid;place-items:center;border:1px solid #dce3f0;color:#657593;width:23px;height:23px;border-radius:50%;font-size:.72rem;font-weight:600}.dropzone{margin:22px;min-height:277px;border:1.5px dashed #c8d5ed;border-radius:10px;background:repeating-linear-gradient(135deg,#fafcff,#fafcff 6px,#f8fafe 6px 7px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:26px 15px;text-align:center;transition:background .15s,border-color .15s}.dropzone.drag{background:#e7efff;border-color:#2457ec}.upload-icon{width:64px;height:64px;border:1px solid #dbe6fd;box-shadow:0 4px 15px #3b69eb0b;border-radius:16px;display:grid;place-items:center;color:#4973eb;background:#fff;position:relative;margin-bottom:19px}.upload-icon span{position:absolute;right:-6px;bottom:-4px;color:#2457ec;background:#c9f58a;width:24px;height:24px;line-height:21px;font-size:22px;border:2px solid white;border-radius:50%}.dropzone h3{font-size:1.05rem;font-weight:650;margin-bottom:17px}.primary{background:#2457ec;color:#fff;border:1px solid #2457ec;border-radius:7px;font-size:.88rem;font-weight:650;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 3px 6px #2457ec12}.primary:hover:enabled{background:#1948d0}.dropzone p{font-size:.76rem;color:#8590a5;margin:12px 0 0}.dropzone small{font-size:.68rem;color:#8a94a8;margin-top:24px}.local-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.73rem;color:#8290a3;padding:0 20px 20px}.local-note svg{color:#62826b}.settings fieldset{margin:0;padding:20px 22px 4px;border:0;min-width:0}.settings label{font-size:.81rem;font-weight:650;display:block;margin-bottom:9px}.settings label>span{font-weight:400;color:#8b95a6;font-size:.72rem;margin-left:4px}select,input[type=number]{height:43px;background:#fff;border:1px solid #dce2ed;border-radius:6px;padding:0 11px;width:100%;color:#33415e;font-size:.83rem}select{margin-bottom:22px}.range-label{display:flex!important;justify-content:space-between;align-items:center}.range-label output{background:#edf2ff;padding:3px 7px;border-radius:4px;color:#2457ec;font-size:.75rem}input[type=range]{accent-color:#2457ec;width:100%;margin:2px 0 0;cursor:pointer}.range-ends{display:flex;justify-content:space-between;color:#8b95a6;font-size:.66rem;margin-bottom:22px;margin-top:6px}.unit-input{position:relative}.unit-input input{padding-right:42px}.unit-input>span{position:absolute;right:12px;top:11px;font-size:.8rem;color:#8b95a6}.presets{display:flex;gap:6px;margin-top:10px}.presets button{padding:5px 8px;border:1px solid #e1e6ef;border-radius:4px;background:#fff;color:#78839a;font-size:.68rem}.presets button.picked{color:#2457ec;background:#eef3ff;border-color:#99b5ff}.hint{font-size:.73rem;color:#7a8599;line-height:1.6;margin:11px 0 17px}.background-field{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f6;padding-top:14px;margin-bottom:16px;gap:8px}.background-field label{font-size:.72rem;margin:0;font-weight:500}.background-field div{display:flex;gap:6px;align-items:center;font-size:.65rem;color:#8490a5}.background-field input{width:25px;height:25px;padding:2px;background:#fff;border:1px solid #dce3f0;border-radius:4px;cursor:pointer}.process{display:flex;width:calc(100% - 44px);margin:2px 22px 0}.settings-foot{text-align:center;font-size:.68rem;color:#8c97aa;margin:12px 0 19px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox{display:flex!important;align-items:center;gap:7px;font-size:.76rem!important;font-weight:400!important;margin:0 0 20px}.checkbox input{accent-color:#2457ec}.status{display:none}.status.visible{display:block;background:#edf2fc;border:1px solid #dce5f6;padding:13px 17px;margin-top:20px;border-radius:7px;font-size:.84rem;color:#425879;overflow-wrap:anywhere}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:35px 4px;border-bottom:1px solid #e0e6f0}.benefits svg{width:21px;height:21px;color:#4269c6;margin-bottom:11px}.benefits h3{font-size:.88rem;margin-bottom:7px}.benefits p{font-size:.78rem;line-height:1.7;color:#7c879c;margin-bottom:0;max-width:250px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:32px}.guide h2{font-size:1.13rem;margin-bottom:18px}.guide .eyebrow{font-size:.62rem}.guide ol{padding-left:18px;color:#7c879c;font-size:.8rem;line-height:1.8;margin:0}.guide li{padding-left:5px;margin-bottom:12px}.guide strong{color:#4c5971;font-weight:600}.faq h2{display:flex;align-items:center;gap:9px}.faq h2 svg{color:#76839a}.faq details{border-bottom:1px solid #e0e6f0;font-size:.8rem;padding:12px 0}.faq summary{cursor:pointer;font-weight:550;color:#53617b;line-height:1.6}.faq p{color:#7b879b;line-height:1.8;margin:12px 0 3px}footer{display:flex;align-items:center;gap:22px;padding:24px 42px;border-top:1px solid #e1e7f0;background:#fff;font-size:.72rem;color:#8a94a7}footer .footer-brand{color:#4d5a74;font-size:.9rem;font-weight:700}footer nav{display:flex;gap:20px;margin-left:auto}footer nav a{color:#6b7890}footer small{font-size:.68rem}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.compact{min-height:110px;margin-bottom:15px;padding:15px}.files{padding:0 20px 17px}.files-heading{display:flex;align-items:center;justify-content:space-between;font-size:.74rem;color:#8792a5;margin-bottom:9px}.text-button{background:none;color:#2457ec;font-size:.74rem;padding:4px}.file-row{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid #e7ecf4;border-radius:7px;margin-bottom:7px;min-width:0}.file-row.focused{border-color:#a9bfff;background:#f8faff}.file-select{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:none;text-align:left;padding:0;color:inherit}.file-select img{width:39px;height:39px;object-fit:cover;border:1px solid #e4e9f1;border-radius:5px}.file-select>span{min-width:0}.file-select strong{display:block;font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.file-select small{display:block;font-size:.68rem;color:#8b95a5;margin-top:2px}.result-size{color:#287542}.file-select .error{color:#b74435;white-space:normal}.icon-button{background:none;color:#74839d;padding:7px;display:grid;place-items:center;flex-shrink:0;border-radius:4px}.icon-button:hover{background:#e6edfd;color:#2457ec}.muted{color:#8b97ab}.cancel{display:block;margin:10px auto 0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-section{background:#fff;border:1px solid #e1e7f0;border-radius:12px;padding:22px;margin-top:22px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.preview-heading>div:first-child{min-width:0}.preview-heading h2{margin-bottom:4px}.preview-heading p{font-size:.75rem;color:#8490a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.segmented{display:flex;background:#f0f3f9;padding:3px;border-radius:7px}.segmented button{font-size:.74rem;padding:6px 12px;background:none;color:#7b89a3;border-radius:5px}.segmented button.active{background:#fff;color:#2457ec;box-shadow:0 1px 5px #1a315011}.preview-canvas{background-color:#f2f4f8;background-image:linear-gradient(45deg,#e4e8f0 25%,transparent 25%),linear-gradient(-45deg,#e4e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e8f0 75%),linear-gradient(-45deg,transparent 75%,#e4e8f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;min-height:150px;max-height:440px;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden}.preview-canvas img{display:block;max-width:100%;max-height:440px;object-fit:contain}.result-details{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:13px;font-size:.75rem;color:#566783}.result-details>span{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.result-details svg,.result-details strong{color:#287542}.download-all{margin-top:18px}.policy{max-width:800px;margin:0 auto;padding:50px 25px 80px;min-height:calc(100vh - 180px)}.policy>a:first-child{font-size:.85rem;display:block;margin-bottom:35px}.policy h1{font-size:2.8rem;margin-bottom:25px}.policy h2{margin-top:32px;margin-bottom:10px}.policy p{line-height:1.9;color:#68768e;font-size:.96rem}.policy .contact-email{font-size:clamp(1rem,4vw,1.5rem);overflow-wrap:anywhere}.skip{position:fixed;left:10px;top:-70px;background:#fff;padding:10px;z-index:10}@media(min-width:1500px){.workspace{padding-left:50px;padding-right:50px}.editor{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr)}}@media(max-width:1100px){.header{padding:0 25px;gap:30px}.header-note{display:none}.layout{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:30px 13px}.workspace{padding:25px}.editor{grid-template-columns:minmax(0,1fr) 270px;gap:15px}.panel-heading{padding:18px 15px}.panel-heading>span{display:none}.dropzone{margin:15px}.intro h1{font-size:2.15rem}footer>span{display:none}}@media(max-width:850px){.layout{display:block}.sidebar{border-right:0;border-bottom:1px solid #e5e9f2;padding:12px 20px;background:#fff}.sidebar>.eyebrow,.sidebar-note,.formats{display:none}.sidebar nav{flex-direction:row;gap:8px}.sidebar nav a{justify-content:center;flex:1;padding:10px 7px;font-size:.8rem}.sidebar nav a svg:last-child{display:none}.workspace{padding:25px}.breadcrumb{margin-bottom:20px}.editor{grid-template-columns:minmax(0,1fr) 285px}.header{height:72px}.header nav{margin-left:auto}.guide{gap:28px}.benefits{gap:20px}footer{padding:22px 25px;flex-wrap:wrap}footer small{width:100%}}@media(max-width:600px){.header{padding:0 17px;height:68px;gap:12px}.brand{font-size:1.05rem;gap:8px}.brand img{width:30px;height:30px}.header nav{gap:15px}.header nav a{font-size:.76rem}.header nav a:first-child{display:none}.sidebar{padding:10px 12px}.sidebar nav a{font-size:.74rem;gap:6px}.sidebar nav a svg{width:16px}.workspace{padding:21px 17px 35px}.breadcrumb{font-size:.69rem;margin-bottom:20px}.intro h1{font-size:2rem;letter-spacing:-1px}.intro p{font-size:.88rem}.intro{margin-bottom:23px}.editor{display:flex;flex-direction:column;gap:18px}.work-panel,.settings{width:100%}.panel-heading>span{display:block}.dropzone{min-height:260px}.dropzone.compact{min-height:110px}.settings fieldset{padding:20px}.benefits{gap:20px;grid-template-columns:1fr;padding:29px 5px}.benefits>div{display:grid;grid-template-columns:27px 1fr;column-gap:12px}.benefits svg{grid-row:span 2;margin:0}.benefits h3{margin-bottom:4px}.benefits p{max-width:none}.guide{grid-template-columns:1fr;gap:20px}.guide h2{font-size:1.1rem}.preview-section{padding:15px}.preview-heading{align-items:start;flex-direction:column}.segmented{align-self:flex-end}.result-details{font-size:.72rem}.download-all{width:100%}footer{padding:22px 17px;gap:16px}footer nav{gap:13px}.policy{padding:35px 20px 60px}.policy h1{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.eyebrow,.tag,.formats>span,.guide .eyebrow{font-size:.75rem}.header-note,.breadcrumb,.panel-heading>span,.step,.dropzone p,.dropzone small,.local-note,.settings label,.settings label>span,.range-label output,.range-ends,.presets button,.hint,.background-field label,.background-field div,.settings-foot,.benefits p,.guide ol,.faq details,.sidebar-note p,.sidebar-note a,.file-select strong,.file-select small,.files-heading,.text-button,.preview-heading p,.segmented button,.result-details{font-size:.875rem}.presets,.background-field{flex-wrap:wrap}.sidebar-note{padding:16px 13px}.header-note{font-size:.8rem}.tag{font-size:.7rem}.formats>span{font-size:.7rem}.sidebar nav a{font-size:.875rem}.background-field div,.settings-foot,.range-ends,.dropzone small{font-size:.8rem}footer,footer small{font-size:.8rem}.settings label{line-height:1.5}.choose,.process{min-height:45px}.presets button{min-height:34px}@media(max-width:600px){.sidebar nav a{font-size:.8rem}.sidebar nav{align-items:stretch}.panel-heading>span{font-size:.75rem}.header nav a{font-size:.8rem}.dropzone{padding-left:10px;padding-right:10px}.preview-heading{gap:12px}footer nav{flex-wrap:wrap;margin-left:0}footer{justify-content:space-between}}.breadcrumb,.intro p,.sidebar nav a,.sidebar-note p,.formats,.panel-heading>span,.dropzone p,.dropzone small,.local-note,.settings label>span,.range-ends,.unit-input>span,.presets button,.hint,.background-field div,.settings-foot,.benefits p,.guide ol,.faq p,.files-heading,.file-select small,.muted,.preview-heading p,.segmented button,footer,footer small{color:#5d6b82}.eyebrow,.guide .eyebrow{color:#66758d}.sidebar nav a.selected{color:#2457ec}.file-select small.error{color:#a83225}.file-select small .result-size{color:#287542}@media(max-width:850px){.sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.sidebar nav a{min-width:0;margin:0;text-align:center}.sidebar nav a svg{flex-shrink:0}}@media(max-width:600px){.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar nav a{padding:8px;font-size:.8rem}}:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202b40;background:#f7f8fc;line-height:1.6;font-size:16px;--ink:#202b40;--muted:#566278;--line:#dfe4ef;--accent:#435bd7;--accent-soft:#edf0ff;--surface:#fff}a{color:var(--accent)}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7d8deb}button:disabled{opacity:.5}button{min-height:44px}h1,h2,h3{color:var(--ink)}h1{font-size:40px;line-height:1.2;letter-spacing:-1.3px;font-weight:720}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:17px;letter-spacing:-.2px}.header{height:76px;padding:0 max(28px,calc((100vw - 1280px)/2));gap:48px;border-color:var(--line);background:#fff}.brand{font-size:22px;font-weight:730;gap:10px;color:var(--ink)}.brand-light{font-weight:450}.brand-mark{width:36px;height:36px;background:var(--accent);border-radius:10px;color:#fff;display:grid;place-items:center}.header nav{gap:28px}.header nav a{font-size:15px;color:#394761;font-weight:550;border:0;padding:0;min-height:44px}.header nav a:hover{color:var(--accent)}.header-note{color:var(--muted);font-size:13px;gap:7px}.header-note svg{color:var(--accent)}.skip{top:-100px;padding:12px 20px;z-index:20;border:1px solid var(--accent);border-radius:8px}.skip:focus{top:10px}.mobile-break{display:none}.tool-directory{max-width:1280px;margin:auto;padding:50px 28px 64px}.directory-intro{text-align:center;margin:0 auto 36px}.directory-intro h1{font-size:44px;margin:0 0 15px}.directory-intro>p{font-size:17px;color:var(--muted);margin:0 0 14px}.privacy-note{display:inline-flex;gap:7px;align-items:center;color:var(--muted);font-size:13px;line-height:1.6}.privacy-note svg{flex-shrink:0;color:#657391}.directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.tool-filters{display:flex;gap:8px;flex-wrap:wrap}.tool-filters button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);padding:9px 17px;font-size:14px;font-weight:600}.tool-filters button:hover{background:#eef0f6}.tool-filters button[aria-pressed=true]{color:#344dc4;background:#e9edff;border-color:#d5ddff}.tool-count{font-size:14px;color:var(--muted);white-space:nowrap}.tool-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tool-card{display:flex;flex-direction:column;min-width:0;padding:26px 24px 22px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink);transition:transform .16s,border-color .16s,box-shadow .16s;min-height:248px}.tool-card:hover{text-decoration:none;transform:translateY(-3px);border-color:#aebae9;box-shadow:0 8px 22px #202b4009}.tool-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tool-icon{height:52px;width:52px;border-radius:12px;background:#edf0ff;color:#435bd7;display:grid;place-items:center}.tone-teal .tool-icon{background:#e9f5f1;color:#247d6d}.tone-amber .tool-icon{background:#fff4e3;color:#aa681c}.tone-rose .tool-icon{background:#fbedf1;color:#bb5372}.card-arrow{color:#8a96aa;transition:transform .16s}.tool-card:hover .card-arrow{transform:translate(3px);color:var(--accent)}.tool-card h2{font-size:19px;letter-spacing:-.35px;line-height:1.3;margin:0 0 10px;font-weight:670}.tool-card p{font-size:15px;line-height:1.65;margin:0 0 20px;color:var(--muted)}.tool-detail{margin-top:auto;font-size:12px;color:#637087;font-weight:550}.directory-help{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px;border-top:1px solid var(--line);margin-top:44px;padding:34px 0}.directory-help h2{font-size:20px;margin:0 0 10px}.directory-help h3{font-size:16px;margin:0 0 9px}.directory-help p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.directory-how{padding-top:25px;border-top:1px solid var(--line)}.directory-how h2{font-size:22px;margin-bottom:24px}.directory-how ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0;margin:0}.directory-how li{display:flex;gap:14px}.directory-how li>span{width:32px;height:32px;border-radius:50%;background:#e9edfa;color:#435bd7;display:grid;place-items:center;flex-shrink:0;font-size:14px;font-weight:650}.directory-how h3{font-size:16px;margin:2px 0 5px}.directory-how p{font-size:14px;color:var(--muted);margin:0}.layout{max-width:1340px;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 215px);padding:30px 28px 60px;gap:38px}.sidebar{padding:0;border:0;align-self:start}.sidebar .back-tools{display:flex;align-items:center;gap:9px;min-height:44px;color:var(--muted);font-size:14px;margin:0 0 16px 10px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{min-height:48px;padding:11px 13px;gap:11px;font-size:14px;border-radius:8px;font-weight:550;color:#4c5a73;text-align:left}.sidebar nav a svg{display:block!important;flex-shrink:0;margin:0!important}.sidebar nav a:hover{background:#eef0f6}.sidebar nav a.selected{color:#344dc4;background:#e9edff}.sidebar-support{padding:24px 13px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);margin-top:24px;line-height:1.9}.sidebar-support a{display:inline-flex;align-items:center;gap:6px}.tool-switch{display:none}.workspace{padding:0;min-width:0}.breadcrumb{font-size:13px;color:var(--muted);margin:8px 0 18px}.intro{max-width:760px;margin-bottom:28px}.intro h1{font-size:36px;margin:0 0 12px;letter-spacing:-1px}.intro p{font-size:16px;color:var(--muted);line-height:1.7;max-width:730px}.editor{grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.work-panel,.settings,.preview-section{border:1px solid var(--line);border-radius:12px;box-shadow:none;background:#fff;min-width:0}.panel-heading{padding:20px 22px;border-bottom:1px solid #e9ecf3;min-height:65px}.panel-heading h2{font-size:16px;line-height:1.5;gap:10px;font-weight:650}.panel-heading>span{font-size:12px;color:var(--muted);white-space:normal;text-align:right}.step{background:#f0f2f9;color:var(--muted);border:0;border-radius:6px;width:26px;height:26px;font-size:13px;flex-shrink:0}.dropzone{background:#fafbfe;border:1.5px dashed #c7d0e6;border-radius:10px;margin:22px;padding:30px 18px;min-height:305px}.dropzone.drag{background:#edf0ff;border-color:var(--accent)}.upload-icon{background:#eef0fc;color:var(--accent);border:0;box-shadow:none;width:58px;height:58px;border-radius:14px;margin-bottom:18px}.upload-icon span{display:none}.dropzone h3{font-size:18px;margin-bottom:18px}.primary{background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:8px;padding:12px 20px;min-height:46px;font-size:15px;font-weight:650;box-shadow:none}.primary:hover:enabled{background:#344ac0;border-color:#344ac0}.dropzone p{font-size:14px;color:var(--muted);margin-top:12px}.dropzone small{font-size:12px;line-height:1.7;margin-top:22px;color:var(--muted)}.local-note{font-size:12px;color:var(--muted);padding:0 20px 22px;gap:7px}.local-note svg{color:#5c7598;flex-shrink:0}.settings fieldset{padding:22px 22px 4px}.settings label{font-size:14px;margin-bottom:8px}.settings label>span{font-size:12px;color:var(--muted)}select,input[type=number],input[type=text]{font-size:15px;height:46px;border:1px solid #ccd4e3;border-radius:7px;color:var(--ink);background:#fff;padding:0 12px}select{margin-bottom:20px}.range-label output{font-size:13px;background:#eef0fc;color:var(--accent)}input[type=range],input[type=checkbox]{accent-color:var(--accent)}input[type=range]{min-height:28px}.range-ends{font-size:12px;color:var(--muted);margin-top:0;margin-bottom:22px}.presets{gap:6px;flex-wrap:wrap}.presets button{min-height:38px;padding:6px 10px;font-size:13px;border-color:var(--line);color:#4b5870;border-radius:6px}.presets button.picked{color:#344dc4;background:#edf0ff;border-color:#b7c3f6}.hint{font-size:13px;line-height:1.7;color:var(--muted)}.background-field{flex-wrap:wrap;gap:10px}.background-field label,.background-field div{font-size:12px;color:var(--muted)}.background-field input{width:34px;height:34px}.process{width:calc(100% - 44px);margin:4px 22px 0}.settings-foot{font-size:12px;color:var(--muted);padding:0 15px}.checkbox{font-size:13px!important;line-height:1.7}.checkbox input{width:17px;height:17px;flex-shrink:0}.unit-input>span{font-size:13px;color:var(--muted)}.status.visible{font-size:14px;background:#eff2fc;border-color:#dce2f6;color:#354769;padding:16px}.compact{min-height:125px;padding:18px}.files-heading,.text-button{font-size:13px}.files-heading,.file-select small{color:var(--muted)}.file-row{padding:8px;border-radius:8px}.file-select{min-height:44px}.file-select img{width:44px;height:44px}.file-select strong{font-size:14px}.file-select small{font-size:12px}.icon-button{width:44px;height:44px;padding:10px}.text-button{color:var(--accent)}.preview-heading h2{font-size:18px}.preview-heading p{font-size:13px;color:var(--muted)}.segmented button{min-height:40px;font-size:13px}.result-details{font-size:13px}.benefits{padding:30px 0;gap:24px}.benefits h3{font-size:15px}.benefits p{font-size:14px;color:var(--muted);line-height:1.7}.benefits svg{color:var(--accent)}.guide{padding-top:30px;gap:32px}.guide h2{font-size:19px}.guide ol,.faq details{font-size:14px}.guide ol,.faq p,.faq summary{color:var(--muted)}.faq summary{min-height:44px;align-content:center}.guide .eyebrow{font-size:11px}.policy{max-width:820px;padding:44px 28px 70px}.policy h1{font-size:38px}.policy h2{font-size:22px}.policy p{font-size:16px;line-height:1.8;color:var(--muted)}.policy>a:first-child{font-size:14px;min-height:44px;margin-bottom:20px}.policy .contact-email{font-size:22px}.site-footer{padding:28px max(28px,calc((100vw - 1224px)/2));gap:28px;flex-wrap:wrap;border-color:var(--line);font-size:13px}.site-footer .footer-brand{font-size:17px;color:var(--ink)}.site-footer p{font-size:12px;margin:4px 0 0;color:var(--muted)}.site-footer nav{gap:22px}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}.site-footer small{font-size:12px;color:var(--muted);width:auto}@media(max-width:1150px){.tool-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.header-note{display:none}.header nav{margin-left:auto}.layout{grid-template-columns:200px minmax(0,1fr);gap:24px;padding:26px 24px 50px}.editor{grid-template-columns:minmax(0,1fr) 285px}.panel-heading{padding:18px}.panel-heading>span{display:none}.dropzone{margin:18px;padding:28px 12px}.tool-card{padding:24px 22px}}@media(max-width:1000px){.layout{display:block;max-width:920px}.sidebar{display:none}.tool-switch{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:14px;color:var(--muted);margin-bottom:24px}.tool-switch select{width:240px;margin:0}.workspace{padding:0}.directory-help{gap:24px}.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{min-height:235px}.directory-intro h1{font-size:40px}.site-footer small{width:100%}}@media(max-width:650px){.header{height:68px;padding:0 20px;gap:16px}.brand{font-size:19px;gap:8px}.brand-mark{width:32px;height:32px;border-radius:9px}.header nav{gap:16px}.header nav a{font-size:14px}.header nav a:first-child{display:flex}.header nav a:last-child{display:none}.tool-directory{padding:32px 20px 42px}.directory-intro{text-align:left;margin-bottom:26px}.directory-intro h1{font-size:32px;letter-spacing:-.9px;margin-bottom:13px}.mobile-break{display:block}.directory-intro>p{font-size:16px;line-height:1.65}.privacy-note{font-size:12px;align-items:flex-start}.privacy-note svg{margin-top:2px}.directory-toolbar{gap:10px;align-items:flex-start;margin-bottom:16px}.tool-filters{gap:4px}.tool-filters button{font-size:13px;padding:8px 11px}.tool-count{display:none}.tool-cards{grid-template-columns:1fr;gap:14px}.tool-card{min-height:0;padding:22px}.tool-card-top{margin-bottom:16px}.tool-icon{width:46px;height:46px;border-radius:10px}.tool-card h2{font-size:19px}.tool-card p{font-size:15px;margin-bottom:16px}.directory-help{grid-template-columns:1fr;gap:24px;margin-top:30px;padding:28px 0}.directory-help p{font-size:14px}.directory-how{padding-top:26px}.directory-how h2{font-size:21px}.directory-how ol{grid-template-columns:1fr;gap:24px}.layout{padding:22px 18px 38px}.tool-switch{gap:10px;font-size:13px;margin-bottom:22px}.tool-switch select{width:205px;font-size:14px}.breadcrumb{font-size:12px;margin-bottom:14px}.intro h1{font-size:30px}.intro p{font-size:15px}.intro{margin-bottom:24px}.editor{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.work-panel,.settings{width:100%}.panel-heading>span{display:block;font-size:12px}.dropzone{min-height:260px;margin:18px}.dropzone.compact{min-height:120px}.dropzone small{font-size:12px}.primary{font-size:15px}.preview-heading{flex-direction:column;align-items:flex-start}.preview-section{padding:18px}.benefits,.guide{grid-template-columns:1fr}.benefits>div{display:block}.benefits p{max-width:none}.benefits svg{margin-bottom:10px}.site-footer{padding:26px 20px;gap:14px}.site-footer nav{width:100%;margin:0;gap:12px 22px;flex-wrap:wrap}.site-footer p{display:block}.policy{padding:30px 22px 50px}.policy h1{font-size:32px}}@media(prefers-reduced-motion:reduce){.tool-card,.card-arrow{transition:none}.tool-card:hover{transform:none}}.tool-guide{border-top:1px solid var(--line);padding-top:32px;margin-top:32px;max-width:900px;color:var(--muted);font-size:15px;line-height:1.8}.tool-guide h2{font-size:23px;line-height:1.4;margin-bottom:18px}.tool-guide h3{font-size:17px;line-height:1.5;margin-bottom:10px}.tool-guide ol{padding-left:24px;margin:0 0 26px}.tool-guide li{padding-left:6px;margin-bottom:12px}.guide-example{border:1px solid var(--line);border-left:3px solid #8c9ae6;border-radius:8px;padding:22px 24px;background:#fff;margin:28px 0}.guide-example p,.guide-limits p{margin-bottom:0}.guide-faq{margin:28px 0}.guide-faq details{border-bottom:1px solid var(--line);padding:10px 0}.guide-faq summary{min-height:44px;align-content:center;cursor:pointer;font-weight:600;color:var(--ink)}.guide-faq details p{margin:10px 0 12px}.guide-limits{margin:28px 0}.related-tools{margin-top:28px}.related-tools>div{display:flex;gap:12px;flex-wrap:wrap}.related-tools a{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:46px;border:1px solid var(--line);border-radius:8px;padding:10px 16px;background:#fff;font-weight:550;font-size:14px}.related-tools a:hover{background:var(--accent-soft);text-decoration:none}.static-tool-page{max-width:1000px;margin:auto;padding:32px 28px 60px}.static-tool-page .intro{margin-bottom:20px}.static-tool-page>p{color:var(--muted)}.static-nav{display:flex;flex-wrap:wrap;gap:8px 24px}.static-nav a{min-height:44px;display:flex;align-items:center}.static-tool-page .tool-guide{margin-top:28px}@media(max-width:650px){.tool-guide{font-size:15px;padding-top:26px;margin-top:26px}.tool-guide h2{font-size:21px}.tool-guide h3{font-size:17px}.guide-example{padding:18px}.tool-guide ol{padding-left:20px}.related-tools>div{flex-direction:column}.static-tool-page{padding:24px 20px 40px}}.skip:not(:focus){clip-path:inset(50%)}