@font-face{font-family:Satoshi;src:url(/assets/fonts/Satoshi-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/fonts/Satoshi-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--ink:#172026;--muted:#63717c;--line:#dfe7ec;--paper:#ffffff;--soft:#f5f8fa;--blue:#1769e0;--blue-dark:#0e4fb5;--green:#0f9f6e;--amber:#b66a00;--rose:#c93d55;--shadow:0 18px 48px rgba(23,32,38,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;margin:0;background:#f8fafb;color:var(--ink);font-family:Satoshi,Arial,sans-serif;letter-spacing:0}a{color:inherit}button,input,select{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:24px;padding:14px clamp(18px,4vw,56px);background:#fffffff0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--ink);color:#fff;font-size:13px}.nav,.site-footer nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.site-footer nav{justify-content:center}.nav a,.site-footer a{padding:9px 11px;border-radius:8px;text-decoration:none;color:#33424d;font-size:15px}.site-footer a{display:inline-flex;align-items:center;justify-content:center;text-align:center}.nav a:hover,.nav a.active,.site-footer a:hover{background:#eaf1fb;color:var(--blue)}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(28px,4vw,48px);align-items:center;padding:clamp(36px,5vw,58px) clamp(18px,4vw,56px) 28px;max-width:1240px;margin:0 auto}.hero-copy h1{max-width:18ch;margin:0 0 16px;font-size:clamp(38px,4.5vw,58px);line-height:1.08;text-wrap:balance;overflow-wrap:normal;word-break:normal}.hero-copy p{max-width:60ch;margin:0 0 22px;color:var(--muted);font-size:clamp(17px,1.6vw,20px);line-height:1.55}.tool-hero{grid-template-columns:minmax(0,1fr);align-items:start}.tool-hero .hero-copy{width:fit-content;max-width:100%;padding:2px}.tool-hero .hero-copy h1{max-width:100%;font-size:clamp(30px,3vw,40px);line-height:1.15}.tool-hero .hero-copy p{max-width:100%;margin-bottom:0}.tool-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;min-width:0}.tool-actions-grid>.tool-panel,.tool-actions-grid>.hero-controls{height:100%;min-width:0}.tool-actions-grid .dropzone{height:100%;min-height:360px}.hero-controls{position:static;top:auto;align-self:stretch;box-shadow:0 14px 38px #17202612}.pre-upload-note{padding:12px 14px;border:1px solid #cfe1f5;border-radius:8px;background:#f2f7fe;color:#36536b;font-size:13px;line-height:1.5}.tool-preview-workspace{grid-template-columns:1fr;padding-top:0}.tool-preview-workspace .preview{width:100%}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border:1px solid transparent;border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.button:hover{background:var(--blue-dark)}.button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#eef4f8}.button.danger{background:var(--rose)}.button:disabled{opacity:.58;cursor:progress}.tool-panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:22px}.dropzone{display:grid;place-items:center;min-height:260px;border:2px dashed #b7c7d2;border-radius:8px;background:#fbfdff;text-align:center;padding:24px;transition:.2s}.dropzone.dragover{border-color:var(--blue);background:#edf5ff}.dropzone h2{margin:0 0 8px;font-size:24px}.dropzone p{margin:0 0 18px;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;max-width:1240px;margin:0 auto;padding:24px clamp(18px,4vw,56px) 56px}.controls,.preview,.seo-section,.content-page{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.controls{display:flex;flex-direction:column;gap:18px;align-self:start;position:sticky;top:86px;scroll-margin-top:88px}.control-group{display:grid;gap:9px}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{font-weight:700;font-size:14px}input[type=number],select{width:100%;height:42px;border:1px solid #cbd7df;border-radius:8px;background:#fff;padding:0 11px;color:var(--ink);min-width:0}input[type=range]{width:100%;accent-color:var(--blue)}.format-help{color:var(--muted);font-size:12px;line-height:1.45}.output-format-control{padding:12px;border:1px solid #d7e3ec;border-radius:8px;background:#fbfdff}.normal-target-control{padding:12px;border:1px solid #dce8d8;border-radius:8px;background:#fbfffb}.workflow-output-size{display:grid;gap:12px;padding:14px;border:1px solid #d6e0e7;border-radius:11px;background:#f8fafc;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.workflow-output-size.enabled{border-color:#b8d8ca;background:linear-gradient(145deg,#f8fbff,#f3fbf6);box-shadow:0 8px 24px #1720260b}.workflow-output-size-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.workflow-output-size-head>div{display:grid;gap:4px}.workflow-output-size-head label{font-weight:800}.workflow-output-size-head small{color:var(--muted);font-size:12px;line-height:1.4}.target-required{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:30px;padding:5px 9px;border:1px solid #b9d7ca;border-radius:999px;background:#eaf7f0;color:#087851;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.target-size-panel{border:1px solid #d6e0e7;border-radius:11px;background:#f8fafc;overflow:hidden;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.target-size-panel[open]{border-color:#b8d8ca;background:linear-gradient(145deg,#f8fbff,#f3fbf6);box-shadow:0 8px 24px #1720260b}.target-size-panel>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 10px;align-items:center;gap:10px;min-height:64px;padding:12px 14px;cursor:pointer;list-style:none}.target-size-panel>summary::-webkit-details-marker{display:none}.target-size-summary-copy{display:grid;gap:4px;min-width:0}.target-size-summary-copy strong{font-size:14px}.target-size-summary-copy small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}.target-size-panel>summary>i{width:9px;height:9px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}.target-size-panel[open]>summary>i{transform:rotate(225deg) translate(-2px,-1px)}.target-size-content{display:grid;gap:10px;padding:12px 14px 14px;border-top:1px solid var(--line)}.selected-target-display{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #d5e0e8;border-radius:8px;background:#fff}.selected-target-display small{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.selected-target-display strong{color:var(--blue);font-size:17px}.size-picker,.size-picker-control{position:relative}.size-picker-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:58px;padding:10px 12px;border:1px solid #cbd7df;border-radius:8px;background:linear-gradient(180deg,#fff,#f7fbff);color:var(--ink);cursor:pointer;box-shadow:0 6px 18px #1720260b;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.size-picker-toggle:hover,.size-picker.open .size-picker-toggle{border-color:#a9bfd0;box-shadow:0 10px 26px #17202614}.size-picker-toggle:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.size-picker-toggle span{display:grid;gap:3px;text-align:left}.size-picker-toggle small{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.size-picker-toggle strong{font-size:18px}.size-picker-toggle i{width:10px;height:10px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}.size-picker.open .size-picker-toggle i{transform:rotate(225deg) translate(-2px,-1px)}.size-picker-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;max-height:360px;padding:10px;border:1px solid #cbd7df;border-radius:8px;background:#fffffffa;box-shadow:0 18px 46px #17202629;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;transform-origin:top;animation:sizePickerIn .18s ease both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.size-picker-panel[hidden]{display:none}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:330px;overflow:auto;padding:2px}.preset-grid.featured{max-height:none;margin:7px 0 10px}.preset-grid.compact{max-height:220px;margin-top:8px}.preset-range{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.preset-range summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:6px 3px;color:var(--blue);font-size:13px;font-weight:700;cursor:pointer;list-style:none}.preset-range summary span,.preset-range-label{display:flex;align-items:center;gap:8px}.preset-range summary b,.preset-range-label b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#eaf1fb;color:var(--blue);font-size:11px}.preset-range summary::-webkit-details-marker{display:none}.preset-range summary i{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}.preset-range[open] summary i{transform:rotate(225deg)}.preset-range-label{margin-top:10px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.preset-size{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#24333e;font-weight:700;cursor:pointer}.preset-size:hover{border-color:#a5b9c8;background:#f1f6fb}.preset-size.active{border-color:var(--blue);background:#eaf1fb;color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.preset-size.custom{background:#172026;color:#fff;border-color:#172026}.preset-size.custom.active{background:var(--blue);border-color:var(--blue);color:#fff}.custom-target{display:none}.custom-target.show{display:grid}.resize-percent-control,.resize-longest-control{display:none}.resize-percent-control.show,.resize-longest-control.show{display:grid}.check{display:flex;align-items:center;gap:9px;color:#33424d;font-weight:700}.advanced-panel{border:1px solid var(--line);border-radius:8px;background:#fbfdff}.advanced-panel summary{display:grid;grid-template-columns:minmax(0,1fr) auto 10px;gap:10px;align-items:center;min-height:48px;padding:11px 12px;cursor:pointer;list-style:none}.advanced-panel summary::-webkit-details-marker{display:none}.advanced-summary-copy{display:grid;gap:3px;min-width:0}.advanced-summary-copy strong{font-size:14px}.advanced-panel summary .advanced-summary-copy small{color:var(--muted);font-size:12px;text-align:left;font-weight:400}.advanced-state{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:5px 9px;border:1px solid #d4dde4;border-radius:999px;background:#eef2f5;color:#52616c;font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.04em;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.advanced-state.enabled{border-color:#98d5bd;background:#e8f7f1;color:#087851}.advanced-panel summary i{width:9px;height:9px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}.advanced-panel[open] summary i{transform:rotate(225deg) translate(-2px,-1px)}.advanced-panel[open] summary{border-bottom:1px solid var(--line)}.advanced-content{display:grid;gap:16px;padding:14px 12px 12px}.extra-controls{display:grid;gap:16px}.extra-controls[hidden]{display:none}.advanced-toggle{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #d6e3ec;border-radius:8px;background:#fff;color:var(--ink)}.advanced-toggle input{margin-top:3px}.advanced-toggle span{display:grid;gap:3px}.advanced-toggle strong{font-size:14px}.advanced-toggle small{color:var(--muted);font-size:12px;line-height:1.4}.advanced-content.disabled .control-group:not(:first-child),.advanced-content.disabled .segmented{opacity:.5}.advanced-content.disabled .segmented button{cursor:not-allowed}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.segmented button{height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.segmented button:hover{background:#eef4f8}.preview-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.preview-head h2{margin:4px 0 0;font-size:22px;line-height:1.2}.preview-head p{max-width:260px;margin:0;color:var(--muted);font-size:14px;line-height:1.45;text-align:right}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.metric{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:11px}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:3px;font-size:15px;overflow-wrap:anywhere}.preview-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.preview-pane{display:grid;gap:9px;margin:0;min-width:0}.preview-pane figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink);font-size:14px}.preview-pane figcaption small{color:var(--muted);font-size:12px;white-space:nowrap}.canvas-wrap{display:grid;place-items:center;min-height:420px;background:linear-gradient(45deg,#edf2f5 25%,transparent 25%),linear-gradient(-45deg,#edf2f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf2f5 75%),linear-gradient(-45deg,transparent 75%,#edf2f5 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border:1px solid var(--line);border-radius:8px;overflow:auto;contain:content}.preview-canvas-wrap{min-height:320px;max-height:68vh}.preview[hidden]{display:none}.upload-summary{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:13px;padding:12px;margin-bottom:14px;border:1px solid #cfe1d9;border-radius:10px;background:#f2faf6}.upload-summary img{width:72px;height:72px;border-radius:8px;object-fit:cover;background:#fff}.upload-summary div{display:grid;gap:3px;min-width:0}.upload-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-summary small{color:var(--muted);font-size:12px}.upload-ready{color:#087851;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.header-utilities{display:flex;align-items:center;gap:8px;margin-left:0}.language-picker select{min-height:38px;border:1px solid #c8d4dc;border-radius:8px;background:#fff;color:var(--ink);padding:0 9px;font:inherit;font-size:13px}.install-assistant{position:fixed;right:20px;bottom:20px;z-index:76;display:grid;place-items:center;width:62px;height:62px;padding:0;border:0;border-radius:50%;background:linear-gradient(145deg,#15ad78,#078457);color:#fff;box-shadow:0 18px 42px #08785152;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.install-assistant:hover{transform:translateY(-2px);box-shadow:0 22px 48px #08785166}.install-assistant:active{transform:translateY(0) scale(.97)}.install-assistant-arrow{width:18px;height:18px;border-top:4px solid currentColor;border-right:4px solid currentColor;transform:rotate(45deg) translate(-2px,2px);transition:transform .25s ease}.install-assistant[aria-expanded=true] .install-assistant-arrow{transform:rotate(225deg) translate(-2px,2px)}.install-assistant.ready:after{content:"";position:absolute;top:5px;right:5px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#ffd166}.install-promo{position:fixed;right:24px;bottom:96px;z-index:75;width:min(390px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 124px));padding:28px;border:1px solid rgba(255,255,255,.3);border-radius:26px;background:linear-gradient(150deg,#0f9f6e,#087851 72%,#066444);color:#fff;box-shadow:0 28px 80px #1720264d;overflow:auto;overscroll-behavior:contain;transform-origin:bottom right;animation:installPromoIn .24s ease both}.install-promo[hidden]{display:none}.install-promo-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.36);border-radius:50%;background:#ffffff1f;color:#fff;font-size:24px;line-height:1;cursor:pointer}.install-promo-close:hover{background:#ffffff38}.install-promo-intro{padding:18px 18px 20px;text-align:center}.install-promo-kicker{display:inline-block;margin-bottom:12px;color:#d9fff0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.install-promo h2{max-width:14ch;margin:0 auto 12px;font-size:clamp(25px,3vw,34px);line-height:1.12;text-wrap:balance}.install-promo-intro p{margin:0;color:#e8fff6;font-size:15px;line-height:1.55}.install-promo-benefits{display:grid;gap:10px;margin:0 0 16px;padding:0;list-style:none}.install-promo-benefits li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:11px;padding:11px 12px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#ffffff1a}.install-promo-benefits li>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ffffff2e;font-size:13px;font-weight:800}.install-promo-benefits strong{font-size:14px}.install-promo-benefits small{margin-top:2px;color:#ddf8ec;font-size:12px;line-height:1.4}.install-promo-action{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:14px;width:100%;min-height:86px;padding:16px 18px;border:0;border-radius:18px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 14px 36px #003f2a33;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.install-promo-action:hover{transform:translateY(-2px);box-shadow:0 18px 42px #003f2a47}.install-promo-action>span{display:grid;gap:5px}.install-promo-action strong{font-size:18px}.install-promo-action small{color:var(--muted);font-size:12px}.install-promo-action i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0f9f6e}.install-promo-action i:before{content:"";width:11px;height:11px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(45deg) translate(-1px,1px)}.install-promo-action.ready i{background:var(--blue)}.install-promo-footnote{margin:13px 0 0;color:#d6f6e9;font-size:11px;text-align:center}.browse-tools-row{display:flex;justify-content:center;max-width:1240px;margin:0 auto;padding:4px clamp(18px,4vw,56px) 16px}.output-preview-wrap{border-color:#b9cbe8;box-shadow:inset 0 0 0 1px #1769e01f}canvas{max-width:100%;height:auto;display:block}.notice{padding:12px;border-radius:8px;background:#fff7e8;color:#694000;border:1px solid #f3d19a;font-size:14px}.upload-progress{--upload-progress:0%;position:fixed;top:88px;left:50%;z-index:70;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;width:min(420px,calc(100% - 36px));padding:14px;border:1px solid #cfe0ed;border-radius:8px;background:#fffffff5;box-shadow:0 18px 48px #1720262e;opacity:0;transform:translate(-50%,-12px);pointer-events:none;transition:opacity .22s ease,transform .22s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.upload-progress[hidden]{display:none}.upload-progress.show{opacity:1;transform:translate(-50%)}.upload-progress-ring{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--blue) 0 var(--upload-progress),#e8f0f7 0);color:var(--blue-dark);font-size:14px;font-weight:700;box-shadow:inset 0 0 0 7px #fff}.upload-progress-copy{display:grid;gap:6px;min-width:0}.upload-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.upload-progress-copy strong{font-size:16px}.upload-progress-head b{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:4px 8px;border-radius:999px;background:#eaf1fb;color:var(--blue);font-size:13px;font-weight:700}.upload-progress-copy span{color:var(--muted);font-size:13px}.upload-progress-track{height:7px;border-radius:999px;background:#e8f0f7;overflow:hidden}.upload-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#0f9f6e);transition:width .08s linear}.controls.focus-pulse{animation:controlFocusPulse 1.25s ease both}.workspace.upload-arrived{animation:workspaceSlideIn .36s ease both}.ad-slot{display:grid;place-items:center;max-width:1240px;margin:18px auto;padding:0 clamp(18px,4vw,56px)}.ad-frame{position:relative;width:100%;border:1px solid #d8e2e9;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1720260a;overflow:hidden}.ad-label{position:absolute;top:8px;left:10px;z-index:1;padding:3px 7px;border-radius:6px;background:#eef4f8;color:#6f7f89;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ad-canvas{display:grid;place-items:center;gap:4px;width:100%;min-height:96px;padding:24px;border:1px dashed transparent;color:#8a98a3;text-align:center}.ad-canvas span,.ad-popup-unit span{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ad-canvas small,.ad-popup-unit small{display:block;color:#9ba8b1;font-size:12px;text-transform:none;letter-spacing:0;font-weight:400}.ad-slot-sidebar{padding:0;margin:0}.ad-slot-sidebar .ad-canvas{min-height:250px}.ad-slot-wide .ad-canvas{min-height:120px}.side-ad-rails{display:none;--rail-width:clamp(96px,8vw,160px);--rail-gap:clamp(10px,1.3vw,22px);--content-width:940px}.side-ad-rail{position:fixed;top:clamp(82px,9dvh,104px);z-index:8;width:var(--rail-width);height:min(600px,calc(100dvh - 124px));pointer-events:none}.side-ad-rail-left{left:max(var(--rail-gap),calc((100vw - var(--content-width)) / 2 - var(--rail-width) - var(--rail-gap)))}.side-ad-rail-right{right:max(var(--rail-gap),calc((100vw - var(--content-width)) / 2 - var(--rail-width) - var(--rail-gap)))}.side-ad-frame{position:relative;width:100%;height:100%;min-height:300px;border:1px solid #d8e2e9;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1720260d;overflow:hidden}.side-ad-frame .ad-canvas{height:100%;min-height:0;padding:28px 10px}.side-ad-frame .adsbygoogle{position:absolute;inset:0;width:100%;height:100%}.ad-popup[hidden]{display:none}.ad-popup{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px}.ad-popup-backdrop{position:absolute;inset:0;background:#17202675;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ad-popup-card{position:relative;width:min(420px,100%);border:1px solid #d8e2e9;border-radius:8px;background:#fff;padding:28px;box-shadow:0 24px 80px #17202647}.ad-popup-card h2{margin:14px 0 8px;font-size:24px}.ad-popup-card p{margin:0 0 16px;color:var(--muted);line-height:1.55}.ad-popup-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#33424d;font-size:22px;line-height:1;cursor:pointer}.ad-popup-close:hover{background:#eef4f8;color:var(--blue)}.ad-popup-unit{display:grid;place-items:center;min-height:250px;border:1px dashed #c7d3dc;border-radius:8px;background:linear-gradient(180deg,#fbfdff,#f4f8fb);color:#7e8b95;text-align:center;padding:24px}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1240px;margin:0 auto;padding:28px clamp(18px,4vw,56px)}.tool-card{display:block;min-height:160px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;text-decoration:none;box-shadow:0 8px 24px #1720260d}.tool-card:hover{border-color:#9eb6c8;transform:translateY(-1px)}.tool-card span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#eaf1fb;color:var(--blue);font-weight:700}.tool-card h2{margin:15px 0 8px;font-size:22px}.tool-card p,.seo-section p,.content-page p{color:var(--muted);line-height:1.65}.tools-directory-hero{max-width:1128px;margin:0 auto;padding:64px clamp(18px,4vw,56px) 24px;text-align:center}.tools-directory-hero h1{margin:8px 0 12px;font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-.035em}.tools-directory-hero>p{max-width:720px;margin:0 auto 28px;color:var(--muted);font-size:18px;line-height:1.6}.tool-search{display:grid;gap:7px;max-width:660px;margin:0 auto;text-align:left}.tool-search span{font-size:13px;font-weight:700;color:var(--ink)}.tool-search input{width:100%;min-height:54px;padding:0 17px;border:1px solid #bfcdd6;border-radius:10px;background:#fff;font:inherit;box-shadow:0 8px 26px #1720260f}.tool-search input:focus{outline:3px solid rgba(29,100,179,.18);border-color:var(--blue)}.tool-filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.tool-filter{min-height:40px;padding:8px 14px;border:1px solid #c8d4dc;border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.tool-filter:hover,.tool-filter.active{border-color:var(--blue);background:var(--blue);color:#fff}.tool-results-status{display:block;width:fit-content;margin:12px auto 0;padding:5px 10px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:700}.tools-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1128px;margin:0 auto;padding:20px clamp(18px,4vw,56px) 42px}.tool-directory-card{display:grid;grid-template-columns:56px minmax(0,1fr) 36px;align-items:center;gap:16px;min-height:118px;padding:18px;border:1px solid #d3dee5;border-radius:10px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 8px 24px #1720260b;transition:.2s ease}.tool-directory-card[hidden]{display:none}.tool-directory-card.filter-enter{animation:toolFilterIn .24s ease both}.tool-directory-card:hover{border-color:#9fb6c5;box-shadow:0 14px 34px #1720261a;transform:translateY(-2px)}.tool-directory-badge{display:grid;place-items:center;width:56px;height:56px;border-radius:10px;background:#eaf1fb;color:var(--blue);font-size:12px;font-weight:800}.tool-directory-copy{min-width:0}.tool-directory-copy strong{display:block;font-size:19px}.tool-directory-copy small{display:block;margin-top:6px;color:var(--muted);font-size:14px;line-height:1.45}.tool-directory-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--soft);color:var(--blue);font-size:20px}.tool-empty{display:grid;justify-items:center;gap:7px;max-width:720px;margin:0 auto 42px;padding:28px;text-align:center;color:var(--muted)}.tool-empty[hidden]{display:none}.tool-empty strong{color:var(--ink);font-size:20px}.tool-empty .button{margin-top:8px}.custom-size-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1016px;margin:10px auto 42px;padding:28px;border:1px solid #cddce4;border-radius:12px;background:linear-gradient(135deg,#f4f9ff,#edf8f3)}.custom-size-cta h2{margin:6px 0}.custom-size-cta p{margin:0;color:var(--muted);line-height:1.55}.custom-size-cta .button{flex:0 0 auto}.output-size-section{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(24px,4vw,48px);max-width:1128px;margin:18px auto 42px;padding:clamp(24px,4vw,34px);border:1px solid #cddce4;border-radius:16px;background:linear-gradient(135deg,#f4f9ff,#f8fbff 46%,#edf8f3);box-shadow:0 16px 42px #17202612}.output-size-heading h2{margin:6px 0 9px;font-size:clamp(26px,3vw,34px);line-height:1.15}.output-size-heading p{max-width:48ch;margin:0;color:var(--muted);line-height:1.55}.output-size-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.output-size-options a{display:grid;gap:3px;min-height:72px;padding:14px 15px;border:1px solid #c8d8e5;border-radius:11px;background:#ffffffe6;color:var(--ink);text-decoration:none;box-shadow:0 7px 20px #1720260b;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.output-size-options a:hover{transform:translateY(-3px);border-color:#8cacca;background:#fff;box-shadow:0 13px 28px #1769e01f}.output-size-options strong{color:var(--blue);font-size:17px}.output-size-options small{color:var(--muted);font-size:12px}.output-size-options .custom-output-size{border-color:#b8d8ca;background:linear-gradient(135deg,#f8fffb,#eef9f3)}.favorites-section{width:100%;margin:28px 0;padding:42px clamp(18px,4vw,56px);border-block:1px solid #dce6eb;background:#eef3f5}.favorites-inner{max-width:1128px;margin:0 auto}.favorites-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.favorites-heading h2{max-width:620px;margin:7px 0 0;font-size:clamp(26px,3vw,36px);line-height:1.16;text-wrap:balance}.favorites-heading p{max-width:340px;margin:0;color:var(--muted);font-size:16px;line-height:1.55;text-align:right}.section-kicker{color:var(--blue-dark);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.favorites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.favorite-link{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:14px;min-height:102px;padding:16px;border:1px solid #d5e0e6;border-radius:8px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 6px 18px #17202609;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.favorite-link:hover{border-color:#a9bcc8;box-shadow:0 10px 24px #17202614;transform:translateY(-1px)}.favorite-badge{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;font-size:14px;font-weight:700}.favorite-badge.blue{background:#e5efff;color:#1457b8}.favorite-badge.green{background:#e1f5ed;color:#087851}.favorite-badge.amber{background:#fff0d8;color:#8b5100}.favorite-badge.rose{background:#fde8ec;color:#a62d43}.favorite-copy{min-width:0}.favorite-copy strong{display:block;font-size:17px;line-height:1.3}.favorite-copy small{display:block;margin-top:5px;color:var(--muted);font-size:14px;line-height:1.4}.favorite-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--blue);font-size:20px;transition:background .2s ease,color .2s ease,transform .2s ease}.favorite-link:hover .favorite-arrow{background:var(--blue);color:#fff;transform:translate(2px)}.seo-section,.content-page{max-width:960px;margin:28px auto 56px}.seo-section.compact{margin-bottom:28px}.seo-section h2,.content-page h1{margin-top:0}.faq{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.faq h3{margin:16px 0 6px;font-size:18px}.exact-size-picker{margin-top:16px}.exact-size-picker summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:14px;min-height:64px;padding:12px 14px;border:1px solid #cbd7df;border-radius:8px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 8px 24px #1720260e;cursor:pointer;list-style:none;transition:border-color .2s ease,box-shadow .2s ease}.exact-size-picker summary::-webkit-details-marker{display:none}.exact-size-picker summary:hover,.exact-size-picker[open] summary{border-color:#a9bfd0;box-shadow:0 12px 30px #17202617}.exact-size-picker summary span{display:grid;gap:3px;min-width:0}.exact-size-picker summary small{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.exact-size-picker summary strong{font-size:18px}.exact-size-picker summary em{padding:5px 9px;border-radius:999px;background:#eaf1fb;color:var(--blue);font-style:normal;font-size:12px;font-weight:700;white-space:nowrap}.exact-size-picker summary i{width:10px;height:10px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}.exact-size-picker[open] summary i{transform:rotate(225deg) translate(-2px,-1px)}.exact-size-panel{padding:10px;margin-top:8px;border:1px solid #cbd7df;border-radius:8px;background:#fffffffa;box-shadow:0 18px 46px #1720261f;animation:sizePickerIn .18s ease both}.exact-size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:360px;overflow:auto;padding:2px}.exact-size-grid a{display:flex;align-items:center;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft);text-decoration:none;color:#24333e;font-weight:700}.exact-size-grid a:hover{border-color:#9eb6c8;background:#eaf1fb;color:var(--blue)}.exact-size-grid .custom-size-link{background:#172026;color:#fff;border-color:#172026}.exact-size-grid .custom-size-link:hover{background:var(--blue);border-color:var(--blue);color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.step{border-left:3px solid var(--green);background:var(--soft);padding:12px;border-radius:0 8px 8px 0}.site-footer{display:flex;align-items:center;justify-content:center;gap:24px;padding:26px clamp(18px,4vw,56px);border-top:1px solid var(--line);background:#fff;color:#33424d;text-align:center;flex-wrap:wrap}.site-footer p{margin:5px 0 0;color:var(--muted)}@media(max-width:900px){.site-header,.site-footer{align-items:flex-start;flex-direction:column}.hero,.workspace{grid-template-columns:1fr}.controls{position:static}.tools-grid,.exact-size-grid,.meta,.steps{grid-template-columns:1fr 1fr}.ad-slot-sidebar span{min-height:90px}}@media(max-width:560px){.brand{font-size:15px}.nav a{font-size:14px;padding:8px}.hero{padding-top:32px}.tool-panel,.controls,.preview,.seo-section,.content-page{padding:16px}.control-row,.tools-grid,.exact-size-grid,.meta,.steps{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(2,1fr);max-height:none}.canvas-wrap{min-height:280px}}@media(max-width:760px){.tools-directory{grid-template-columns:1fr}.custom-size-cta{align-items:stretch;flex-direction:column;margin-inline:16px}.custom-size-cta .button{text-align:center}.tool-directory-card{grid-template-columns:48px minmax(0,1fr) 32px}.tool-directory-badge{width:48px;height:48px}}@media(max-width:760px){.output-size-section{grid-template-columns:1fr;margin-inline:16px}.output-size-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.output-size-options{grid-template-columns:1fr}.output-size-options a{min-height:64px}}body{min-width:0;overflow-x:hidden}main,.hero,.hero-copy,.hero-actions,.tool-panel,.workspace,.workspace>*,.controls,.preview,.meta,.favorites-inner,.favorites-grid{min-width:0}img,svg,video{max-width:100%;height:auto}.nav-toggle{display:none;width:44px;height:44px;flex:0 0 44px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.nav-toggle span{display:block;width:20px;height:2px;margin:4px auto;background:var(--ink);transition:transform .2s ease,opacity .2s ease}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.button,.preset-size,.segmented button,input,select{touch-action:manipulation}:where(a,button,input,select):focus-visible{outline:3px solid rgba(23,105,224,.28);outline-offset:2px}.tool-card h2,.seo-section h2,.content-page h1{overflow-wrap:anywhere}.seo-section,.content-page{width:calc(100% - clamp(36px,8vw,112px))}.canvas-wrap{max-width:100%;overscroll-behavior:contain}.canvas-wrap canvas{object-fit:contain}.adsbygoogle{max-width:100%;overflow:hidden}@media(hover:none)and (pointer:coarse)and (max-width:1180px){.site-header{align-items:center;flex-direction:row;flex-wrap:wrap}.hero,.workspace{grid-template-columns:1fr}.hero{gap:24px}.hero-copy h1{max-width:100%;font-size:clamp(32px,6vw,48px)}.controls{position:static}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1180px)and (min-height:600px)and (hover:hover)and (pointer:fine){.side-ad-rails{display:block}.hero,.workspace,.tools-grid{max-width:940px}.hero{grid-template-columns:minmax(0,1fr) 360px;gap:30px}.hero-copy h1{font-size:clamp(38px,3.5vw,48px)}.ad-slot:not(.ad-slot-sidebar){max-width:940px}.favorites-inner{max-width:940px}}@media(min-width:1180px)and (max-width:1399px)and (min-height:600px)and (hover:hover)and (pointer:fine){.side-ad-rails{--rail-width:clamp(72px,6vw,96px);--rail-gap:8px;--content-width:min(900px,calc(100vw - var(--rail-width) - var(--rail-width) - 44px))}.hero,.workspace,.tools-grid,.ad-slot:not(.ad-slot-sidebar),.favorites-inner{max-width:var(--content-width)}.side-ad-frame .ad-canvas small{display:none}}@media(min-width:1400px)and (min-height:600px)and (hover:hover)and (pointer:fine){.side-ad-rails{--rail-width:clamp(120px,8vw,160px);--rail-gap:clamp(12px,1.5vw,24px);--content-width:940px}}@media(min-width:1800px)and (min-height:700px)and (hover:hover)and (pointer:fine){.side-ad-rails{--rail-width:160px;--rail-gap:28px;--content-width:1060px}.hero,.workspace,.tools-grid,.ad-slot:not(.ad-slot-sidebar),.favorites-inner{max-width:1060px}.hero{grid-template-columns:minmax(0,1fr) 390px}}@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(310px,.82fr);gap:28px}.hero-copy h1{font-size:clamp(36px,4.8vw,50px)}.workspace{grid-template-columns:300px minmax(0,1fr);gap:18px}.tools-grid,.exact-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.site-header{align-items:center;flex-direction:row;gap:18px;padding-block:12px}.hero{grid-template-columns:1fr;gap:24px;padding-top:38px}.hero-copy{width:100%;max-width:760px}.hero-copy h1{max-width:20ch;font-size:clamp(36px,6vw,48px)}.tool-panel{width:100%}.dropzone{min-height:220px}.workspace{grid-template-columns:1fr;padding-top:12px}.controls{position:static}.preview{grid-row:auto}.preview-head{display:block}.preview-head p{max-width:none;margin-top:6px;text-align:left}.preview-compare{grid-template-columns:1fr}.canvas-wrap{min-height:360px}.preview-canvas-wrap{min-height:280px}.ad-slot-sidebar .ad-canvas{min-height:100px}.ad-slot-sidebar .ad-canvas>span{min-height:0}.tools-grid,.exact-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.upload-progress{top:78px;width:min(390px,calc(100% - 36px))}}@media(max-width:760px){.site-header{flex-wrap:wrap;padding-inline:18px}.brand{max-width:calc(100% - 62px)}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis}.nav-toggle{display:block;margin-left:auto}.nav{display:none;order:3;width:100%;align-items:stretch;gap:4px;padding:8px 0 2px;border-top:1px solid var(--line)}.nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(34dvh,176px);overflow:auto;overscroll-behavior:contain}.nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px}.hero{padding-bottom:20px}.hero-copy h1{max-width:18ch;font-size:clamp(32px,7.5vw,42px);line-height:1.1}.hero-copy p{font-size:17px}.workspace{padding-bottom:40px}.meta{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{overflow-wrap:anywhere}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.favorites-heading{display:block}.favorites-heading p{max-width:none;margin-top:8px;text-align:left}.upload-progress{top:74px;left:50%;bottom:auto;width:min(420px,calc(100% - 32px));transform:translate(-50%,-16px)}.upload-progress.show{transform:translate(-50%)}}@media(max-width:560px){.site-header{padding-block:10px}.hero{padding:28px 16px 16px}.hero-copy h1{max-width:100%;font-size:clamp(30px,8.5vw,38px)}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.button{width:100%;min-width:0;padding-inline:12px;text-align:center}.tool-panel,.controls,.preview,.seo-section,.content-page{padding:16px}.dropzone{min-height:190px;padding:18px 12px}.dropzone h2{font-size:21px}.workspace{padding:14px 16px 34px}.controls{gap:15px}.control-row{grid-template-columns:repeat(2,minmax(0,1fr))}input[type=number],select{height:46px;font-size:16px}input[type=range]{min-height:32px}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:310px}.size-picker-toggle{min-height:56px}.size-picker-panel{position:relative;top:auto;margin-top:8px;box-shadow:0 12px 32px #1720261f}.preset-size{min-height:44px;font-size:13px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button{height:44px}.preview{padding:12px}.canvas-wrap{min-height:240px;max-height:70vh}.tools-grid{grid-template-columns:1fr;padding:22px 16px}.favorites-section{margin:20px 0;padding:30px 16px}.favorites-heading{margin-bottom:17px}.favorites-heading h2{font-size:26px}.favorites-grid{grid-template-columns:1fr}.favorite-link{grid-template-columns:44px minmax(0,1fr) 30px;gap:12px;min-height:92px;padding:14px}.favorite-badge{width:44px;height:44px}.favorite-arrow{width:30px;height:30px}.tool-card{min-height:0;padding:17px}.tool-card h2{margin:12px 0 5px;font-size:20px}.tool-card p{margin-bottom:0}.seo-section,.content-page{width:calc(100% - 32px);margin-top:22px;margin-bottom:38px}.exact-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:320px}.exact-size-grid a{font-size:14px;padding:9px}.steps{grid-template-columns:1fr}.ad-slot{margin-block:12px;padding-inline:16px}.ad-slot-wide .ad-canvas,.ad-canvas{min-height:90px;padding:20px 12px}.ad-popup{padding:12px;align-items:end}.ad-popup-card{width:100%;max-height:calc(100dvh - 24px);overflow:auto;padding:22px 18px 18px}.ad-popup-card h2{padding-right:30px;font-size:21px}.ad-popup-unit{min-height:180px;padding:18px 12px}.upload-progress{top:68px;bottom:auto;width:calc(100% - 24px)}.site-footer{display:grid;gap:18px;padding:24px 16px}.site-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.site-footer a{min-height:42px}}@media(max-width:380px){.brand{font-size:14px}.brand-mark{width:34px;height:34px}.hero-actions{grid-template-columns:1fr}.hero-copy h1{font-size:28px}.control-row,.meta{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exact-size-picker summary{grid-template-columns:minmax(0,1fr) 18px}.exact-size-picker summary em{display:none}.exact-size-grid,.nav.open{grid-template-columns:1fr}}@media(max-height:620px)and (orientation:landscape){.site-header{position:relative}.nav.open{max-height:30dvh}.nav a{min-height:40px}.hero{padding-top:22px}.ad-popup{align-items:center}.ad-popup-card{max-height:calc(100dvh - 20px);overflow:auto}.ad-popup-unit{min-height:120px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes controlFocusPulse{0%{box-shadow:0 0 #1769e04d;border-color:var(--blue)}65%{box-shadow:0 0 0 10px #1769e000;border-color:var(--blue)}to{box-shadow:none}}@keyframes workspaceSlideIn{0%{opacity:.78;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sizePickerIn{0%{opacity:0;transform:translateY(-6px) scaleY(.96)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes installPromoIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toolFilterIn{0%{opacity:.35;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@supports (content-visibility:auto){.tools-grid,.favorites-section,.ad-slot,.seo-section,.content-page,.site-footer{content-visibility:auto;contain-intrinsic-size:auto 420px}.favorites-section{contain-intrinsic-size:auto 520px}.site-footer{contain-intrinsic-size:auto 150px}}html,body{max-width:100%;overflow-x:clip}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.site-header,.hero,.workspace,.ad-slot,.tools-grid,.favorites-section,.site-footer{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.hero,.workspace,.tools-grid,.favorites-inner,.seo-section,.content-page,.ad-slot{width:100%}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.exact-size-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}.meta{grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr))}.control-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}.segmented{grid-template-columns:repeat(auto-fit,minmax(min(100%,118px),1fr))}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,86px),1fr))}.hero-copy h1,.favorites-heading h2{overflow-wrap:anywhere}.hero-copy p,.tool-card p,.favorite-copy small,.seo-section p,.content-page p{overflow-wrap:break-word}.button,.nav a,.site-footer a,.preset-size,.segmented button{min-width:0;white-space:normal}.canvas-wrap{min-width:0;max-height:min(72dvh,760px)}.preview{overflow:hidden}.ad-frame,.side-ad-frame,.ad-popup-card{max-width:100%}.side-ad-rails{display:none}@media(hover:none),(pointer:coarse),(max-width:1179px),(max-height:599px){.side-ad-rails{display:none!important}.hero,.workspace,.tools-grid,.ad-slot:not(.ad-slot-sidebar),.favorites-inner{max-width:1240px}}@media(min-width:1180px)and (max-height:760px)and (hover:hover)and (pointer:fine){.side-ad-rail{top:76px;height:calc(100dvh - 92px)}.side-ad-frame{min-height:220px}.side-ad-frame .ad-canvas{padding:18px 8px}}@media(max-width:1180px){.workspace{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}}@media(max-width:980px){.hero,.workspace{grid-template-columns:1fr}.controls{position:static}.hero-copy h1{max-width:100%}}@media(max-width:760px),(hover:none)and (pointer:coarse){.site-header{position:sticky;align-items:center;flex-direction:row;flex-wrap:wrap;gap:12px}.nav-toggle{display:block;margin-left:auto}.nav{display:none;order:3;width:100%;align-items:stretch}.nav.open{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));max-height:min(48svh,260px);overflow:auto}.nav a{justify-content:center;text-align:center}.hero{padding-top:28px}.hero-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));width:100%}.tool-panel,.controls,.preview,.seo-section,.content-page{padding:clamp(14px,4vw,18px)}.site-footer{display:grid;align-items:center;justify-items:center;text-align:center}}@media(max-width:480px){.site-header,.hero,.workspace,.ad-slot,.tools-grid,.favorites-section,.site-footer{padding-left:12px;padding-right:12px}.brand{max-width:calc(100% - 56px);font-size:14px}.brand-mark{width:32px;height:32px}.install-promo{right:12px;bottom:86px;width:calc(100vw - 24px);max-height:calc(100dvh - 106px);padding:22px 16px;border-radius:22px}.install-promo-intro{padding-inline:10px}.install-assistant{right:14px;bottom:14px;width:56px;height:56px}.hero-copy h1{font-size:clamp(27px,8vw,34px)}.hero-copy p{font-size:16px}.dropzone{min-height:176px}.upload-progress{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:12px}.upload-progress-ring{width:48px;height:48px;font-size:12px}.exact-size-picker summary{grid-template-columns:minmax(0,1fr) 18px}.exact-size-picker summary em{display:none}}@media(max-width:340px){.site-header,.hero,.workspace,.ad-slot,.tools-grid,.favorites-section,.site-footer{padding-left:10px;padding-right:10px}.brand>span:last-child{max-width:190px;overflow:hidden;text-overflow:ellipsis}.hero-copy h1{font-size:26px}.tool-panel,.controls,.preview,.seo-section,.content-page{padding:12px}.favorite-link{grid-template-columns:38px minmax(0,1fr);padding:12px}.favorite-badge{width:38px;height:38px}.favorite-arrow{display:none}}@media(max-height:540px)and (orientation:landscape){.site-header{position:relative}.hero{padding-top:18px;padding-bottom:12px}.dropzone{min-height:150px}.canvas-wrap{min-height:220px;max-height:none}.upload-progress{position:fixed;top:12px;bottom:auto}}@media(min-width:1180px)and (min-height:600px)and (hover:hover)and (pointer:fine){.side-ad-rails{display:block}}@media(min-width:1180px)and (max-width:1399px)and (min-height:600px)and (hover:hover)and (pointer:fine){.side-ad-rails{--rail-width:72px;--rail-gap:8px;--content-width:900px}.hero,.workspace,.tools-grid,.ad-slot:not(.ad-slot-sidebar),.favorites-inner{max-width:900px}}.hero.tool-hero{grid-template-columns:minmax(0,1fr);gap:28px}.workspace.tool-preview-workspace{grid-template-columns:minmax(0,1fr)}@media(max-width:900px),(hover:none)and (pointer:coarse)and (max-width:1180px){.hero.tool-hero,.tool-actions-grid{grid-template-columns:minmax(0,1fr)}.tool-actions-grid .dropzone{min-height:220px}}.theme-picker{display:flex;align-items:center;gap:5px;min-height:38px;padding-left:9px;border:1px solid #c8d4dc;border-radius:8px;background:#fff;color:var(--ink)}.theme-picker-icon{width:14px;height:14px;flex:0 0 14px;border:1px solid #8fa1ae;border-radius:50%;background:linear-gradient(90deg,var(--blue) 50%,#fff 50%)}.theme-picker select{width:auto;min-width:70px;height:36px;padding:0 24px 0 2px;border:0;background:transparent;color:var(--ink);font-size:13px;cursor:pointer}.theme-picker select:focus{outline:0}.install-assistant{background:linear-gradient(145deg,#2f7ce0,#0e4fb5);box-shadow:0 18px 42px #1769e052}.install-assistant:hover{box-shadow:0 22px 48px #1769e066}.install-promo{background:linear-gradient(150deg,#1769e0,#0e4fb5 72%,#0a3a86);box-shadow:0 28px 80px #0d306259}.install-promo-kicker{color:#ddebff}.install-promo-intro p{color:#edf5ff}.install-promo-benefits small{color:#dbeaff}.install-promo-action{color:#172026;box-shadow:0 14px 36px #041f483d}.install-promo-action:hover{box-shadow:0 18px 42px #041f4852}.install-promo-action small{color:#63717c}.install-promo-action i{background:#1769e0}.install-promo-action.ready i{background:#0e4fb5}.install-promo-footnote{color:#d7e8ff}html[data-theme=dark]{color-scheme:dark;--ink:#edf4fb;--muted:#a4b3bf;--line:#2b3a46;--paper:#141f28;--soft:#1a2731;--blue:#4d96f3;--blue-dark:#82b8ff;--green:#4fd1a1;--amber:#ffb95c;--rose:#ff7188;--shadow:0 18px 48px rgba(0,0,0,.28)}html[data-theme=dark] body{background:#0d151c;color:var(--ink)}html[data-theme=dark] .site-header{background:#0d151cf0}html[data-theme=dark] .site-footer,html[data-theme=dark] .tool-panel,html[data-theme=dark] .controls,html[data-theme=dark] .preview,html[data-theme=dark] .seo-section,html[data-theme=dark] .content-page,html[data-theme=dark] .tool-card,html[data-theme=dark] .tool-directory-card,html[data-theme=dark] .favorite-link,html[data-theme=dark] .ad-frame,html[data-theme=dark] .side-ad-frame,html[data-theme=dark] .ad-popup-card{background:#141f28;color:var(--ink)}html[data-theme=dark] .nav a,html[data-theme=dark] .site-footer,html[data-theme=dark] .site-footer a,html[data-theme=dark] .check{color:#cbd7e0}html[data-theme=dark] .nav a:hover,html[data-theme=dark] .nav a.active,html[data-theme=dark] .site-footer a:hover{background:#1c3046;color:#8dbdff}html[data-theme=dark] .brand-mark{background:#edf4fb;color:#111a21}html[data-theme=dark] .dropzone,html[data-theme=dark] .output-format-control,html[data-theme=dark] .normal-target-control,html[data-theme=dark] .advanced-panel{background:#101a22}html[data-theme=dark] .dropzone{border-color:#425566}html[data-theme=dark] .dropzone.dragover{background:#142b45;border-color:var(--blue)}html[data-theme=dark] input[type=number],html[data-theme=dark] input[type=text],html[data-theme=dark] select,html[data-theme=dark] .tool-search input,html[data-theme=dark] .size-picker-toggle,html[data-theme=dark] .size-picker-panel,html[data-theme=dark] .exact-size-picker summary,html[data-theme=dark] .exact-size-panel,html[data-theme=dark] .preset-size,html[data-theme=dark] .segmented button,html[data-theme=dark] .nav-toggle,html[data-theme=dark] .tool-filter,html[data-theme=dark] .ad-popup-close{border-color:#3a4b58;background:#111b23;color:var(--ink)}html[data-theme=dark] select option{background:#111b23;color:var(--ink)}html[data-theme=dark] .theme-picker,html[data-theme=dark] .language-picker select{border-color:#3a4b58;background:#111b23;color:var(--ink)}html[data-theme=dark] .theme-picker select{background:transparent}html[data-theme=dark] .theme-picker-icon{border-color:#708290;background:linear-gradient(90deg,#75aff9 50%,#202d37 50%)}html[data-theme=dark] .button.secondary{border-color:#3a4b58;background:#17242e;color:var(--ink)}html[data-theme=dark] .button.secondary:hover,html[data-theme=dark] .segmented button:hover{background:#203241}html[data-theme=dark] .pre-upload-note{border-color:#2b4d73;background:#13263a;color:#b9d6f4}html[data-theme=dark] .notice{border-color:#705124;background:#332713;color:#ffd495}html[data-theme=dark] .upload-summary{border-color:#285946;background:#132b23}html[data-theme=dark] .advanced-state{border-color:#41515e;background:#202c35;color:#bbc7d0}html[data-theme=dark] .advanced-state.enabled{border-color:#337b61;background:#143b2f;color:#7de0bb}html[data-theme=dark] .favorites-section{border-color:#293945;background:#111b23}html[data-theme=dark] .custom-size-cta{border-color:#334653;background:linear-gradient(135deg,#142337,#142a25)}html[data-theme=dark] .workflow-output-size{border-color:#344654;background:#111b23}html[data-theme=dark] .workflow-output-size.enabled{border-color:#35604f;background:linear-gradient(145deg,#132337,#142a25)}html[data-theme=dark] .target-size-panel{border-color:#344654;background:#111b23}html[data-theme=dark] .target-size-panel[open]{border-color:#35604f;background:linear-gradient(145deg,#132337,#142a25)}html[data-theme=dark] .selected-target-display{border-color:#3a4b58;background:#111b23}html[data-theme=dark] .output-size-section{border-color:#334653;background:linear-gradient(135deg,#142337,#162431 48%,#142a25)}html[data-theme=dark] .output-size-options a{border-color:#3b5367;background:#17283a;color:var(--ink)}html[data-theme=dark] .output-size-options a:hover{border-color:#5f88aa;background:#1b3043}html[data-theme=dark] .output-size-options .custom-output-size{border-color:#35604f;background:linear-gradient(135deg,#172b25,#162e27)}html[data-theme=dark] .tool-card span,html[data-theme=dark] .tool-directory-badge,html[data-theme=dark] .exact-size-picker summary em,html[data-theme=dark] .preset-range summary b,html[data-theme=dark] .preset-range-label b{background:#18304e;color:#8dbdff}html[data-theme=dark] .favorite-arrow,html[data-theme=dark] .tool-directory-arrow{background:#202d37}html[data-theme=dark] .exact-size-grid a,html[data-theme=dark] .step,html[data-theme=dark] .metric{background:#1a2731;color:var(--ink)}html[data-theme=dark] .exact-size-grid a:hover,html[data-theme=dark] .preset-size:hover{background:#1a3554}html[data-theme=dark] .canvas-wrap{background-color:#101920;background-image:linear-gradient(45deg,#1b2933 25%,transparent 25%),linear-gradient(-45deg,#1b2933 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1b2933 75%),linear-gradient(-45deg,transparent 75%,#1b2933 75%)}html[data-theme=dark] .upload-progress{border-color:#334956;background:#111b23f5}html[data-theme=dark] .upload-progress-ring{box-shadow:inset 0 0 0 7px #111b23}html[data-theme=dark] .install-promo-action{background:#fff;color:#172026}html[data-theme=dark] .install-promo-action small{color:#63717c}@media(max-width:480px){.theme-picker{padding-left:7px}.theme-picker select{min-width:62px;padding-right:18px}}.animated-content-section{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 14px 42px #1720260e;transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}.animated-content-section:before{content:"";position:absolute;z-index:-1;top:-180px;right:-180px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#1769e01f,#1769e000 68%);opacity:.35;transform:scale(.72);transition:opacity .8s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}.animated-content-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue),#65a9ff,var(--green));transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.animated-content-section.has-visible-content:before{opacity:1;transform:scale(1)}.animated-content-section.has-visible-content:after{transform:scaleX(1)}.animated-content-section:hover{border-color:#c3d5e5;box-shadow:0 22px 58px #17202617}.content-reveal{opacity:0;filter:blur(4px);transform:translateY(24px);transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1),filter .65s ease;transition-delay:calc(var(--reveal-order,0) * 65ms);will-change:opacity,transform}.content-reveal.is-visible{opacity:1;filter:blur(0);transform:translateY(0)}.animated-content-section h2.content-reveal{position:relative;width:fit-content;max-width:100%;padding-bottom:11px}.animated-content-section h2.content-reveal:after{content:"";position:absolute;left:0;bottom:0;width:min(96px,42%);height:3px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--green));transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.2,.8,.2,1) .18s}.animated-content-section h2.content-reveal.is-visible:after{transform:scaleX(1)}.animated-content-section .steps{perspective:900px}.animated-content-section .step{position:relative;overflow:hidden;border-left-color:var(--blue);box-shadow:0 8px 22px #1720260b;transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .35s ease,filter .65s ease,box-shadow .35s ease,border-color .35s ease}.animated-content-section .step:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.48) 48%,transparent 76%);transform:translate(-140%);transition:transform .7s ease;pointer-events:none}.animated-content-section .step.is-visible:hover{z-index:1;border-left-color:var(--green);box-shadow:0 16px 34px #1769e024;transform:translateY(-6px) rotateX(2deg)}.animated-content-section .step:hover:after{transform:translate(140%)}.route-guide ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:11px;margin:20px 0 24px;padding:0;list-style:none;counter-reset:workflow-step}.route-guide ol li{position:relative;min-height:72px;padding:15px 13px 13px 46px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,var(--soft),var(--paper));font-weight:700;counter-increment:workflow-step;box-shadow:0 8px 22px #1720260a;transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .3s ease,filter .65s ease,border-color .3s ease,box-shadow .3s ease}.route-guide ol li:before{content:counter(workflow-step);position:absolute;top:13px;left:12px;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--blue);color:#fff;font-size:12px;box-shadow:0 6px 14px #1769e038}.route-guide ol li.is-visible:hover{border-color:#9dbce1;box-shadow:0 14px 30px #1769e01f;transform:translateY(-4px)}.animated-content-section .faq h3,.route-guide>h3{position:relative;margin:15px 0 7px;padding:13px 15px 13px 19px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(90deg,rgba(23,105,224,.07),transparent)}.animated-content-section .faq h3:before,.route-guide>h3:before{content:"";position:absolute;top:12px;bottom:12px;left:0;width:3px;border-radius:0 999px 999px 0;background:linear-gradient(var(--blue),var(--green));transform:scaleY(0);transition:transform .55s cubic-bezier(.2,.8,.2,1) .12s}.animated-content-section .faq h3.is-visible:before,.route-guide>h3.is-visible:before{transform:scaleY(1)}html[data-theme=dark] .animated-content-section{box-shadow:0 16px 46px #0000003d}html[data-theme=dark] .animated-content-section:hover{border-color:#40566a;box-shadow:0 24px 64px #00000057}html[data-theme=dark] .animated-content-section .step:after{background:linear-gradient(110deg,transparent 20%,rgba(120,180,255,.14) 48%,transparent 76%)}html[data-theme=dark] .animated-content-section .faq h3,html[data-theme=dark] .route-guide>h3{background:linear-gradient(90deg,rgba(77,150,243,.12),transparent)}@media(prefers-reduced-motion:reduce){.content-reveal{opacity:1!important;filter:none!important;transform:none!important;will-change:auto}.animated-content-section:before,.animated-content-section:after,.animated-content-section h2:after,.animated-content-section .faq h3:before,.route-guide>h3:before{transition:none!important;transform:none!important}}body.intro-active{overflow:hidden}.app-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;align-content:center;gap:24px;padding:28px;background:radial-gradient(circle at 50% 42%,rgba(82,163,255,.28),transparent 32%),radial-gradient(circle at 18% 16%,rgba(79,209,161,.16),transparent 24%),linear-gradient(145deg,#09131d,#102a48 54%,#0a1d2b);color:#fff;overflow:hidden;isolation:isolate;cursor:pointer}.app-intro:before{content:"";position:absolute;inset:-30%;z-index:-2;background:repeating-linear-gradient(115deg,transparent 0 44px,rgba(255,255,255,.025) 45px 46px);animation:introDrift 8s linear infinite}.app-intro:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.09) 48%,transparent 64%);transform:translate(-130%);animation:introScan 1.35s .25s cubic-bezier(.2,.8,.2,1) both}.app-intro.leaving{animation:introExit .52s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.app-intro-glow{position:absolute;width:min(74vw,640px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(144,199,255,.12);box-shadow:0 0 110px #1769e038,inset 0 0 90px #1769e01f;animation:introGlow 1.9s ease-in-out infinite alternate}.app-intro-orbit{position:absolute;width:min(68vw,540px);aspect-ratio:1;border:1px solid rgba(255,255,255,.14);border-radius:50%;animation:introOrbit 12s linear infinite}.app-intro-orbit:before,.app-intro-orbit:after{content:"";position:absolute;border:1px solid rgba(111,205,170,.14);border-radius:50%}.app-intro-orbit:before{inset:12%;transform:rotate(32deg)}.app-intro-orbit:after{inset:25%;transform:rotate(-21deg)}.app-intro-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#69d8ad;box-shadow:0 0 18px #69d8ade6}.app-intro-orbit i:nth-child(1){top:8%;left:28%}.app-intro-orbit i:nth-child(2){right:5%;bottom:36%;animation:introPulse 1.2s .2s ease-in-out infinite}.app-intro-orbit i:nth-child(3){left:12%;bottom:16%;background:#78b9ff;box-shadow:0 0 18px #78b9ffe6}.app-intro-brand{position:relative;z-index:2;display:flex;align-items:center;gap:16px;opacity:0;transform:translateY(18px) scale(.96);animation:introBrandIn .72s .12s cubic-bezier(.2,.9,.2,1) forwards}.app-intro-mark{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(255,255,255,.42);border-radius:18px;background:linear-gradient(145deg,#277ee9,#0e56b5);font-size:20px;font-weight:900;letter-spacing:.04em;box-shadow:0 18px 42px #0000003d,inset 0 1px #ffffff40}.app-intro-brand div{display:grid;gap:4px}.app-intro-brand strong{font-size:clamp(25px,5vw,42px);line-height:1;letter-spacing:-.035em}.app-intro-brand small{color:#c8dcf0;font-size:clamp(11px,2vw,14px);letter-spacing:.035em}.app-intro-tagline{position:relative;z-index:2;display:flex;gap:9px;margin:0;color:#dbeaf7;font-size:clamp(13px,2vw,16px);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.app-intro-tagline span{opacity:0;transform:translateY(9px);animation:introWordIn .42s cubic-bezier(.2,.8,.2,1) forwards}.app-intro-tagline span:nth-child(1){animation-delay:.62s}.app-intro-tagline span:nth-child(2){animation-delay:.76s}.app-intro-tagline span:nth-child(3){animation-delay:.9s}.app-intro-progress{position:relative;z-index:2;width:min(320px,70vw);height:3px;border-radius:999px;background:#ffffff24;overflow:hidden}.app-intro-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5da5ff,#66d8ad);transform:translate(-102%);animation:introProgress 1.65s .28s cubic-bezier(.2,.75,.2,1) forwards;box-shadow:0 0 15px #66d8ad80}@keyframes introBrandIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes introWordIn{to{opacity:1;transform:translateY(0)}}@keyframes introProgress{to{transform:translate(0)}}@keyframes introScan{to{transform:translate(130%)}}@keyframes introOrbit{to{transform:rotate(360deg)}}@keyframes introPulse{50%{transform:scale(1.7);opacity:.65}}@keyframes introGlow{to{transform:scale(1.06);opacity:.72}}@keyframes introDrift{to{transform:translate3d(92px,0,0)}}@keyframes introExit{to{opacity:0;visibility:hidden;transform:scale(1.025);filter:blur(8px)}}@media(max-width:520px){.app-intro{gap:19px}.app-intro-brand{flex-direction:column;text-align:center}.app-intro-brand div{justify-items:center}.app-intro-tagline{gap:6px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.app-intro{display:none!important}}