html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif}.qr-page{background:#f5f7fb;min-height:calc(100vh - 80px);padding:55px 30px 70px;font-family:Arial,Helvetica,sans-serif}.qr-heading{text-align:center;max-width:1100px;margin:0 auto 35px}.qr-heading span{color:#2563eb;letter-spacing:1.8px;margin-bottom:10px;font-size:12px;font-weight:800;display:inline-block}.qr-heading h1{color:#111827;letter-spacing:-1px;margin:0;font-size:42px;line-height:1.1}.qr-heading p{color:#6b7280;max-width:600px;margin:13px auto 0;font-size:16px}.qr-container{grid-template-columns:1fr 1fr;gap:25px;max-width:1050px;margin:auto;display:grid}.qr-form-card,.qr-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 15px 45px #0f172a12}.qr-form-card{padding:35px}.qr-icon{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:22px;font-size:31px;display:flex}.qr-form-card h2{color:#111827;margin:0 0 8px;font-size:24px}.qr-description{color:#6b7280;margin:0 0 28px;line-height:1.6}.qr-form-card label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.qr-input-wrapper{background:#fff;border:1px solid #d1d5db;border-radius:11px;align-items:center;gap:10px;height:52px;padding:0 14px;transition:all .2s;display:flex}.qr-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.qr-input-wrapper span{font-size:17px}.qr-input-wrapper input{color:#111827;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;font-size:14px}.qr-input-wrapper input::placeholder{color:#9ca3af}.generate-qr-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;margin-top:16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.generate-qr-btn:hover{background:#2563eb;transform:translateY(-1px)}.generate-qr-btn span{font-size:18px}.clear-qr-btn{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;height:42px;margin-top:9px}.qr-tips{color:#64748b;background:#f8fafc;border-radius:9px;margin-top:22px;padding:12px;font-size:12px}.qr-tips span{color:#16a34a;margin-right:7px;font-weight:700}.qr-preview-card{justify-content:center;align-items:center;min-height:420px;padding:35px;display:flex}.qr-empty{text-align:center;max-width:280px}.empty-qr-icon{color:#94a3b8;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:18px;justify-content:center;align-items:center;width:105px;height:105px;margin:0 auto 22px;font-size:55px;display:flex}.qr-empty h3{color:#334155;margin:0 0 8px;font-size:17px}.qr-empty p{color:#94a3b8;margin:0;font-size:13px;line-height:1.6}.qr-result{text-align:center;width:100%}.qr-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:30px;align-items:center;gap:7px;margin-bottom:20px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.qr-success span{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.qr-image-box{background:#fff;border:1px solid #e5e7eb;border-radius:17px;width:245px;height:245px;margin:auto;padding:15px;box-shadow:0 10px 30px #00000014}.qr-image-box img{object-fit:contain;width:100%;height:100%}.qr-result-url{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:350px;margin:17px auto;font-size:12px;overflow:hidden}.download-qr-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;max-width:300px;height:48px;font-weight:700}.download-qr-btn:hover{background:#1d4ed8}.new-qr-btn{color:#64748b;cursor:pointer;background:0 0;border:none;margin:10px auto 0;font-size:13px;display:block}.qr-features{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1050px;margin:25px auto 0;display:grid}.qr-features>div{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:20px}.qr-features span{font-size:24px}.qr-features h3{color:#111827;margin:9px 0 5px;font-size:14px}.qr-features p{color:#6b7280;margin:0;font-size:12px}@media (width<=850px){.qr-page{padding:35px 15px}.qr-heading h1{font-size:32px}.qr-container,.qr-features{grid-template-columns:1fr}}@media (width<=500px){.qr-form-card,.qr-preview-card{border-radius:16px;padding:22px}.qr-heading h1{font-size:28px}.qr-heading p{font-size:14px}.qr-image-box{width:210px;height:210px}}.cv-builder-premium{background:#f3f5f9;grid-template-columns:430px minmax(0,1fr);gap:0;min-height:calc(100vh - 72px);display:grid}.cv-editor-premium{background:#fff;border-right:1px solid #e5e7eb;max-height:calc(100vh - 72px);padding:32px 22px 60px;overflow-y:auto}.cv-builder-title{margin-bottom:25px}.cv-builder-title h1{color:#111827;margin:10px 0 7px;font-size:25px;line-height:1.2}.cv-builder-title p{color:#6b7280;margin:0;font-size:12px;line-height:1.6}.cv-control{background:#fff;border:1px solid #e5e7eb;border-radius:15px;margin-bottom:14px;padding:18px}.cv-control h3{color:#111827;margin:0 0 12px;font-size:13px}.cv-control>p{color:#9ca3af;font-size:11px}.cv-template-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.cv-template-grid button{color:#374151;cursor:pointer;text-align:left;background:#fff;border:1px solid #e1e5ec;border-radius:9px;align-items:center;gap:8px;min-height:62px;padding:8px;font-size:10px;font-weight:700;display:flex}.cv-template-grid button:hover{border-color:#a5b4fc}.cv-template-grid button.active{color:#4f46e5;background:#eef2ff;border-color:#4f46e5}.template-mini{background:linear-gradient(#111827 0 15%,#fff 15% 100%);border:1px solid #d1d5db;border-radius:3px;flex-shrink:0;width:30px;height:39px}.template-mini.ats{background:linear-gradient(#fff 0 25%,#111827 25% 27%,#fff 27% 100%)}.template-mini.classic{background:linear-gradient(#fff 0 22%,#111827 22% 24%,#fff 24% 100%)}.template-mini.creative{background:linear-gradient(90deg,#111827 0 35%,#fff 35% 100%)}.template-mini.fresher{background:linear-gradient(#eef2ff 0 25%,#fff 25% 100%)}.cv-colors{align-items:center;gap:9px;display:flex}.cv-colors button{cursor:pointer;border:2px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 1px #d1d5db}.cv-colors button.selected{box-shadow:0 0 0 2px #111827}.cv-colors input{cursor:pointer;border:1px solid #d1d5db;border-radius:6px;width:31px;height:31px;padding:0}.cv-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px;display:grid}.cv-control input,.cv-control textarea,.cv-control select{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #dfe3eb;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-family:inherit;font-size:11px}.cv-control textarea{resize:vertical;min-height:95px;line-height:1.55}.cv-control input:focus,.cv-control textarea:focus,.cv-control select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f112}.cv-control input::placeholder,.cv-control textarea::placeholder{color:#a5aab5}.field-help{color:#9ca3af;margin-top:6px;font-size:9px;display:block}.cv-file-upload{color:#4f46e5;cursor:pointer;background:#fafbfc;border:1px dashed #cfd5df;border-radius:9px;justify-content:center;align-items:center;min-height:42px;font-size:11px;font-weight:700;display:flex}.cv-file-upload:hover{background:#f8f8ff;border-color:#6366f1}.cv-file-upload input{display:none}.small-remove{color:#dc2626;cursor:pointer;background:0 0;border:0;margin-top:7px;font-size:10px}.section-editor-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-editor-heading h3{margin:0 0 3px}.section-editor-heading p{color:#9ca3af;margin:0;font-size:9px}.section-editor-heading>button{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700}.repeatable-card{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:9px;padding:12px}.repeatable-card:last-child{margin-bottom:0}.repeatable-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.repeatable-top span{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:800}.repeatable-top button,.inline-remove{color:#dc2626;cursor:pointer;background:0 0;border:0;font-size:9px}.repeatable-card>input{margin-bottom:0}.repeatable-card textarea{margin-top:9px}.inline-remove{margin-top:7px}.signature-editor-preview{text-align:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-top:10px;padding:10px}.signature-editor-preview img{object-fit:contain;max-width:170px;max-height:60px}.cv-download-main{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-size:13px;font-weight:800;display:flex}.cv-download-main:hover{background:#4f46e5;transform:translateY(-1px)}.cv-download-main span{font-size:17px}.cv-preview-area{min-width:0;max-height:calc(100vh - 72px);padding:32px 35px 70px;overflow-y:auto}.cv-preview-top{justify-content:space-between;align-items:center;gap:15px;max-width:900px;margin:0 auto 20px;display:flex}.cv-preview-top>div span{color:var(--accent,#2563eb);letter-spacing:1px;font-size:9px;font-weight:800}.cv-preview-top h2{color:#111827;margin:4px 0 0;font-size:20px}.cv-preview-top button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:9px;padding:11px 17px;font-size:11px;font-weight:700}.cv-preview-top button:hover{background:#4f46e5}.premium-resume{box-sizing:border-box;color:#111827;background:#fff;width:min(820px,100%);min-height:1120px;margin:0 auto;padding:58px;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.55;box-shadow:0 20px 60px #0f172a1f}.premium-resume h1,.premium-resume h2,.premium-resume h3,.premium-resume p{margin-top:0}.resume-section{margin-bottom:24px}.resume-section h3{color:var(--accent);text-transform:uppercase;letter-spacing:1.3px;margin-bottom:9px;font-size:10px;font-weight:800}.multiline{white-space:pre-line}.resume-section>p{margin-bottom:0}.resume-photo{object-fit:cover;border:4px solid #fff;border-radius:50%;flex-shrink:0;width:90px;height:90px;box-shadow:0 4px 15px #0000001f}.resume-modern-header{border-bottom:3px solid var(--accent);align-items:center;gap:24px;margin-bottom:25px;padding-bottom:24px;display:flex}.resume-modern-header h1{color:#111827;margin-bottom:3px;font-size:34px;line-height:1.1}.resume-modern-header h2{color:var(--accent);margin-bottom:11px;font-size:15px;font-weight:600}.resume-contact,.resume-links{color:#64748b;flex-wrap:wrap;gap:5px 13px;font-size:8px;display:flex}.resume-links{color:var(--accent);margin-top:5px}.modern-body{grid-template-columns:minmax(0,1fr) 185px;gap:35px;display:grid}.modern-body aside{border-left:1px solid #e5e7eb;padding-left:20px}.skill-tags{flex-wrap:wrap;gap:5px;display:flex}.skill-tags span{background:color-mix(in srgb, var(--accent) 9%, white);color:var(--accent);border-radius:4px;padding:5px 7px;font-size:8px;font-weight:700}.language-row{justify-content:space-between;align-items:center;gap:7px;margin-bottom:8px;font-size:9px;display:flex}.language-row small{color:#94a3b8;font-size:7px}.experience-preview{margin-bottom:17px}.preview-entry-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.preview-entry-top strong{font-size:10px}.preview-entry-top span{color:#94a3b8;flex-shrink:0;font-size:7px}.entry-company{color:var(--accent);margin:3px 0 5px;font-size:8px;font-weight:700}.experience-preview p{color:#4b5563;margin-bottom:0;font-size:8.5px}.compact-entry{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.compact-entry strong{font-size:9px}.compact-entry span{color:#64748b;font-size:8px}.ats-template{font-family:Arial,Helvetica,sans-serif}.ats-header{text-align:center;border-bottom:2px solid var(--accent);margin-bottom:25px;padding-bottom:18px}.ats-header h1{margin-bottom:4px;font-size:30px}.ats-header h2{color:var(--accent);margin-bottom:9px;font-size:13px;font-weight:600}.ats-header p{color:#64748b;margin:3px 0;font-size:8px}.ats-template .resume-section{margin-bottom:21px}.ats-template .resume-section h3{border-bottom:1px solid #dbe2ea;padding-bottom:5px}.classic-template{font-family:Georgia,Times New Roman,serif}.classic-header{text-align:center;justify-content:center;align-items:center;gap:20px;display:flex}.classic-header h1{margin-bottom:4px;font-size:31px}.classic-header h2{color:var(--accent);margin-bottom:8px;font-size:13px;font-weight:400}.classic-header p{color:#64748b;margin:0;font-family:Arial,sans-serif;font-size:8px}.classic-divider{background:var(--accent);height:1px;margin:22px 0 25px}.classic-template .resume-section h3{letter-spacing:.7px;border-bottom:1px solid #d1d5db;padding-bottom:5px;font-size:11px}.creative-template{background:#fff;grid-template-columns:220px 1fr;min-height:100%;margin:-58px;display:grid}.creative-sidebar{box-sizing:border-box;background:var(--accent);color:#fff;min-height:1120px;padding:55px 25px}.creative-photo{object-fit:cover;border:4px solid #ffffffe6;border-radius:50%;width:105px;height:105px;margin-bottom:18px}.creative-sidebar h1{margin-bottom:5px;font-size:27px;line-height:1.15}.creative-sidebar h2{color:#ffffffd9;margin-bottom:20px;font-size:12px;font-weight:500}.creative-contact{word-break:break-word;flex-direction:column;gap:7px;margin-bottom:25px;font-size:8px;display:flex}.creative-sidebar .resume-section{margin-bottom:23px}.creative-sidebar .resume-section h3{color:#fff;border-bottom:1px solid #ffffff4d;padding-bottom:5px}.creative-sidebar .skill-tags span{color:#fff;background:#ffffff26}.creative-sidebar .language-row{color:#fff}.creative-sidebar .language-row small{color:#ffffffb3}.creative-main{box-sizing:border-box;padding:58px 42px}.creative-main .resume-section h3{font-size:11px}.fresher-template{font-family:Arial,Helvetica,sans-serif}.fresher-header{border-bottom:4px solid var(--accent);align-items:center;gap:20px;margin-bottom:25px;padding-bottom:22px;display:flex}.fresher-header h1{margin-bottom:4px;font-size:31px}.fresher-header h2{color:var(--accent);margin-bottom:8px;font-size:13px}.fresher-header p{color:#64748b;margin:0;font-size:8px}.resume-footer{border-top:1px solid #e5e7eb;margin-top:35px;padding-top:18px}.declaration{margin-bottom:25px}.declaration h3{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px;font-size:10px}.declaration p{color:#4b5563;margin:0;font-size:8px;line-height:1.6}.signature-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.resume-signature{object-fit:contain;object-position:left bottom;width:120px;max-height:55px;margin-bottom:5px;display:block}.signature-row strong{font-size:9px;display:block}.place-date{color:#64748b;flex-direction:column;align-items:flex-end;gap:5px;font-size:8px;display:flex}@media (width<=1050px){.cv-builder-premium{grid-template-columns:360px 1fr}.cv-preview-area{padding:25px 20px 60px}.premium-resume{padding:40px}}@media (width<=800px){.cv-builder-premium{display:block}.cv-editor-premium{border-bottom:1px solid #e5e7eb;border-right:0;max-height:none;overflow:visible}.cv-preview-area{max-height:none;padding:30px 15px 60px;overflow:visible}.cv-preview-top{align-items:flex-start}}@media (width<=600px){.cv-editor-premium{padding:25px 14px 45px}.cv-builder-title h1{font-size:23px}.cv-form-grid,.cv-template-grid{grid-template-columns:1fr}.premium-resume{min-height:auto;padding:25px;font-size:9px}.resume-modern-header,.fresher-header{flex-direction:column;align-items:flex-start}.modern-body{grid-template-columns:1fr}.modern-body aside{border-top:1px solid #e5e7eb;border-left:0;padding-top:20px;padding-left:0}.creative-template{grid-template-columns:1fr;margin:-25px}.creative-sidebar{min-height:auto;padding:30px}.creative-main{padding:30px}.signature-row{flex-direction:column;align-items:flex-start}.place-date{align-items:flex-start}}@media print{body *{visibility:hidden}.premium-resume,.premium-resume *{visibility:visible}.premium-resume{width:210mm;min-height:297mm;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:0;position:absolute;top:0;left:0}@page{size:A4;margin:0}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111827;background:#f6f8fc;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,input,textarea,select{font-family:inherit}button{cursor:pointer}a{color:inherit}.app{background:#f6f8fc;min-height:100vh}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 clamp(20px,7vw,100px);display:flex;position:sticky;top:0}.logo{color:#111827;letter-spacing:-.7px;font-size:25px;font-weight:800}.back-button{color:#4f46e5;background:0 0;border:0;border-radius:9px;padding:9px 12px;font-size:14px;font-weight:700;transition:all .2s}.back-button:hover{color:#3730a3;background:#eef2ff}.hero{text-align:center;max-width:900px;margin:0 auto;padding:90px 20px 65px}.hero-label{color:#4f46e5;letter-spacing:1.5px;background:#eef2ff;border-radius:999px;margin-bottom:16px;padding:7px 13px;font-size:12px;font-weight:800;display:inline-block}.hero h1{color:#111827;letter-spacing:-3px;margin:0;font-size:clamp(42px,6vw,70px);font-weight:850;line-height:1.03}.hero h1 span{color:#4f46e5}.hero p{color:#6b7280;max-width:620px;margin:22px auto 0;font-size:17px;line-height:1.7}.tools-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:min(1160px,90%);margin:0 auto;padding-bottom:80px;display:grid}.tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;min-height:245px;padding:28px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;box-shadow:0 8px 30px #0f172a0b}.tool-card:hover{border-color:#c7d2fe;transform:translateY(-6px);box-shadow:0 20px 50px #4f46e51f}.tool-icon{background:#eef2ff;border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:21px;font-size:27px;display:flex}.tool-card h3{color:#111827;margin:0 0 9px;font-size:20px;line-height:1.3}.tool-card p{color:#6b7280;margin:0 0 23px;font-size:14px;line-height:1.6}.tool-card button{color:#fff;background:#111827;border:0;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;transition:all .2s}.tool-card button:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 8px 20px #4f46e533}#about{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:min(1000px,90%);margin:0 auto 80px;padding:55px 30px;box-shadow:0 8px 30px #0f172a0a}#about h2{color:#111827;margin:0 0 12px;font-size:30px}#about p{color:#6b7280;max-width:700px;margin:0 auto;font-size:15px;line-height:1.7}.cropper-page{width:min(1200px,92%);min-height:calc(100vh - 72px);margin:0 auto;padding:55px 0 80px}.tool-header{text-align:center;margin-bottom:35px}.tool-badge{color:#4f46e5;letter-spacing:1px;background:#eef2ff;border-radius:999px;margin-bottom:12px;padding:7px 13px;font-size:12px;font-weight:800;display:inline-block}.tool-header h1{color:#111827;letter-spacing:-1px;margin:0;font-size:42px;font-weight:800;line-height:1.1}.tool-header p{color:#6b7280;margin:12px 0 0;font-size:16px}.upload-card{text-align:center;background:#fff;border:2px dashed #d7dce7;border-radius:24px;width:min(760px,100%);margin:0 auto;padding:65px 35px;transition:all .25s;box-shadow:0 15px 45px #0f172a12}.upload-card:hover{border-color:#6366f1;box-shadow:0 18px 50px #4f46e51a}.upload-icon{background:#eef2ff;border-radius:20px;justify-content:center;align-items:center;width:75px;height:75px;margin:0 auto 20px;font-size:35px;display:flex}.upload-card h2{color:#111827;margin:0;font-size:25px}.upload-card p{color:#6b7280;max-width:500px;margin:10px auto 25px;line-height:1.6}.upload-button{color:#fff;cursor:pointer;background:#111827;border-radius:12px;justify-content:center;align-items:center;padding:13px 25px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.upload-button:hover{background:#4f46e5;transform:translateY(-1px)}.upload-info{color:#9ca3af;margin-top:18px;font-size:12px;display:block}.cropper-workspace{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);align-items:stretch;gap:25px;display:grid}.crop-preview{background-color:#eef1f5;background-image:linear-gradient(45deg,#dfe3e8 25%,#0000 25%),linear-gradient(-45deg,#dfe3e8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfe3e8 75%),linear-gradient(-45deg,#0000 75%,#dfe3e8 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px;border-radius:22px;justify-content:center;align-items:center;min-height:560px;padding:30px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #dfe3eb}.crop-frame{background:#111827;border-radius:10px;justify-content:center;align-items:center;max-width:100%;max-height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #00000040}.crop-frame.aspect-free{width:auto;min-width:280px;height:auto;min-height:220px}.crop-frame.aspect-1-1{aspect-ratio:1;width:min(480px,80vw)}.crop-frame.aspect-4-3{aspect-ratio:4/3;width:min(600px,90%)}.crop-frame.aspect-16-9{aspect-ratio:16/9;width:min(700px,95%)}.crop-frame img{object-fit:contain;transform-origin:50%;max-width:100%;max-height:500px;transition:transform .15s;display:block}.crop-controls{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:28px;box-shadow:0 15px 40px #0f172a0f}.control-group{margin-bottom:27px}.control-group label{color:#374151;margin-bottom:11px;font-size:13px;font-weight:700;display:block}.zoom-control{align-items:center;gap:10px;display:flex}.zoom-control button{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;width:38px;height:38px;font-size:22px}.zoom-control button:hover{color:#4f46e5;background:#eef2ff;border-color:#6366f1}.zoom-control input{accent-color:#4f46e5;cursor:pointer;flex:1}.aspect-buttons{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.aspect-buttons button{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px;font-size:13px;font-weight:600}.aspect-buttons button:hover{color:#4f46e5;border-color:#6366f1}.aspect-buttons button.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.rotate-buttons{grid-template-columns:1fr;gap:9px;display:grid}.rotate-buttons button{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:11px 12px;font-size:13px;font-weight:600}.rotate-buttons button:hover{background:#f3f4f6}.action-buttons{gap:10px;padding-top:5px;display:flex}.reset-button,.download-crop-button{border:0;border-radius:11px;flex:1;min-height:45px;font-size:13px;font-weight:700;transition:all .2s}.reset-button{color:#374151;background:#f3f4f6}.reset-button:hover{background:#e5e7eb}.download-crop-button{color:#fff;background:#111827}.download-crop-button:hover{background:#4f46e5;transform:translateY(-1px)}.change-image-button{color:#4f46e5;background:0 0;border:0;margin:20px auto 0;padding:11px 18px;font-size:14px;font-weight:700;display:block}.change-image-button:hover{text-decoration:underline}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #6366f11a;border-color:#6366f1!important}@media (width<=950px){.tools-grid{grid-template-columns:repeat(2,1fr)}.cropper-workspace{grid-template-columns:1fr}.crop-preview{min-height:450px}}@media (width<=600px){.navbar{height:64px;padding:0 18px}.logo{font-size:22px}.hero{padding:60px 18px 45px}.hero h1{letter-spacing:-1.5px;font-size:42px}.hero p{font-size:14px}.tools-grid{grid-template-columns:1fr;gap:16px;width:92%}.tool-card{min-height:auto;padding:24px}#about{width:92%;padding:40px 22px}#about h2{font-size:26px}.cropper-page{width:92%;padding:35px 0 55px}.tool-header h1{font-size:32px}.tool-header p{font-size:14px}.upload-card{padding:45px 20px}.crop-preview{min-height:330px;padding:15px}.crop-controls{padding:20px}.action-buttons{flex-direction:column}.crop-frame.aspect-1-1,.crop-frame.aspect-4-3,.crop-frame.aspect-16-9{width:100%}}.pdf-image-page{width:min(1050px,92%);min-height:calc(100vh - 72px);margin:0 auto;padding:60px 0 80px}.pdf-image-header{text-align:center;margin-bottom:35px}.pdf-image-header .tool-badge{margin-bottom:14px}.pdf-image-header h1{color:#111827;letter-spacing:-1.8px;margin:0;font-size:clamp(36px,5vw,52px);font-weight:850}.pdf-image-header p{color:#6b7280;max-width:620px;margin:14px auto 0;font-size:16px;line-height:1.7}.pdf-converter-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:min(850px,100%);margin:0 auto;padding:32px;box-shadow:0 20px 60px #0f172a12}.pdf-upload-area{text-align:center;cursor:pointer;background:#fafbff;border:2px dashed #d6dbe7;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:45px 25px;transition:all .25s;display:flex}.pdf-upload-area:hover{background:#f8f8ff;border-color:#6366f1;transform:translateY(-2px)}.pdf-upload-area input{display:none}.pdf-upload-icon{background:#eef2ff;border-radius:22px;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:22px;font-size:38px;display:flex;box-shadow:0 10px 25px #4f46e514}.pdf-upload-area h2{color:#111827;margin:0 0 9px;font-size:23px}.pdf-upload-area p{color:#6b7280;max-width:500px;margin:0 0 23px;font-size:14px;line-height:1.6}.browse-pdf-button{color:#fff;background:#111827;border-radius:11px;justify-content:center;align-items:center;padding:12px 22px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.pdf-upload-area:hover .browse-pdf-button{background:#4f46e5}.pdf-upload-area small{color:#9ca3af;margin-top:17px;font-size:12px}.pdf-selected{width:100%}.pdf-file-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:15px;align-items:center;gap:15px;padding:17px;display:flex}.pdf-file-icon{background:#fee2e2;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.pdf-file-details{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.pdf-file-details strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.pdf-file-details span{color:#6b7280;font-size:12px}.change-pdf-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700;position:relative}.change-pdf-button:hover{color:#4f46e5;border-color:#6366f1}.change-pdf-button input{display:none}.pdf-options{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px;display:grid}.pdf-option{flex-direction:column;gap:8px;display:flex}.pdf-option label{color:#374151;font-size:12px;font-weight:700}.pdf-option select{color:#111827;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:10px;width:100%;min-height:45px;padding:0 12px;font-size:13px}.pdf-option select:hover{border-color:#a5b4fc}.convert-pdf-button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:53px;margin-top:25px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.convert-pdf-button:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 10px 25px #4f46e533}.convert-pdf-button:disabled{opacity:.7;cursor:not-allowed}.convert-pdf-button span:last-child{font-size:18px}.loading-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite pdfSpin}@keyframes pdfSpin{to{transform:rotate(360deg)}}.pdf-security-note{background:#f8fafc;border-radius:12px;align-items:flex-start;gap:11px;margin-top:22px;padding:15px;display:flex}.pdf-security-note>span{font-size:17px}.pdf-security-note strong{color:#374151;font-size:12px;display:block}.pdf-security-note p{color:#9ca3af;margin:4px 0 0;font-size:11px;line-height:1.5}.pdf-features{grid-template-columns:repeat(3,1fr);gap:15px;width:min(850px,100%);margin:25px auto 0;display:grid}.pdf-features>div{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:19px}.pdf-features span{margin-bottom:9px;font-size:22px;display:block}.pdf-features strong{color:#111827;font-size:13px;display:block}.pdf-features p{color:#9ca3af;margin:5px 0 0;font-size:11px}@media (width<=700px){.pdf-image-page{padding:40px 0 55px}.pdf-image-header h1{font-size:35px}.pdf-image-header p{font-size:14px}.pdf-converter-card{border-radius:19px;padding:18px}.pdf-upload-area{min-height:330px;padding:30px 18px}.pdf-options,.pdf-features{grid-template-columns:1fr}.pdf-file-card{align-items:flex-start}.change-pdf-button{flex-shrink:0}}.splitter-page{width:min(1050px,92%);min-height:calc(100vh - 72px);margin:0 auto;padding:60px 0 80px}.splitter-header{text-align:center;margin-bottom:35px}.splitter-header h1{color:#111827;letter-spacing:-1.8px;margin:0;font-size:clamp(38px,5vw,52px);font-weight:850}.splitter-header p{color:#6b7280;max-width:600px;margin:14px auto 0;font-size:16px;line-height:1.7}.splitter-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:min(850px,100%);margin:0 auto;padding:32px;box-shadow:0 20px 60px #0f172a12}.splitter-upload{text-align:center;cursor:pointer;background:#fafbff;border:2px dashed #d6dbe7;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:45px 25px;transition:all .25s;display:flex}.splitter-upload:hover{background:#f8f8ff;border-color:#6366f1;transform:translateY(-2px)}.splitter-upload input{display:none}.splitter-upload-icon{background:#eef2ff;border-radius:22px;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:22px;font-size:38px;display:flex}.splitter-upload h2{color:#111827;margin:0 0 9px;font-size:23px}.splitter-upload p{color:#6b7280;max-width:500px;margin:0 0 23px;font-size:14px;line-height:1.6}.splitter-upload small{color:#9ca3af;margin-top:17px;font-size:12px}.splitter-file-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:15px;align-items:center;gap:15px;padding:17px;display:flex}.splitter-file-icon{background:#fee2e2;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.splitter-file-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.splitter-file-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.splitter-file-info span{color:#6b7280;font-size:12px}.change-split-file{color:#374151;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700;position:relative}.change-split-file:hover{color:#4f46e5;border-color:#6366f1}.change-split-file input{display:none}.page-selection{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-top:25px;padding:23px}.selection-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.selection-title h3{color:#111827;margin:0 0 5px;font-size:16px}.selection-title p{color:#9ca3af;margin:0;font-size:12px}.page-count-badge{color:#4f46e5;white-space:nowrap;background:#eef2ff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.page-inputs{grid-template-columns:1fr 40px 1fr;align-items:end;gap:12px;display:grid}.page-input-group{flex-direction:column;gap:8px;display:flex}.page-input-group label{color:#374151;font-size:12px;font-weight:700}.page-input-group input{color:#111827;background:#fff;border:1px solid #dfe3eb;border-radius:10px;width:100%;height:48px;padding:0 14px;font-size:15px;font-weight:700;transition:all .2s}.page-input-group input:hover{border-color:#a5b4fc}.range-arrow{color:#9ca3af;justify-content:center;align-items:center;height:48px;font-size:20px;display:flex}.range-preview{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;margin-top:16px;padding:13px 15px;display:flex}.range-preview span{color:#6b7280;font-size:12px}.range-preview strong{color:#4f46e5;font-size:13px}.split-pdf-button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:53px;margin-top:25px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.split-pdf-button:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 10px 25px #4f46e533}.split-pdf-button:disabled{opacity:.7;cursor:not-allowed}.split-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite splitterSpin}@keyframes splitterSpin{to{transform:rotate(360deg)}}.split-security{background:#f8fafc;border-radius:12px;align-items:flex-start;gap:11px;margin-top:22px;padding:15px;display:flex}.split-security>span{font-size:17px}.split-security strong{color:#374151;font-size:12px;display:block}.split-security p{color:#9ca3af;margin:4px 0 0;font-size:11px;line-height:1.5}.splitter-features{grid-template-columns:repeat(3,1fr);gap:15px;width:min(850px,100%);margin:25px auto 0;display:grid}.splitter-features>div{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:19px}.splitter-features span{margin-bottom:9px;font-size:22px;display:block}.splitter-features strong{color:#111827;font-size:13px;display:block}.splitter-features p{color:#9ca3af;margin:5px 0 0;font-size:11px}@media (width<=700px){.splitter-page{padding:40px 0 55px}.splitter-header h1{font-size:36px}.splitter-header p{font-size:14px}.splitter-card{border-radius:19px;padding:18px}.splitter-upload{min-height:330px;padding:30px 18px}.selection-title{flex-direction:column;align-items:flex-start}.page-inputs{grid-template-columns:1fr}.range-arrow{display:none}.range-preview{flex-direction:column;align-items:flex-start;gap:5px}.splitter-features{grid-template-columns:1fr}.splitter-file-card{align-items:flex-start}.change-split-file{flex-shrink:0}}.merger-page{width:min(1050px,92%);min-height:calc(100vh - 72px);margin:0 auto;padding:60px 0 80px}.merger-header{text-align:center;margin-bottom:35px}.merger-header h1{color:#111827;letter-spacing:-1.8px;margin:0;font-size:clamp(38px,5vw,52px);font-weight:850}.merger-header p{color:#6b7280;max-width:600px;margin:14px auto 0;font-size:16px;line-height:1.7}.merger-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:min(850px,100%);margin:0 auto;padding:32px;box-shadow:0 20px 60px #0f172a12}.merger-upload{text-align:center;cursor:pointer;background:#fafbff;border:2px dashed #d6dbe7;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:45px 25px;transition:all .25s;display:flex}.merger-upload:hover{background:#f8f8ff;border-color:#6366f1;transform:translateY(-2px)}.merger-upload input{display:none}.merger-upload-icon{background:#eef2ff;border-radius:22px;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:22px;font-size:38px;display:flex}.merger-upload h2{color:#111827;margin:0 0 9px;font-size:23px}.merger-upload p{color:#6b7280;max-width:500px;margin:0 0 23px;font-size:14px;line-height:1.6}.browse-merger-button{color:#fff;background:#111827;border-radius:11px;justify-content:center;align-items:center;padding:12px 22px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.merger-upload:hover .browse-merger-button{background:#4f46e5}.merger-upload small{color:#9ca3af;margin-top:17px;font-size:12px}.merger-content{width:100%}.merger-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.merger-top h2{color:#111827;margin:0 0 5px;font-size:18px}.merger-top p{color:#9ca3af;margin:0;font-size:12px}.add-more-button{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700;position:relative}.add-more-button:hover{background:#eef2ff;border-color:#6366f1}.add-more-button input{display:none}.merger-file-list{flex-direction:column;gap:10px;max-height:390px;padding-right:3px;display:flex;overflow-y:auto}.merger-file-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:13px;align-items:center;gap:12px;padding:13px;transition:all .2s;display:flex}.merger-file-item:hover{background:#fafaff;border-color:#c7d2fe}.file-order{color:#4f46e5;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:flex}.merger-pdf-icon{background:#fee2e2;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:21px;display:flex}.merger-file-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.merger-file-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.merger-file-info span{color:#9ca3af;font-size:11px}.remove-pdf-button{color:#9ca3af;cursor:pointer;background:#fff;border:0;border-radius:8px;flex-shrink:0;width:32px;height:32px;font-size:21px}.remove-pdf-button:hover{color:#dc2626;background:#fee2e2}.merge-pdf-button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:53px;margin-top:22px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.merge-pdf-button:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 10px 25px #4f46e533}.merge-pdf-button:disabled{opacity:.55;cursor:not-allowed}.merge-pdf-button span:last-child{font-size:18px}.merge-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite mergerSpin}@keyframes mergerSpin{to{transform:rotate(360deg)}}.merge-warning{text-align:center;color:#d97706;margin:10px 0 0;font-size:11px}.merger-security{background:#f8fafc;border-radius:12px;align-items:flex-start;gap:11px;margin-top:22px;padding:15px;display:flex}.merger-security>span{font-size:17px}.merger-security strong{color:#374151;font-size:12px;display:block}.merger-security p{color:#9ca3af;margin:4px 0 0;font-size:11px;line-height:1.5}.merger-features{grid-template-columns:repeat(3,1fr);gap:15px;width:min(850px,100%);margin:25px auto 0;display:grid}.merger-features>div{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:19px}.merger-features span{margin-bottom:9px;font-size:22px;display:block}.merger-features strong{color:#111827;font-size:13px;display:block}.merger-features p{color:#9ca3af;margin:5px 0 0;font-size:11px}@media (width<=700px){.merger-page{padding:40px 0 55px}.merger-header h1{font-size:36px}.merger-header p{font-size:14px}.merger-card{border-radius:19px;padding:18px}.merger-upload{min-height:330px;padding:30px 18px}.merger-top{flex-direction:column;align-items:flex-start}.add-more-button{text-align:center;width:100%}.merger-file-item{padding:10px}.merger-features{grid-template-columns:1fr}}.compressor-page{width:min(1050px,92%);min-height:calc(100vh - 72px);margin:0 auto;padding:60px 0 80px}.compressor-header{text-align:center;margin-bottom:35px}.compressor-header h1{color:#111827;letter-spacing:-1.8px;margin:0;font-size:clamp(38px,5vw,52px);font-weight:850}.compressor-header p{color:#6b7280;max-width:600px;margin:14px auto 0;font-size:16px;line-height:1.7}.compressor-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:min(850px,100%);margin:0 auto;padding:32px;box-shadow:0 20px 60px #0f172a12}.compressor-upload{text-align:center;cursor:pointer;background:#fafbff;border:2px dashed #d6dbe7;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:45px 25px;transition:all .25s;display:flex}.compressor-upload:hover{background:#f8f8ff;border-color:#6366f1;transform:translateY(-2px)}.compressor-upload input{display:none}.compressor-upload-icon{background:#eef2ff;border-radius:22px;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:22px;font-size:38px;display:flex}.compressor-upload h2{color:#111827;margin:0 0 9px;font-size:23px}.compressor-upload p{color:#6b7280;max-width:500px;margin:0 0 23px;font-size:14px;line-height:1.6}.browse-image-button{color:#fff;background:#111827;border-radius:11px;justify-content:center;align-items:center;padding:12px 22px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.compressor-upload:hover .browse-image-button{background:#4f46e5}.compressor-upload small{color:#9ca3af;margin-top:17px;font-size:12px}.compressor-content{width:100%}.compressor-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.compressor-top h2{color:#111827;margin:0 0 5px;font-size:18px}.compressor-top p{color:#9ca3af;margin:0;font-size:12px}.change-image-button-compressor{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700}.change-image-button-compressor:hover{background:#eef2ff;border-color:#6366f1}.change-image-button-compressor input{display:none}.compressor-preview-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:15px;align-items:center;gap:18px;padding:15px;display:flex}.compressor-image-box{background-color:#0000;background-image:linear-gradient(45deg,#f1f5f9 25%,#0000 25%),linear-gradient(-45deg,#f1f5f9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f1f5f9 75%),linear-gradient(-45deg,#0000 75%,#f1f5f9 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:135px;height:105px;display:flex;overflow:hidden}.compressor-image-box img{object-fit:contain;width:100%;height:100%}.compressor-image-info{flex-direction:column;gap:5px;display:flex}.preview-label{color:#9ca3af;letter-spacing:.8px;font-size:10px;font-weight:800}.compressor-image-info strong{color:#111827;font-size:22px}.compressor-image-info>span:last-child{color:#9ca3af;font-size:11px}.quality-section{background:#fff;border:1px solid #e5e7eb;border-radius:15px;margin-top:22px;padding:20px}.quality-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.quality-header strong{color:#111827;font-size:13px}.quality-header p{color:#9ca3af;margin:4px 0 0;font-size:11px}.quality-value{text-align:center;color:#4f46e5;background:#eef2ff;border-radius:9px;min-width:55px;padding:8px 10px;font-size:13px;font-weight:800}.quality-slider{accent-color:#4f46e5;cursor:pointer;width:100%;margin:19px 0 8px}.quality-scale{color:#9ca3af;justify-content:space-between;font-size:10px;display:flex}.compress-image-button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:53px;margin-top:18px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.compress-image-button:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 10px 25px #4f46e533}.compress-image-button:disabled{opacity:.55;cursor:not-allowed}.compress-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite compressorSpin}@keyframes compressorSpin{to{transform:rotate(360deg)}}.compression-result{background:#f8fbff;border:1px solid #dbeafe;border-radius:16px;margin-top:22px;padding:20px}.result-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.result-label{color:#6366f1;letter-spacing:.9px;font-size:9px;font-weight:800}.result-header h3{color:#111827;margin:4px 0 0;font-size:17px}.saved-badge{color:#059669;background:#ecfdf5;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.result-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.result-image-box{background-color:#0000;background-image:linear-gradient(45deg,#f1f5f9 25%,#0000 25%),linear-gradient(-45deg,#f1f5f9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f1f5f9 75%),linear-gradient(-45deg,#0000 75%,#f1f5f9 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:12px;justify-content:center;align-items:center;height:230px;display:flex;overflow:hidden}.result-image-box img{object-fit:contain;width:100%;height:100%}.result-details{flex-direction:column;justify-content:center;gap:20px;display:flex}.size-comparison{justify-content:space-between;align-items:center;gap:10px;display:flex}.size-comparison>div:not(.size-arrow){flex-direction:column;gap:5px;display:flex}.size-comparison span{color:#9ca3af;font-size:10px}.size-comparison strong{color:#111827;font-size:18px}.size-arrow{color:#9ca3af;font-size:18px}.download-compressed-button{color:#fff;background:#111827;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:48px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.download-compressed-button:hover{background:#4f46e5;transform:translateY(-1px)}.download-compressed-button span{font-size:17px}.compressor-security{background:#f8fafc;border-radius:12px;align-items:flex-start;gap:11px;margin-top:22px;padding:15px;display:flex}.compressor-security>span{font-size:17px}.compressor-security strong{color:#374151;font-size:12px;display:block}.compressor-security p{color:#9ca3af;margin:4px 0 0;font-size:11px;line-height:1.5}.compressor-features{grid-template-columns:repeat(3,1fr);gap:15px;width:min(850px,100%);margin:25px auto 0;display:grid}.compressor-features>div{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:19px}.compressor-features span{margin-bottom:9px;font-size:22px;display:block}.compressor-features strong{color:#111827;font-size:13px;display:block}.compressor-features p{color:#9ca3af;margin:5px 0 0;font-size:11px}@media (width<=700px){.compressor-page{padding:40px 0 55px}.compressor-header h1{font-size:36px}.compressor-header p{font-size:14px}.compressor-card{border-radius:19px;padding:18px}.compressor-upload{min-height:330px;padding:30px 18px}.compressor-top{flex-direction:column;align-items:flex-start}.change-image-button-compressor{text-align:center;width:100%}.compressor-preview-card{align-items:flex-start}.compressor-image-box{width:105px;height:85px}.result-grid{grid-template-columns:1fr}.result-image-box{height:210px}.compressor-features{grid-template-columns:1fr}}.jpg-pdf-page{width:min(1050px,92%);min-height:calc(100vh - 72px);margin:0 auto;padding:60px 0 80px}.jpg-pdf-header{text-align:center;margin-bottom:35px}.jpg-pdf-header h1{color:#111827;letter-spacing:-1.8px;margin:0;font-size:clamp(38px,5vw,52px);font-weight:850}.jpg-pdf-header p{color:#6b7280;max-width:600px;margin:14px auto 0;font-size:16px;line-height:1.7}.jpg-pdf-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:min(850px,100%);margin:0 auto;padding:32px;box-shadow:0 20px 60px #0f172a12}.jpg-pdf-upload{text-align:center;cursor:pointer;background:#fafbff;border:2px dashed #d6dbe7;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:45px 25px;transition:all .25s;display:flex}.jpg-pdf-upload:hover{background:#f8f8ff;border-color:#6366f1;transform:translateY(-2px)}.jpg-pdf-upload input{display:none}.jpg-pdf-upload-icon{background:#eef2ff;border-radius:22px;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:22px;font-size:38px;display:flex}.jpg-pdf-upload h2{color:#111827;margin:0 0 9px;font-size:23px}.jpg-pdf-upload p{color:#6b7280;max-width:500px;margin:0 0 23px;font-size:14px;line-height:1.6}.browse-jpg-button{color:#fff;background:#111827;border-radius:11px;justify-content:center;align-items:center;padding:12px 22px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.jpg-pdf-upload:hover .browse-jpg-button{background:#4f46e5}.jpg-pdf-upload small{color:#9ca3af;margin-top:17px;font-size:12px}.jpg-pdf-content{width:100%}.jpg-pdf-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.jpg-pdf-top h2{color:#111827;margin:0 0 5px;font-size:18px}.jpg-pdf-top p{color:#9ca3af;margin:0;font-size:12px}.add-images-button{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700}.add-images-button:hover{background:#eef2ff;border-color:#6366f1}.add-images-button input{display:none}.jpg-pdf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-height:520px;padding-right:3px;display:grid;overflow-y:auto}.jpg-pdf-image-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;transition:all .2s;overflow:hidden}.jpg-pdf-image-card:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a0f}.jpg-pdf-image-preview{background-color:#0000;background-image:linear-gradient(45deg,#f1f5f9 25%,#0000 25%),linear-gradient(-45deg,#f1f5f9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f1f5f9 75%),linear-gradient(-45deg,#0000 75%,#f1f5f9 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;justify-content:center;align-items:center;height:165px;display:flex;position:relative;overflow:hidden}.jpg-pdf-image-preview img{object-fit:contain;width:100%;height:100%}.jpg-pdf-number{color:#fff;background:#111827e0;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:flex;position:absolute;top:9px;left:9px}.remove-jpg-button{color:#6b7280;cursor:pointer;background:#fffffff2;border:0;border-radius:8px;width:27px;height:27px;font-size:19px;position:absolute;top:9px;right:9px}.remove-jpg-button:hover{color:#dc2626;background:#fee2e2}.jpg-pdf-image-info{flex-direction:column;gap:4px;padding:11px 12px;display:flex}.jpg-pdf-image-info strong{color:#111827;font-size:12px}.jpg-pdf-image-info span{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.create-pdf-button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:53px;margin-top:22px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.create-pdf-button:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 10px 25px #4f46e533}.create-pdf-button:disabled{opacity:.55;cursor:not-allowed}.create-pdf-button>span:last-child{font-size:18px}.jpg-pdf-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite jpgPdfSpin}@keyframes jpgPdfSpin{to{transform:rotate(360deg)}}.jpg-pdf-security{background:#f8fafc;border-radius:12px;align-items:flex-start;gap:11px;margin-top:22px;padding:15px;display:flex}.jpg-pdf-security>span{font-size:17px}.jpg-pdf-security strong{color:#374151;font-size:12px;display:block}.jpg-pdf-security p{color:#9ca3af;margin:4px 0 0;font-size:11px;line-height:1.5}.jpg-pdf-features{grid-template-columns:repeat(3,1fr);gap:15px;width:min(850px,100%);margin:25px auto 0;display:grid}.jpg-pdf-features>div{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:19px}.jpg-pdf-features span{margin-bottom:9px;font-size:22px;display:block}.jpg-pdf-features strong{color:#111827;font-size:13px;display:block}.jpg-pdf-features p{color:#9ca3af;margin:5px 0 0;font-size:11px}@media (width<=700px){.jpg-pdf-page{padding:40px 0 55px}.jpg-pdf-header h1{font-size:36px}.jpg-pdf-header p{font-size:14px}.jpg-pdf-card{border-radius:19px;padding:18px}.jpg-pdf-upload{min-height:330px;padding:30px 18px}.jpg-pdf-top{flex-direction:column;align-items:flex-start}.add-images-button{text-align:center;width:100%}.jpg-pdf-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.jpg-pdf-image-preview{height:135px}.jpg-pdf-features{grid-template-columns:1fr}}@media (width<=430px){.jpg-pdf-grid{grid-template-columns:1fr}.jpg-pdf-image-preview{height:190px}}.text-pdf-page{width:min(1180px,94%);min-height:calc(100vh - 72px);margin:0 auto;padding:55px 0 80px}.text-pdf-header{text-align:center;margin-bottom:35px}.text-pdf-header h1{color:#111827;letter-spacing:-1.8px;margin:0;font-size:clamp(38px,5vw,52px);font-weight:850}.text-pdf-header p{color:#6b7280;max-width:620px;margin:14px auto 0;font-size:16px;line-height:1.7}.text-pdf-workspace{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start;gap:22px;display:grid}.text-editor-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:25px;box-shadow:0 18px 50px #0f172a0f}.editor-card-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;display:flex}.editor-card-header h2{color:#111827;margin:0 0 4px;font-size:18px}.editor-card-header p{color:#9ca3af;margin:0;font-size:11px}.clear-text-button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700}.clear-text-button:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.editor-field{margin-bottom:18px}.editor-field label,.setting-item label{color:#374151;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.filename-input{background:#fff;border:1px solid #dfe3eb;border-radius:10px;align-items:center;display:flex;overflow:hidden}.filename-input:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.filename-input input{color:#111827;border:0;outline:0;width:100%;min-width:0;padding:11px 12px;font-size:12px}.filename-input span{color:#9ca3af;padding-right:12px;font-size:12px;font-weight:600}.format-toolbar{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:15px;margin-bottom:13px;padding:11px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.toolbar-label{color:#9ca3af;letter-spacing:.4px;font-size:9px;font-weight:800}.toolbar-group select{color:#374151;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:7px;outline:none;height:32px;padding:0 8px;font-size:11px}.toolbar-group select:focus{border-color:#6366f1}.toolbar-divider{background:#e5e7eb;width:1px;height:27px}.format-buttons,.alignment-buttons{gap:4px;display:flex}.format-buttons button,.alignment-buttons button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;transition:all .15s;display:flex}.format-buttons button:hover,.alignment-buttons button:hover{border-color:#a5b4fc}.format-buttons button.active,.alignment-buttons button.active{color:#4f46e5;background:#eef2ff;border-color:#6366f1}.textarea-wrapper{position:relative}.textarea-wrapper textarea{box-sizing:border-box;resize:vertical;color:#111827;background:#fff;border:1px solid #dfe3eb;border-radius:13px;outline:none;width:100%;min-height:330px;padding:20px;font-family:Inter,Arial,sans-serif;line-height:1.65;transition:all .2s}.textarea-wrapper textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.textarea-wrapper textarea::placeholder{color:#b0b6c2}.editor-counter{color:#9ca3af;background:#f3f4f6;border-radius:6px;padding:4px 7px;font-size:9px;position:absolute;bottom:10px;right:12px}.document-settings{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.setting-item select{color:#374151;cursor:pointer;background:#fff;border:1px solid #dfe3eb;border-radius:9px;outline:none;width:100%;height:40px;padding:0 11px;font-size:11px}.setting-item select:focus{border-color:#6366f1}.text-pdf-download{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:53px;margin-top:17px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.text-pdf-download:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 10px 25px #4f46e533}.text-pdf-download:disabled{opacity:.55;cursor:not-allowed}.text-pdf-download>span:last-child{font-size:18px}.text-pdf-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite textPdfSpin}@keyframes textPdfSpin{to{transform:rotate(360deg)}}.text-pdf-security{background:#f8fafc;border-radius:10px;align-items:flex-start;gap:10px;margin-top:17px;padding:13px;display:flex}.text-pdf-security>span{font-size:16px}.text-pdf-security strong{color:#374151;font-size:11px;display:block}.text-pdf-security p{color:#9ca3af;margin:3px 0 0;font-size:10px}.document-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:22px;position:sticky;top:20px;box-shadow:0 18px 50px #0f172a0f}.preview-header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.preview-header span:first-child{color:#6366f1;letter-spacing:1px;font-size:8px;font-weight:800}.preview-header h2{color:#111827;margin:4px 0 0;font-size:17px}.preview-page-badge{color:#6b7280;background:#f3f4f6;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.document-paper{aspect-ratio:210/297;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;width:100%;padding:10%;transition:all .25s;overflow:hidden;box-shadow:0 10px 30px #0f172a1a}.document-paper.landscape{aspect-ratio:297/210}.paper-content{color:#111827;word-break:break-word;width:100%;font-family:Helvetica,Arial,sans-serif;line-height:1.6}.paper-content.left{text-align:left}.paper-content.center{text-align:center}.paper-content.right{text-align:right}.paper-line{white-space:pre-wrap;min-height:1em}.paper-placeholder{color:#c1c6d0;text-align:center;margin-top:35%;font-size:11px}.preview-footer{color:#9ca3af;justify-content:center;gap:8px;margin-top:14px;font-size:9px;display:flex}.text-pdf-features{grid-template-columns:repeat(3,1fr);gap:15px;width:min(900px,100%);margin:25px auto 0;display:grid}.text-pdf-features>div{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:18px}.text-pdf-features span{margin-bottom:8px;font-size:21px;display:block}.text-pdf-features strong{color:#111827;font-size:12px;display:block}.text-pdf-features p{color:#9ca3af;margin:5px 0 0;font-size:10px;line-height:1.5}@media (width<=900px){.text-pdf-workspace{grid-template-columns:1fr}.document-preview-card{position:static}.document-paper{width:min(500px,100%);margin:0 auto}}@media (width<=650px){.text-pdf-page{padding:40px 0 55px}.text-pdf-header h1{font-size:36px}.text-pdf-header p{font-size:14px}.text-editor-card,.document-preview-card{border-radius:18px;padding:18px}.format-toolbar{flex-wrap:wrap;gap:10px}.toolbar-divider{display:none}.textarea-wrapper textarea{min-height:280px}.text-pdf-features{grid-template-columns:1fr}}@media (width<=430px){.document-settings{grid-template-columns:1fr}.editor-card-header{align-items:flex-start}}@media (width<=600px){.nav-links{align-items:center;gap:16px;display:flex}.nav-links a{white-space:nowrap}.navbar{padding-left:18px;padding-right:18px}}