.jpg-main{width:100%;max-width:1040px;margin:auto;padding:36px 24px 56px;min-width:0}.jpg-main h1{font-size:36px;line-height:1.16;letter-spacing:-.035em;margin:0 0 12px}.jpg-lead{color:#58687b;margin:0 0 8px;line-height:1.7;max-width:72ch}.jpg-local{font-size:13px;color:#58687b;margin:0 0 24px}.jpg-tool{background:#fff;border:1px solid #dce4ed;border-radius:14px;padding:24px;box-shadow:0 5px 22px #1e355209}.jpg-file{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid #e4eaf2}.jpg-file span{overflow-wrap:anywhere;color:#58687b;font-size:14px}.jpg-main button,.jpg-main select,.jpg-main input{font:inherit}.jpg-main button,.jpg-main select,.jpg-main input[type=text]{min-height:46px;border:1px solid #bdcfe6;border-radius:9px;padding:10px 14px;box-sizing:border-box;max-width:100%}.jpg-main button{cursor:pointer;font-weight:600;background:#edf3fc;color:#234f87}.jpg-main button:disabled{cursor:default;opacity:.5}.jpg-settings{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin:22px 0}.jpg-settings label{font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:8px;min-width:0}.jpg-settings input,.jpg-settings select{width:100%;background:#fff;color:#17263c}.jpg-hint{font-size:12px;font-weight:400;color:#58687b;line-height:1.5}.jpg-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.jpg-main #convert-jpg{background:#245bb5;border-color:#245bb5;color:#fff}.jpg-main #clear-jpg{background:#fff;border-color:#c8d3e1;color:#3d5068}.jpg-limit{font-size:12px;line-height:1.7;color:#58687b;margin:18px 0 0}.jpg-status{line-height:1.6;font-size:14px;color:#234f87;min-height:24px;margin-bottom:0}.jpg-status.error{color:#a52c36}.jpg-results{margin-top:28px;padding-top:24px;border-top:1px solid #dce4ed}.jpg-results h2{font-size:22px;margin:0 0 8px}.jpg-results>p{color:#58687b;font-size:14px}.jpg-download-all{display:inline-block;background:#245bb5;color:#fff!important;border-radius:9px;padding:12px 18px;text-decoration:none;font-weight:600;margin:8px 0 24px}.jpg-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px}.jpg-result{border:1px solid #dce4ed;padding:14px;border-radius:12px;min-width:0;background:#f8fafd}.jpg-result img{display:block;width:100%;height:170px;object-fit:contain;background:#edf1f7;border:1px solid #e3e8ee}.jpg-result h3{font-size:16px;margin:14px 0 4px}.jpg-result p{font-size:12px;color:#58687b;margin:0 0 12px}.jpg-result a{font-size:14px;font-weight:600;color:#245bb5}.jpg-reading section{border-top:1px solid #dce4ed;padding-top:28px;margin-top:28px}.jpg-reading h2{font-size:24px;letter-spacing:-.025em}.jpg-reading p,.jpg-reading li{max-width:76ch;line-height:1.75}.jpg-files{display:flex;flex-wrap:wrap;gap:10px 18px}.jpg-table{overflow:auto;max-width:100%;border:1px solid #dce4ed;border-radius:12px}.jpg-table table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6}.jpg-table th,.jpg-table td{padding:12px;text-align:left;border-bottom:1px solid #e4eaf2;vertical-align:top}.jpg-table th{background:#edf3fa}.jpg-main [hidden]{display:none!important}.jpg-main :focus-visible{outline:3px solid #9fc1ef;outline-offset:3px}@media(max-width:640px){.jpg-main{padding:28px 16px 40px}.jpg-main h1{font-size:30px}.jpg-tool{padding:18px}.jpg-file{align-items:flex-start;flex-direction:column;gap:12px}.jpg-settings{grid-template-columns:1fr}.jpg-main button{min-height:48px}.jpg-actions button{flex:1}.jpg-table{font-size:13px}.jpg-items{grid-template-columns:1fr 1fr;gap:10px}.jpg-result{padding:10px}.jpg-result img{height:130px}}@media(prefers-reduced-motion:no-preference){.jpg-main button{transition:background .12s ease,opacity .12s ease}}