*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a2a3a;background:#def;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 50% at 20% 10%,#ffffffb3 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#a0d2ff66 0%,#0000 60%),linear-gradient(160deg,#e8f4ff 0%,#c8e4f8 50%,#d4ecff 100%);position:fixed;top:0;bottom:0;left:0;right:0}.site-nav{z-index:200;-webkit-backdrop-filter:blur(20px);background:#d2eaffd1;border-bottom:1px solid #ffffffb3;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex;position:sticky;top:0}.nav-logo{color:#1a6aaa;letter-spacing:-.3px;flex-shrink:0;font-size:17px;font-weight:800;text-decoration:none}.site-nav ul.nav-links{gap:4px;list-style:none;display:flex;position:relative}.site-nav ul.nav-links>li{position:relative}.site-nav ul.nav-links>li>a{color:#143c6480;white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:block}.site-nav ul.nav-links>li>a:hover,.site-nav ul.nav-links>li.current-menu-item>a,.site-nav ul.nav-links>li.current-menu-ancestor>a{color:#1a6aaa;background:#1a6aaa14}.site-nav ul.nav-links>li>ul.sub-menu{-webkit-backdrop-filter:blur(16px);z-index:300;background:#ebf8fff5;border:1px solid #ffffffe6;border-radius:12px;min-width:180px;padding:10px 6px 6px;list-style:none;display:none;position:absolute;top:100%;right:0;box-shadow:0 8px 32px #5096dc2e,0 2px 8px #5096dc1a}.site-nav ul.nav-links>li:hover>ul.sub-menu{display:block}.site-nav ul.nav-links>li>ul.sub-menu li a{color:#143c64a6;white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:block}.site-nav ul.nav-links>li>ul.sub-menu li a:hover{color:#1a6aaa;background:#1a6aaa1a}.app{z-index:1;flex:1;width:100%;max-width:720px;margin:0 auto;padding:0 24px 80px;position:relative}.app-hero{text-align:center;padding:64px 0 40px}.hero-eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:#2a6496a6;background:#ffffff8c;border:1px solid #2a649626;border-radius:20px;margin-bottom:24px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-block}.hero-title{letter-spacing:-1px;color:#162840;margin-bottom:14px;font-size:clamp(30px,5.5vw,48px);font-weight:800;line-height:1.1}.hero-title em{color:#2a7cc7;font-style:normal}.hero-sub{color:#1e3c5a8c;max-width:480px;margin:0 auto;font-size:clamp(14px,2vw,16px);line-height:1.7}.panel{-webkit-backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:24px;padding:28px;box-shadow:inset 0 2px #fffc,0 8px 32px #64a0dc1f,0 1px 4px #64a0dc14}.dropzone{text-align:center;cursor:pointer;border:2px dashed #2a7cc759;border-radius:18px;padding:48px 24px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragover{background:#2a7cc70d;border-color:#2a7cc7}.dropzone-icon{margin-bottom:12px;font-size:40px}.dropzone-title{color:#162840;font-size:18px;font-weight:700}.dropzone-sub{color:#1e3c5a73;margin:8px 0;font-size:13px}.dropzone-hint{color:#1e3c5a66;margin-top:16px;font-size:12px}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px 28px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn-primary{color:#fff;background:#1a7fd4;box-shadow:0 4px 16px #1a7fd459}.btn-primary:hover:not(:disabled){background:#1a6aaa;transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:default}.btn-secondary{color:#1a6aaa;background:#1a6aaa1a;padding:10px 22px;font-size:14px}.btn-link{color:#1e3c5a80;cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:underline}.btn-link:hover{color:#c0392b}.file-card{background:#fff9;border:1px solid #64a0dc40;border-radius:14px;padding:16px 18px}.file-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.file-name{color:#162840;word-break:break-all;font-size:15px;font-weight:700}.file-details{color:#1e3c5a8c;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:13px;display:flex}.file-details span:not(:last-child):after{content:"·";color:#1e3c5a4d;margin-left:14px}.settings{flex-direction:column;gap:20px;margin-top:22px;display:flex}.setting>label:first-child,.setting-label{color:#143250b3;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.setting select{color:#1a2a3a;background:#ffffffd9;border:1px solid #64a0dc59;border-radius:10px;width:100%;padding:11px 14px;font-family:inherit;font-size:14px}.custom-size{align-items:center;gap:10px;margin-top:10px;display:flex}.custom-size input{background:#ffffffd9;border:1px solid #64a0dc59;border-radius:10px;flex:1;min-width:0;padding:10px 12px;font-family:inherit;font-size:14px}.custom-size span{color:#1e3c5a66}.radio-row{gap:12px;display:flex}.chip{color:#1a2a3a;cursor:pointer;background:#fff9;border:1px solid #64a0dc4d;border-radius:12px;flex-direction:column;flex:1;gap:3px;padding:12px 16px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.chip small{color:#1e3c5a80;font-size:12px;font-weight:400}.chip input{opacity:0;position:absolute}.chip.active{color:#1a6aaa;background:#2a7cc714;border-color:#2a7cc7}.checkbox{color:#1a2a3a;cursor:pointer;align-items:baseline;gap:10px;font-size:14px;font-weight:500;display:flex}.checkbox input{accent-color:#1a7fd4;transform:translateY(1px)}.checkbox small{color:#1e3c5a80;font-size:12px}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{color:#a83a28;background:#dc503c17;border:1px solid #dc503c40;border-radius:12px;margin-top:18px;padding:13px 16px;font-size:14px;line-height:1.5}.result{text-align:center;background:#3caa6e12;border:1px solid #3caa6e4d;border-radius:16px;margin-top:22px;padding:24px}.result-check{color:#fff;background:#2f9e63;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 10px;font-size:20px;font-weight:700;display:flex}.result-title{color:#1d5c3c;margin-bottom:12px;font-size:17px;font-weight:700}.result-stats{color:#14462dbf;margin-bottom:18px;font-size:14px;line-height:1.9;list-style:none}.result-hint{color:#1e3c5a80;margin-top:14px;font-size:12.5px}.donate{text-align:left;background:linear-gradient(150deg,#fff6d6e6,#ffeeb48c);border:1px solid #e6b43273;border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;padding:20px 22px;display:flex}.donate-icon{font-size:30px;line-height:1}.donate-text{flex:1;min-width:220px}.donate-title{color:#5c4508;margin-bottom:4px;font-size:15px;font-weight:700}.donate-sub{color:#5c4508bf;font-size:13px;line-height:1.6}.btn-coffee{color:#241c00;white-space:nowrap;background:#fd0;padding:11px 20px;font-size:14px;box-shadow:0 4px 14px #e6b43266}.btn-coffee:hover{background:#ffd000;transform:translateY(-1px)}.app-wide{max-width:960px}.toolbar{z-index:50;-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #64a0dc40;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px;padding:10px 12px;display:flex;position:sticky;top:66px}.toolbar-group{align-items:center;gap:6px;display:flex}.toolbar-group:last-child{margin-left:auto}.tbtn{color:#1a4a75;cursor:pointer;white-space:nowrap;background:#ffffffd9;border:1px solid #64a0dc59;border-radius:9px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.tbtn:hover:not(:disabled){background:#2a7cc71a;border-color:#2a7cc7}.tbtn:disabled{opacity:.45;cursor:default}.tbtn-danger:hover:not(:disabled){color:#a83a28;background:#dc503c1a;border-color:#c0392b}.btn-export{padding:9px 20px;font-size:14px}.grid-wrap{margin-top:16px}.page-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;display:grid}.page-item{cursor:grab;-webkit-user-select:none;user-select:none;background:#ffffffbf;border:2px solid #64a0dc40;border-radius:12px;padding:8px 8px 4px;transition:border-color .12s,box-shadow .12s,background .12s;position:relative}.page-item:hover{border-color:#2a7cc78c}.page-item.selected{background:#2a7cc71a;border-color:#2a7cc7;box-shadow:0 0 0 3px #2a7cc72e}.page-item.active{outline-offset:2px;outline:2px dashed #2a7cc766}.page-item.drop-before:before,.page-item.drop-after:after{content:"";background:#1a7fd4;border-radius:2px;width:4px;position:absolute;top:-2px;bottom:-2px}.page-item.drop-before:before{left:-8px}.page-item.drop-after:after{right:-8px}.page-thumb{aspect-ratio:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.page-thumb img{pointer-events:none;max-width:100%;max-height:100%;transition:transform .15s;box-shadow:0 1px 4px #3c6ea040}.page-thumb-skeleton{background:linear-gradient(110deg,#bed7f059 30%,#e6f4ffcc 50%,#bed7f059 70%) 0 0/200% 100%;border-radius:4px;width:70%;height:92%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.page-num{text-align:center;color:#143c648c;padding:4px 0 2px;font-size:12px;font-weight:600;display:block}.page-item.selected .page-num{color:#1a6aaa}.grid-hint{color:#1e3c5a73;text-align:center;margin-top:14px;font-size:12px}.ctx-menu{z-index:500;-webkit-backdrop-filter:blur(16px);background:#f5fbfffa;border:1px solid #fffffff2;border-radius:12px;min-width:190px;padding:6px;position:fixed;box-shadow:0 12px 40px #3c6eaa40,0 2px 8px #3c6eaa1f}.ctx-item{color:#1a3a58;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:8px 12px;font-family:inherit;font-size:13.5px;font-weight:500;display:flex}.ctx-item:hover{color:#1a6aaa;background:#2a7cc71a}.ctx-item.danger{color:#a83a28}.ctx-item.danger:hover{background:#dc503c1a}.ctx-item small{color:#1e3c5a66;font-size:11px}.result-slim{padding:18px}.result-slim .result-title{margin-bottom:10px}.mode-switch{-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffffe6;border-radius:14px;gap:6px;max-width:340px;margin:0 auto 20px;padding:5px;display:flex}.mode-tab{color:#143c648c;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 14px;font-family:inherit;font-size:14.5px;font-weight:600;transition:background .15s,color .15s}.mode-tab:hover{color:#1a6aaa}.mode-tab.active{color:#fff;background:#1a7fd4;box-shadow:0 3px 10px #1a7fd44d}.dropzone.compact{padding:26px 24px}.btn-block{width:100%;margin-top:18px}.file-list{flex-direction:column;gap:8px;margin-top:18px;list-style:none;display:flex}.file-row{cursor:grab;background:#ffffffb3;border:1px solid #64a0dc47;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex}.file-row.drop-target{border-color:#2a7cc7;box-shadow:0 0 0 3px #2a7cc729}.drag-handle{color:#1e3c5a59;cursor:grab;flex-shrink:0;font-size:15px}.file-row-name{color:#162840;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.file-row-meta{color:#1e3c5a80;white-space:nowrap;flex-shrink:0;font-size:12.5px}.file-row-remove{color:#1e3c5a66;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:15px}.file-row-remove:hover{color:#c0392b;background:#dc503c1a}.merge-summary{color:#1e3c5aa6;background:#2a7cc70f;border-radius:12px;flex-wrap:wrap;gap:8px 22px;margin-top:16px;padding:12px 16px;font-size:13.5px;display:flex}.merge-summary strong{color:#1a4a75}.split-modes{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;display:grid}.split-mode{cursor:pointer;background:#ffffffa6;border:1px solid #64a0dc4d;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.split-mode.active{background:#2a7cc714;border-color:#2a7cc7}.split-mode input{opacity:0;position:absolute}.split-mode-label{color:#1a3a58;font-size:14px;font-weight:600}.split-mode.active .split-mode-label{color:#1a6aaa}.split-mode small{color:#1e3c5a80;font-size:11.5px}.split-input{margin-top:16px}.field{display:block}.field>span{color:#143250b3;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.field input{color:#1a2a3a;background:#ffffffd9;border:1px solid #64a0dc59;border-radius:10px;width:100%;padding:11px 14px;font-family:inherit;font-size:14px}.field-note{color:#1e3c5a99;padding:4px 2px;font-size:13px;line-height:1.6}@media (max-width:600px){.split-modes{grid-template-columns:1fr}.file-row-meta{display:none}}.conv-list{flex-direction:column;gap:8px;margin-top:18px;list-style:none;display:flex}.conv-row{cursor:grab;background:#ffffffb3;border:1px solid #64a0dc47;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.conv-row.drop-target{border-color:#2a7cc7;box-shadow:0 0 0 3px #2a7cc729}.conv-thumb{background:#e8f4ffb3;border:1px solid #64a0dc40;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:52px;display:flex;overflow:hidden}.conv-thumb img{max-width:100%;max-height:100%;display:block}.conv-thumb-icon{font-size:22px}.conv-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.conv-name{color:#162840;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.conv-sub{color:#1e3c5a80;font-size:12.5px}.conv-settings{border-top:1px solid #64a0dc2e;flex-direction:column;gap:18px;margin-top:20px;padding-top:18px;display:flex}.notice{color:#1a4a75;background:#2a7cc712;border:1px solid #2a7cc733;border-radius:12px;margin-top:16px;padding:11px 15px;font-size:13px;line-height:1.55}.range{accent-color:#1a7fd4;width:100%}.spinner.big{border-width:3px;border-color:#1a7fd440;width:22px;height:22px}.opt-loading{color:#1a4a75;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:15px;font-weight:600;display:flex}.opt-h2{color:#162840;margin:26px 0 12px;font-size:17px;font-weight:800}.opt-stats{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.opt-stat{text-align:center;background:#ffffffa6;border:1px solid #64a0dc40;border-radius:12px;padding:12px 10px}.opt-stat-v{color:#1a4a75;font-size:18px;font-weight:800;display:block}.opt-stat-l{color:#1e3c5a8c;margin-top:2px;font-size:11px;display:block}.opt-breakdown{margin-top:16px}.opt-bar{background:#64a0dc26;border-radius:8px;height:16px;display:flex;overflow:hidden}.opt-bar-img{background:#2a7cc7}.opt-bar-other{background:#9fc3e6;flex:1}.opt-legend{color:#1e3c5a99;flex-wrap:wrap;gap:6px 20px;margin-top:8px;font-size:12.5px;display:flex}.opt-legend .sw{vertical-align:-1px;border-radius:3px;width:11px;height:11px;margin-right:5px;display:inline-block}.opt-legend .sw.img{background:#2a7cc7}.opt-legend .sw.other{background:#9fc3e6}.opt-flags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.opt-flag{color:#1e3c5a66;background:#ffffff8c;border:1px solid #64a0dc33;border-radius:20px;padding:4px 11px;font-size:12px;font-weight:500}.opt-flag.on{color:#1a6aaa;background:#2a7cc714;border-color:#2a7cc766}.opt-recs{background:#fff6d680;border:1px solid #e6b43259;border-radius:12px;margin-top:18px;padding:14px 16px}.opt-recs h3{color:#5c4508;margin-bottom:8px;font-size:13px;font-weight:700}.opt-recs ul{flex-direction:column;gap:6px;list-style:none;display:flex}.opt-recs .rec{color:#46360ad9;padding-left:18px;font-size:13px;line-height:1.5;position:relative}.opt-recs .rec:before{content:"→";color:#b48214b3;position:absolute;left:0}.opt-recs .rec.high:before{content:"⚡"}.opt-profiles{grid-template-columns:repeat(3,1fr);margin-top:4px}.opt-manual{background:#ffffff80;border:1px solid #64a0dc40;border-radius:12px;margin-top:16px}.opt-manual>summary{cursor:pointer;color:#1a4a75;-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:14px;font-weight:600}.opt-manual-body{flex-direction:column;gap:12px;padding:4px 16px 16px;display:flex}.opt-image-settings{background:#e8f4ff80;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;display:grid}.opt-toggles{grid-template-columns:repeat(2,1fr);gap:8px 16px;display:grid}.opt-estimate{color:#1e3c5ab3;background:#2a7cc712;border:1px solid #2a7cc733;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:18px;padding:14px 16px;font-size:14px;display:flex}.opt-estimate strong{color:#1a4a75;font-size:15px}.opt-est-save{color:#2f9e63;font-weight:700}.opt-result-sizes{justify-content:center;align-items:center;gap:20px;margin:8px 0 16px;display:flex}.opt-result-sizes strong{color:#1a4a75;font-size:18px;display:block}.opt-result-sizes .opt-stat-l{text-align:center}.opt-arrow{color:#1e3c5a66;font-size:22px}.opt-actions{text-align:left;color:#1e5a37cc;margin-top:16px;font-size:13px;line-height:1.9;list-style:none;display:inline-block}.notice.warn{color:#8a5a10;background:#dc96281a;border-color:#dc962859}.extra-downloads{color:#1e3c5a99;border-top:1px solid #64a0dc33;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding-top:14px;font-size:13px;display:flex}.extra-downloads .btn-secondary{padding:8px 16px;font-size:13px}.req{color:#c0392b;vertical-align:1px;background:#dc503c1a;border-radius:6px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:600}.opt-label{color:#1e3c5a80;margin-left:6px;font-size:11.5px;font-weight:400}.perm-title{color:#143250b3;width:100%;margin-bottom:2px;font-size:12.5px;font-weight:700}.conv-settings input[type=password],.conv-settings input[type=text]{color:#1a2a3a;background:#ffffffd9;border:1px solid #64a0dc59;border-radius:10px;width:100%;padding:11px 14px;font-family:inherit;font-size:14px}.opt-flag.on{color:#1a6aaa}@media (max-width:700px){.opt-stats{grid-template-columns:repeat(3,1fr)}.opt-profiles,.opt-image-settings,.opt-toggles{grid-template-columns:1fr}}.donate-strip{z-index:1;background:linear-gradient(150deg,#fff8e0d9,#fff0be80);border:1px solid #e6b43266;border-radius:16px;align-items:center;gap:14px;width:100%;max-width:720px;margin:16px auto 0;padding:14px 18px;display:flex;position:relative}.app-wide+.donate-strip,.donate-strip.wide{max-width:960px}.donate-strip-icon{flex-shrink:0;font-size:24px;line-height:1}.donate-strip-text{color:#5c4508d9;flex:1;font-size:13.5px;line-height:1.55}.donate-strip-text strong{color:#5c4508}.donate-strip .btn-coffee{flex-shrink:0}.donate-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);background:#14284073;justify-content:center;align-items:center;padding:20px;animation:.18s donate-fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes donate-fade{0%{opacity:0}to{opacity:1}}.donate-modal{text-align:center;background:linear-gradient(160deg,#fff,#fff8e6);border:1px solid #ffffffe6;border-radius:22px;width:100%;max-width:440px;padding:34px 30px 28px;animation:.22s cubic-bezier(.2,.9,.3,1.2) donate-pop;position:relative;box-shadow:0 24px 70px #28466e59}@keyframes donate-pop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}.donate-modal-close{cursor:pointer;color:#1e3c5a66;background:0 0;border:none;border-radius:8px;padding:4px;font-size:16px;position:absolute;top:14px;right:16px}.donate-modal-close:hover{color:#a83a28;background:#dc503c14}.donate-modal-emoji{margin-bottom:10px;font-size:46px;line-height:1}.donate-modal-title{color:#162840;letter-spacing:-.4px;margin-bottom:14px;font-size:21px;font-weight:800}.donate-modal-body{color:#1e3c5ab8;margin-bottom:12px;font-size:14px;line-height:1.65}.donate-modal-cta{margin-top:8px;padding:13px 26px;font-size:15px}.donate-modal-later{cursor:pointer;color:#1e3c5a80;background:0 0;border:none;margin:12px auto 0;padding:4px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:underline;display:block}.donate-modal-later:hover{color:#2a7cc7}@media (max-width:600px){.donate-strip{text-align:center;flex-direction:column}}.stepbar{gap:8px;max-width:520px;margin:0 auto 20px;display:flex}.step{color:#143c6480;background:#fff9;border:1px solid #64a0dc40;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13.5px;font-weight:600;display:flex}.step.active{color:#fff;background:#1a7fd4;border-color:#1a7fd4}.step.done{color:#1a6aaa;background:#2a7cc71a}.step-n{background:#0000001f;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}.step.active .step-n{background:#ffffff4d}.checkerboard{background-image:linear-gradient(45deg,#e6eef7 25%,#0000 25%),linear-gradient(-45deg,#e6eef7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6eef7 75%),linear-gradient(-45deg,#0000 75%,#e6eef7 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.drawpad{margin-top:12px}.drawpad-toolbar{color:#1e3c5ab3;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;font-size:13px;display:flex}.drawpad-toolbar input[type=color]{vertical-align:middle;background:0 0;border:none;width:34px;height:26px}.dp-buttons{gap:6px;margin-left:auto;display:flex}.drawpad-canvas{touch-action:none;cursor:crosshair;background:#ffffffd9;border:2px dashed #2a7cc759;border-radius:14px;width:100%;height:220px}.drawpad-hint{color:#1e3c5a73;text-align:center;margin-top:6px;font-size:12px}.sig-preview{grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 16px;display:grid}.sig-preview figure{text-align:center}.sig-preview img{border:1px solid #64a0dc40;border-radius:10px;max-width:100%;max-height:180px}.sig-preview figcaption{color:#1e3c5a80;margin-top:6px;font-size:12px}.sig-processing{border:1px solid #64a0dc33;border-radius:10px;justify-content:center;align-items:center;height:180px;display:flex}.sig-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.sig-appearance-preview{text-align:center;border-radius:12px;margin-bottom:16px;padding:16px}.sig-appearance-preview img{max-width:100%;max-height:130px}.sig-sub{border-left:3px solid #2a7cc740;margin:8px 0 4px;padding-left:8px}.sig-textstyle{flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.sig-textstyle input[type=color]{border:none;width:34px;height:26px}.sig-textstyle input[type=number]{border:1px solid #64a0dc59;border-radius:8px;width:60px;padding:6px}.save-row{gap:8px;margin-top:16px;display:flex}.save-row input{border:1px solid #64a0dc59;border-radius:10px;flex:1;padding:10px 12px}.saved-sigs{border-top:1px solid #64a0dc33;margin-top:22px;padding-top:16px}.saved-sigs h3{color:#1a4a75;margin-bottom:10px;font-size:14px;font-weight:700}.saved-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.saved-item{text-align:center;border:1px solid #64a0dc40;border-radius:10px;padding:8px;position:relative}.saved-item img{object-fit:contain;cursor:pointer;max-width:100%;height:54px}.saved-name{color:#1e3c5a99;margin-top:4px;font-size:12px}.saved-del{color:#1e3c5a66;cursor:pointer;background:#fffc;border:none;border-radius:6px;font-size:11px;position:absolute;top:4px;right:4px}.saved-del:hover{color:#c0392b}.place-scope{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.scope-input{border:1px solid #64a0dc59;border-radius:10px;width:100%;max-width:260px;margin-bottom:12px;padding:9px 12px}.place-layout{grid-template-columns:1fr 240px;gap:16px;display:grid}.place-pager{color:#1e3c5a99;justify-content:center;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.place-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#f2f6fb;border:1px solid #64a0dc4d;border-radius:8px;width:100%;position:relative;overflow:hidden}.place-page-img{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.guide-v{pointer-events:none;z-index:999;background:#e0398b;width:1px;position:absolute;top:0;bottom:0}.guide-h{pointer-events:none;z-index:999;background:#e0398b;height:1px;position:absolute;left:0;right:0}.overlay-item{cursor:move;touch-action:none;position:absolute}.overlay-item.selected{outline-offset:1px;outline:1.5px solid #1a7fd4}.overlay-text{white-space:nowrap;line-height:1;display:block}.ov-handle{background:#1a7fd4;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 1px 3px #0000004d}.ov-resize{cursor:nwse-resize;bottom:-7px;right:-7px}.ov-rotate{cursor:grab;background:#2f9e63;margin-left:-7px;top:-22px;left:50%}.place-panel{background:#fff9;border:1px solid #64a0dc40;border-radius:12px;align-self:start;padding:14px}.place-panel h3{color:#1a4a75;margin-bottom:10px;font-size:13px;font-weight:700}.place-hint{color:#1e3c5a80;font-size:13px}.panel-btns{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.place-add{border-top:1px solid #64a0dc33;margin-top:12px;padding-top:12px}@media (max-width:760px){.place-layout{grid-template-columns:1fr}}.seo{z-index:1;width:100%;max-width:720px;margin:0 auto;padding:0 24px 64px;position:relative}.seo-block{margin-top:44px}.seo h2{letter-spacing:-.3px;color:#162840;margin-bottom:16px;font-size:20px;font-weight:800}.seo-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.seo-card{-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #ffffffd9;border-radius:16px;padding:18px}.seo-card h3{color:#1a4a75;margin-bottom:8px;font-size:14.5px;font-weight:700}.seo-card p{color:#1e3c5a99;font-size:13px;line-height:1.65}.seo-steps{color:#1e3c5aa6;padding-left:22px;font-size:14px;line-height:1.8}.seo-steps li{margin-bottom:10px}.seo-steps strong{color:#1a4a75}.seo-faq dt{color:#1a4a75;margin-top:16px;font-size:14.5px;font-weight:700}.seo-faq dd{color:#1e3c5a9e;margin-top:5px;font-size:13.5px;line-height:1.7}footer{z-index:1;text-align:center;color:#1e3c5a59;border-top:1px solid #64a0dc26;padding:24px 24px 40px;font-size:12px;position:relative}footer a{color:#1e3c5a73;margin:0 10px;text-decoration:none}footer a:hover{color:#2a7cc7}@media (max-width:700px){.site-nav{padding:0 14px}.site-nav ul.nav-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:0;max-width:100%;overflow:auto hidden}.site-nav ul.nav-links::-webkit-scrollbar{display:none}.site-nav ul.nav-links>li>ul.sub-menu{display:none!important}.site-nav ul.nav-links>li>a{padding:8px 10px;font-size:13px}.panel{padding:20px}.radio-row{flex-direction:column}.app-hero{padding:44px 0 30px}.seo-grid{grid-template-columns:1fr}.donate{text-align:center;flex-direction:column}.donate-text{min-width:0}}