*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f172a;background-color:#f1f5f9;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-header{border-bottom:1px solid #ffffff14;background-color:#1e293b!important}.app-header__toolbar{justify-content:space-between;align-items:center;display:flex;min-height:68px!important;padding:4px 24px!important}.app-header__brand{cursor:pointer;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.app-header__brand:hover .app-header__name{opacity:.85}.app-header__logo{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.app-header__logo-icon{color:#fff!important;font-size:22px!important}.app-header__titles{flex-direction:column;line-height:1;display:flex}.app-header__name{letter-spacing:-.3px;color:#fff!important;font-size:1.15rem!important}.app-header__tagline{margin-top:2px;color:#ffffff80!important;font-size:.72rem!important}.app-header__nav .MuiTabs-root{min-height:44px}.app-header__tab{gap:6px;min-height:44px!important;padding:8px 16px!important}.app-footer{background-color:#fff;border-top:1px solid #e2e8f0;padding:32px 24px}.app-footer__inner{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.app-footer__brand{align-items:center;gap:8px;display:flex}.app-footer__logo{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.app-footer__logo svg{font-size:16px!important}.app-footer__name{color:#0f172a!important;font-size:.95rem!important}.app-footer__desc{color:#64748b;max-width:480px;line-height:1.6}.app-footer__copy{color:#272829;font-size:.72rem!important}.converter-card{background:#fff;border-radius:20px;width:80%;min-width:320px;max-width:860px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 4px 8px #0000000f}.converter-card__header{background:var(--cfg-bg,#eff6ff);border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;padding:20px 32px;display:flex}.converter-card__header-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.converter-card__header-icon svg{font-size:26px!important}.converter-card__body{padding:32px}.converter-card__dropzone{cursor:pointer;text-align:center;border:2px dashed #272829;border-radius:12px;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:56px 32px;transition:border-color .2s,background .2s;display:flex}.converter-card__dropzone:hover,.converter-card__dropzone:focus,.converter-card__dropzone--active{border-color:var(--cfg-color,#2563eb);background:color-mix(in srgb, var(--cfg-color,#2563eb) 4%, transparent)}.converter-card__upload-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.converter-card__format-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.converter-card__tag{letter-spacing:.5px;text-transform:uppercase;border:1.5px solid;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.converter-card__selected{flex-direction:column;gap:24px;display:flex}.converter-card__file-row{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.converter-card__file-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.converter-card__remove-btn{flex-shrink:0;color:#64748b!important}.converter-card__remove-btn:hover{color:#dc2626!important;background:#f1f5f9!important}.converter-card__convert-area{flex-direction:column;gap:12px;display:flex}.converter-card__arrow{justify-content:center;align-items:center;gap:8px;padding:8px 0;display:flex}.converter-card__btn-convert{letter-spacing:.2px;box-shadow:none!important;border-radius:12px!important;padding:14px 0!important;font-size:1rem!important}.converter-card__btn-convert:hover{opacity:.92;box-shadow:0 4px 14px #00000026!important}.converter-card__center{text-align:center;flex-direction:column;align-items:center;padding:40px 16px;display:flex}.converter-card__success-ring{border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.converter-card__action-row{flex-wrap:wrap;gap:16px;width:100%;display:flex}.converter-card__btn-download,.converter-card__btn-preview{flex:1;min-width:160px;box-shadow:none!important;border-radius:12px!important;padding:12px 16px!important;font-size:.95rem!important}.converter-card__btn-download:hover{opacity:.9;box-shadow:0 4px 14px #00000026!important}.img-card{background:#fff;border-radius:20px;width:80%;min-width:320px;max-width:860px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 4px 8px #0000000f}.img-card__header{background:#fff7ed;border-bottom:1px solid #fed7aa;align-items:center;gap:16px;padding:20px 32px;display:flex}.img-card__header-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.img-card__header-icon svg{font-size:26px!important}.img-card__body{padding:32px}.img-card__dropzone{cursor:pointer;text-align:center;border:2px dashed #272829;border-radius:12px;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:56px 32px;transition:border-color .2s,background .2s;display:flex}.img-card__dropzone:hover,.img-card__dropzone:focus,.img-card__dropzone--active{background:#ea580c0a;border-color:#ea580c}.img-card__upload-circle{background:#fff7ed;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.img-card__format-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.img-card__tag{color:#ea580c;letter-spacing:.4px;text-transform:uppercase;background:#fff7ed;border:1.5px solid #ea580c;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.img-card__selected{flex-direction:column;gap:20px;display:flex}.img-card__grid-header{justify-content:space-between;align-items:center;display:flex}.img-card__grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:16px;display:grid}.img-card__thumb{cursor:grab;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.img-card__thumb:hover{border-color:#ea580c;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.img-card__thumb:active{cursor:grabbing}.img-card__thumb-img{aspect-ratio:1;background:#fff;width:100%;position:relative;overflow:hidden}.img-card__thumb-img img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.img-card__thumb-img:hover img{transform:scale(1.04)}.img-card__badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex;position:absolute;top:6px;left:6px;box-shadow:0 1px 4px #0000004d}.img-card__drag-handle{color:#fffc;filter:drop-shadow(0 1px 2px #0006);pointer-events:none;align-items:center;display:flex;position:absolute;bottom:5px;left:5px}.img-card__remove{opacity:0;top:4px;right:4px;color:#fff!important;background:#0000008c!important;width:22px!important;height:22px!important;transition:opacity .15s!important;position:absolute!important}.img-card__thumb:hover .img-card__remove{opacity:1}.img-card__thumb-info{flex-direction:column;gap:2px;padding:6px 8px;display:flex}.img-card__thumb-name{color:#0f172a;font-weight:500;display:block;font-size:.72rem!important}.img-card__thumb-size{display:block;font-size:.68rem!important}.img-card__add-more{aspect-ratio:1;cursor:pointer;border:2px dashed #272829;border-radius:8px;outline:none;flex-direction:column;justify-content:center;align-items:center;min-height:148px;transition:border-color .2s,background .2s;display:flex}.img-card__add-more:hover,.img-card__add-more:focus{background:#fff7ed;border-color:#ea580c}.img-card__convert-btn{letter-spacing:.2px;box-shadow:none!important;border-radius:12px!important;padding:14px 0!important;font-size:1rem!important}.img-card__convert-btn:hover{opacity:.92;box-shadow:0 4px 14px #ea580c4d!important}.img-card__center{text-align:center;flex-direction:column;align-items:center;padding:40px 16px;display:flex}.img-card__success-ring{border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.img-card__action-row{flex-wrap:wrap;gap:16px;width:100%;display:flex}.pdf2img-card{background:#fff;border-radius:20px;width:80%;min-width:320px;max-width:960px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 4px 8px #0000000f}.pdf2img-card__header{background:#f5f3ff;border-bottom:1px solid #ede9fe;align-items:center;gap:16px;padding:20px 32px;display:flex}.pdf2img-card__header-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.pdf2img-card__header-icon svg{font-size:26px!important}.pdf2img-card__body{padding:32px}.pdf2img-card__quality-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.pdf2img-card__dpi-group .MuiToggleButton-root{text-transform:none;border-color:#e2e8f0;padding:5px 14px;font-size:.78rem}.pdf2img-card__dropzone{cursor:pointer;text-align:center;border:2px dashed #272829;border-radius:12px;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:56px 32px;transition:border-color .2s,background .2s;display:flex}.pdf2img-card__dropzone:hover,.pdf2img-card__dropzone:focus,.pdf2img-card__dropzone--active{background:#7c3aed0a;border-color:#7c3aed}.pdf2img-card__upload-circle{background:#f5f3ff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.pdf2img-card__pdf-tag{color:#7c3aed;text-transform:uppercase;letter-spacing:.5px;background:#f5f3ff;border:1.5px solid #7c3aed;border-radius:20px;align-items:center;gap:5px;padding:4px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.pdf2img-card__center{text-align:center;flex-direction:column;align-items:center;padding:40px 16px;display:flex}.pdf2img-card__results{flex-direction:column;gap:24px;display:flex}.pdf2img-card__summary{background:#f5f3ff;border:1px solid #ede9fe;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.pdf2img-card__empty{flex-direction:column;align-items:center;padding:40px 0;display:flex}.pdf2img-card__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.pdf2img-card__thumb{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.pdf2img-card__thumb:hover{border-color:#7c3aed;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.pdf2img-card__thumb-img{aspect-ratio:3/4;background:#fff;width:100%;position:relative;overflow:hidden}.pdf2img-card__thumb-img img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.pdf2img-card__thumb-img:hover img{transform:scale(1.03)}.pdf2img-card__badge{color:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:6px;left:6px;box-shadow:0 1px 4px #0000004d}.pdf2img-card__overlay{opacity:0;background:#00000073;justify-content:center;align-items:center;gap:8px;transition:opacity .18s;display:flex;position:absolute;inset:0}.pdf2img-card__thumb-img:hover .pdf2img-card__overlay{opacity:1}.pdf2img-card__action-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff!important;background:#ffffff26!important;transition:background .15s!important}.pdf2img-card__action-btn:hover{background:#ffffff4d!important}.pdf2img-card__action-btn--delete:hover{background:#dc262699!important}.pdf2img-card__thumb-info{padding:6px 8px}.pdf2img-card__thumb-name{color:#0f172a;font-weight:500;display:block;font-size:.72rem!important}.app-layout{background-color:#f1f5f9;flex-direction:column;min-height:100vh;display:flex}.app-layout__main{flex:1;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex}