.tool-nav{max-width:1150px;margin:0 auto;padding:12px 18px 0;display:flex;gap:8px;flex-wrap:wrap}
.tool-nav a{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid #dedbea;border-radius:10px;color:#423780;background:#fff;text-decoration:none;font:700 14px system-ui,sans-serif}
.tool-nav a[aria-current="page"]{color:#fff;background:#6246ea;border-color:#6246ea}
.tool-nav a:focus-visible{outline:3px solid #6246ea;outline-offset:2px}
.converter-main{max-width:1150px;margin:auto;padding:26px 18px 45px;color:#17152a;font:16px/1.5 system-ui,sans-serif}
.converter-main h1{font-size:clamp(27px,5vw,38px);line-height:1.15;margin:0 0 8px}
.converter-main p{color:#615d74;margin:0 0 18px}
.converter-card{background:#fff;border:1px solid #dedbea;border-radius:18px;padding:clamp(16px,3vw,26px);box-shadow:0 10px 35px #2a21500a}
.converter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:24px}
.converter-card h2{font-size:18px;margin:0 0 12px}
.converter-field{display:grid;gap:7px;margin:0 0 18px;font-weight:650}
.converter-field input[type="file"],.converter-field select,.converter-field input[type="color"]{font:inherit}
.converter-field input[type="file"],.converter-field select{width:100%;padding:12px;border:1px solid #cfcadf;border-radius:10px;background:#fff;color:#17152a}
.converter-field input[type="color"]{width:70px;height:42px;border:1px solid #cfcadf;border-radius:8px;padding:3px;background:#fff}
.converter-field input[type="range"]{width:100%;accent-color:#6246ea}
.converter-field[hidden]{display:none}
.converter-help{font-size:14px;color:#615d74;font-weight:400}
.background-tool{margin:4px 0 20px;padding:15px;border:1px solid #cec4fc;border-radius:12px;background:#f8f6ff}
.background-toggle{display:flex;align-items:center;gap:10px;font-weight:750;cursor:pointer}.background-toggle input{width:20px;height:20px;accent-color:#6246ea;flex:none}
.background-tool p{margin:8px 0 0;font-size:14px}.background-tool #removalOptions{margin-top:16px}.background-tool #removalOptions[hidden]{display:none}
.background-tool #colorRemovalOptions[hidden],.background-tool #productHelp[hidden]{display:none}
.preserve-toggle{font-size:14px}.background-tool .preserve-toggle+p{margin:5px 0 18px}
.jpg-notice{border-left:3px solid #a56312;background:#fff8e8;padding:10px 12px;border-radius:5px;margin:0 0 14px!important}.jpg-notice[hidden]{display:none}
.converter-files,.converter-results{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:9px}
.converter-files li,.converter-results li{display:flex;gap:12px;align-items:center;min-width:0;padding:10px 12px;border:1px solid #e5e1f0;border-radius:10px}
.converter-files li span,.converter-results li .result-name{min-width:0;overflow-wrap:anywhere}
.converter-results img{width:50px;height:50px;object-fit:contain;background-color:#fff;background-image:linear-gradient(45deg,#e9e6f0 25%,transparent 25%),linear-gradient(-45deg,#e9e6f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9e6f0 75%),linear-gradient(-45deg,transparent 75%,#e9e6f0 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;border-radius:7px;flex:none}
.preview-trigger{padding:0;border:0;background:transparent;cursor:zoom-in;line-height:0;flex:none}
.image-preview{width:min(92vw,850px);max-height:90vh;border:1px solid #dedbea;border-radius:14px;padding:12px;background:#fff;color:#17152a;box-shadow:0 25px 70px #17152a66}
.image-preview::backdrop{background:#17152acc}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font:700 16px system-ui,sans-serif;overflow-wrap:anywhere}.preview-heading button{border:0;border-radius:8px;background:#eeeafc;color:#423780;padding:9px 12px;font:700 14px system-ui,sans-serif;cursor:pointer}
.image-preview img{display:block;max-width:100%;max-height:calc(90vh - 75px);margin:auto;object-fit:contain;background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.retouch-dialog{width:min(96vw,1000px)}.retouch-dialog[open]{display:flex;flex-direction:column;max-height:94dvh}.retouch-dialog p{margin:0 0 10px}.retouch-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.retouch-controls button{border:1px solid #dedbea;border-radius:8px;padding:9px 11px;background:#fff;color:#423780;font:700 14px system-ui,sans-serif;cursor:pointer;min-height:40px}.retouch-controls button.retouch-active{background:#6246ea;color:#fff}.retouch-controls button:disabled{opacity:.45}.retouch-controls label{font:650 14px system-ui,sans-serif}.retouch-controls input{width:120px;accent-color:#6246ea}.zoom-controls output{font:700 14px system-ui,sans-serif;min-width:42px;text-align:center}.zoom-controls .converter-help{margin:0}.retouch-scroll{overflow:auto;flex:1;min-height:160px;overscroll-behavior:contain;background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.retouch-scroll canvas{display:block;max-width:none;touch-action:none;cursor:crosshair}.retouch-scroll canvas.is-moving{cursor:grab}.retouch-scroll canvas.is-moving:active{cursor:grabbing}@media(max-width:600px){.retouch-dialog{padding:9px;width:calc(100vw - 12px)}.retouch-dialog p{font-size:13px}.retouch-controls{gap:5px;margin-bottom:7px}.retouch-controls button{padding:7px 9px}.retouch-controls input{width:95px}.zoom-controls .converter-help{flex-basis:100%;font-size:12px}}
.converter-results .result-detail{min-width:0;flex:1}
.converter-results small{display:block;color:#686579;font-size:13px;margin-top:2px}
.converter-results .result-name{display:grid;gap:5px;font-size:14px;font-weight:650}
.result-name-control{display:flex;align-items:center;max-width:100%;border:1px solid #cfcadf;border-radius:8px;background:#fff;overflow:hidden}
.result-name-control input{width:100%;min-width:0;padding:9px;border:0;background:transparent;font:inherit;color:#17152a}
.result-name-control .result-extension{padding:0 10px;color:#615d74;white-space:nowrap}
.result-save{border:0;border-radius:8px;background:#eeeafc;color:#423780;padding:10px 12px;font:750 14px system-ui,sans-serif;cursor:pointer}
.converter-results a{color:#4a32c6;font-weight:750;text-decoration:none;padding:8px;white-space:nowrap}
.work-preview{margin:18px 0 0;border:1px solid #dedbea;border-radius:14px;padding:10px;background:#fff}
.work-preview[hidden]{display:none}
.work-preview-image{display:flex;align-items:center;justify-content:center;min-height:220px;max-height:420px;overflow:hidden;border-radius:10px;background-color:#fff;background-image:linear-gradient(45deg,#e5e2eb 25%,transparent 25%),linear-gradient(-45deg,#e5e2eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e2eb 75%),linear-gradient(-45deg,transparent 75%,#e5e2eb 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}
.work-preview-image img{display:block;max-width:100%;max-height:420px;object-fit:contain}
.work-preview figcaption{padding:9px 3px 2px;color:#453a79;font:650 14px system-ui,sans-serif}
.converter-button{border:0;border-radius:10px;padding:12px 17px;background:#6246ea;color:#fff;font:750 16px system-ui,sans-serif;cursor:pointer;min-height:46px}
.converter-button:disabled{opacity:.5;cursor:not-allowed}
.converter-button.secondary{background:#eeeafc;color:#423780}
.converter-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}
.converter-status{min-height:25px;margin:12px 0 0!important;color:#423780!important;font-weight:650}
.converter-card button:focus-visible,.converter-card input:focus-visible,.converter-card select:focus-visible,.converter-results a:focus-visible{outline:3px solid #6246ea;outline-offset:2px}
.converter-intro{margin-bottom:20px}
.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.document-grid .converter-card{height:100%}
.document-grid .converter-card p{font-size:14px}
.document-grid .converter-field input[type="text"]{width:100%;padding:12px;border:1px solid #cfcadf;border-radius:10px;font:inherit}
.document-list{padding-left:22px;margin:4px 0 18px}.document-list li{padding:7px 0;overflow-wrap:anywhere}.document-list button{margin-left:7px;border:1px solid #dedbea;border-radius:7px;background:#fff;color:#423780;padding:6px 9px;font:700 14px system-ui,sans-serif;cursor:pointer}.document-list button:disabled{opacity:.4}
.document-status{margin-top:20px!important}
@media(max-width:760px){.converter-grid{grid-template-columns:1fr}.converter-main{padding-top:20px}.converter-card{padding:16px}.converter-results li{flex-wrap:wrap}.converter-results .result-detail{flex-basis:calc(100% - 62px)}.result-save{margin-left:62px}}
@media(max-width:760px){.document-grid{grid-template-columns:1fr}}

.nexo-ad{max-width:1000px;margin:22px auto;padding:14px 18px;background:#fff;border:1px solid #dedbea;border-radius:12px;font:16px system-ui,sans-serif}.nexo-ad small{display:block;color:#615d74;margin-bottom:8px}.nexo-ad a{display:flex;align-items:center;gap:18px;color:#423780;text-decoration:none;min-height:48px}.nexo-ad img{max-width:140px;max-height:80px;object-fit:contain}.nexo-ad strong{overflow-wrap:anywhere}@media(max-width:650px){.nexo-ad{margin:18px}.nexo-ad img{max-width:90px;max-height:65px}}

.nexo-ad a{flex-wrap:wrap}.nexo-ad img{width:auto;max-width:100%;max-height:220px;display:block;object-fit:contain}.nexo-ad a:has(img){flex-direction:column;align-items:flex-start}@media(max-width:650px){.nexo-ad img{max-width:100%;max-height:180px}}