:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{margin:0;background:#0b0d12}#root{min-height:100vh}.app{display:flex;height:100vh;width:100%;overflow:hidden;background-color:#0a0a0a;position:relative}.app-two{display:flex;flex-direction:column;flex:1;overflow-y:auto;margin-left:288px;transition:margin-left .25s ease}.sidebar-overlay{position:fixed;inset:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:30}.route-loading{margin:24px 32px;display:flex;flex-direction:column;gap:12px}.route-loading-shimmer{border-radius:10px;background:linear-gradient(110deg,#ffffff0d 8%,#ffffff17 18%,#ffffff0d 33%);background-size:200% 100%;animation:routeShimmer 1.1s linear infinite}.route-loading-shimmer-title{width:min(320px,80%);height:36px}.route-loading-shimmer-line{width:min(520px,96%);height:16px}.route-loading-shimmer-card{width:100%;height:120px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes routeShimmer{to{background-position-x:-200%}}@media(max-width:1024px){.app-two{margin-left:104px}}@media(max-width:768px){.app-two{margin-left:0}.route-loading{margin:14px 16px}.sidebar-overlay.active{opacity:1;pointer-events:auto}}.sidebar{width:240px;background:#111;position:fixed;left:24px;top:24px;bottom:24px;padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;z-index:40;transition:transform .25s ease}.sidebar-logo{display:flex;align-items:center;gap:14px;margin-bottom:30px;padding:2px 2px 0}.logo-icon{width:44px;height:44px;background:transparent;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-icon-img{width:30px;height:30px;object-fit:contain;filter:brightness(1.2) contrast(1.18)}.logo-text{font-size:18px;font-weight:600;color:#e5e7eb}.sidebar-nav{flex:1;overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:32px;padding-right:8px;padding-bottom:8px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.nav-item:hover{color:#d1d5db}.nav-item.active{background:#ffffff1a;border-radius:10px;color:#fff}.nav-icon{width:18px;height:18px;flex-shrink:0}.nav-section-title{font-size:11px;font-weight:600;color:#4b5563;letter-spacing:.08em;padding:0 12px;margin-bottom:12px}.nav-section-items{display:flex;flex-direction:column;gap:4px}.sidebar-upgrade{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.upgrade-card{background:#ffffff0d;border-radius:12px;padding:16px}.upgrade-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;color:#9ca3af}.upgrade-icon{width:16px;height:16px}.upgrade-text{font-size:12px;color:#6b7280;margin-bottom:12px}.upgrade-button{width:100%;padding:8px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease}.upgrade-button:hover{background:#ffffff26}@media(max-width:1024px){.sidebar{width:72px;left:16px;top:16px;bottom:16px;padding:16px 10px}.sidebar-logo{justify-content:center;margin-bottom:20px;padding:0}.logo-icon{width:40px;height:40px}.logo-icon-img{width:26px;height:26px}.logo-text{display:none}.sidebar-nav{gap:16px;padding-right:6px}.nav-section-title{display:none}.nav-item{justify-content:center;gap:0;padding:10px}.nav-item span{display:none}.nav-section-items{gap:6px}}@media(max-width:768px){.sidebar{width:min(280px,82vw);left:0;top:0;bottom:0;border-radius:0 16px 16px 0;padding:20px 16px;transform:translate(-110%);box-shadow:12px 0 32px #00000059}.sidebar.mobile-open{transform:translate(0)}.sidebar-logo{justify-content:flex-start;margin-bottom:22px;padding:0}.logo-text{display:inline}.sidebar-nav{gap:22px;padding-right:8px}.nav-section-title{display:block}.nav-item{justify-content:flex-start;gap:12px;padding:10px 12px}.nav-item span{display:inline}}*{box-sizing:border-box;margin:0;padding:0}.main{flex:1;margin:12px 40px 40px}@media(max-width:768px){.main{width:100%;max-width:none;margin:0;padding:16px;overflow-x:hidden}}.hero{display:flex;flex-direction:column;gap:32px;margin:20px}.hero-header{display:flex;flex-direction:column;gap:20px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:9999px;width:fit-content}.status-dot{width:6px;height:6px;background:#4ade80;border-radius:50%}.status-text{font-size:12px;font-weight:500;color:#9ca3af}.hero-title{font-size:60px;font-weight:700;line-height:1.05;letter-spacing:-.02em;color:#fff;margin:0}.hero-description{font-size:18px;color:#6b7280;max-width:640px;margin:0}.hero-keypoint{color:#fff;font-weight:700}.trust-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.trust-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:9999px}.trust-icon{width:14px;height:14px;color:#6b7280}.trust-badge span{font-size:14px;color:#9ca3af}@media(max-width:768px){.hero{margin:0;gap:18px}.hero-header{gap:12px}.hero-title{font-size:clamp(30px,9vw,40px);line-height:1.14;letter-spacing:-.015em}.hero-description{font-size:15px;line-height:1.55}.hero-keypoint{color:#fff;font-weight:700}.trust-row{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:28px}.trust-badge{width:fit-content;max-width:100%;justify-content:flex-start;box-sizing:border-box;padding:9px 12px}}.recent-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px}.recent-card-inner{display:flex;align-items:center;gap:16px}.file-icon-box{width:48px;height:48px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-icon{width:24px;height:24px;color:#9ca3af}.file-info{flex:1;min-width:0}.file-name{font-size:14px;font-weight:500;color:#d1d5db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.file-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;color:#4b5563}.recent-section{display:flex;flex-direction:column;gap:12px;margin:20px}.recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.recent-header h2{font-size:20px;font-weight:600;color:#fff;margin:0}.recent-header p{font-size:14px;color:#4b5563;margin:0}.recent-header-text{display:flex;flex-direction:column;gap:4px}.view-all{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;background:none;border:none;cursor:pointer}.view-all:hover{color:#9ca3af}.recent-list{display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.recent-section{margin:0 0 20px;width:100%;max-width:none}.recent-card{width:100%;max-width:none;box-sizing:border-box}}.tool-card-section{margin:20px}.tool-card-heading{font-size:24px;font-weight:700;color:#e5e7eb;margin:0}.tool-card-subheading{font-size:12px;font-weight:600;letter-spacing:.08em;color:#9ca3af;margin:0 0 12px 2px}.tool-card-subheading-advanced{margin-top:22px}.tool-card-empty{margin-top:12px;padding:14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#9ca3af;font-size:14px}.tool-card-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(220px,1fr))}@media(max-width:900px){.tool-card-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:768px){.tool-card-section{margin:0 0 30px;width:100%;max-width:none}.tools-desc{margin:8px 0 14px}.tool-card-grid{grid-template-columns:1fr;gap:12px;width:100%;max-width:none}.tool-card{width:100%;max-width:none;box-sizing:border-box;padding:18px}}.tool-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;cursor:pointer;transition:.2s ease}.tool-card:hover{background:#ffffff12}.tool-card-inner{display:flex;flex-direction:column;gap:16px}.tool-icon-box{width:48px;height:48px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.tool-icon{width:24px;height:24px;color:#9ca3af}.tool-name{font-size:16px;font-weight:600;color:#e5e7eb;margin:0 0 4px}.tool-description{font-size:14px;color:#4b5563;margin:0}.tools-desc{display:block;font-size:14px;line-height:1.5;color:#9ca3af;margin:8px 0 16px}.faq-section{margin:44px 20px 48px;scroll-margin-top:110px}.faq-shell{padding:26px;border-radius:16px;background:radial-gradient(circle at top,#ffffff0a,#ffffff04);border:1px solid rgba(255,255,255,.08)}.faq-header{text-align:center;margin-bottom:14px}.faq-heading{font-size:26px;font-weight:650;color:#e5e7eb;margin:0;letter-spacing:-.01em}.faq-subtitle{margin:6px 0 0;font-size:14px;color:#9ca3af}.faq-list{display:grid;gap:12px}.faq-contact-text{margin:14px 2px 0;text-align:center;font-size:12px;color:#6b7280}.faq-contact-link{color:#e5e7eb;font-weight:600;text-decoration:none}.faq-contact-link:hover{text-decoration:underline}.faq-item{background:#06080ed9;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:border-color .2s ease,background .2s ease}.faq-item.open{border-color:#ffffff24;background:#0a0c14eb}.faq-question{width:100%;border:none;background:none;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:18px 20px;cursor:pointer;font-size:18px;font-weight:600;color:#e5e7eb}.faq-chevron{width:18px;height:18px;color:#6b7280;flex-shrink:0;transition:transform .2s ease,color .2s ease}.faq-item.open .faq-chevron{transform:rotate(180deg);color:#9ca3af}.faq-answer-wrap{max-height:0;overflow:hidden;transition:max-height .24s ease}.faq-item.open .faq-answer-wrap{max-height:260px}.faq-answer{margin:0;padding:0 20px 18px;font-size:16px;line-height:1.55;color:#9ca3af}@media(max-width:860px){.faq-shell{padding:20px}.faq-heading{font-size:22px}.faq-subtitle{font-size:13px}.faq-question{font-size:16px;padding:16px}.faq-answer{font-size:14px;padding:0 16px 14px}}@media(max-width:768px){.faq-section{margin:30px 0 28px;width:100%;max-width:none}.faq-shell{width:100%;max-width:none;padding:16px;box-sizing:border-box}}.topbar{position:sticky;top:0;z-index:10;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:20px 48px}.mobile-menu-button{display:none;width:40px;height:40px;border-radius:10px;border:none;background:#ffffff0d;color:#9ca3af;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mobile-menu-button svg{width:18px;height:18px}.search-wrapper{flex:1;max-width:640px}.search-box{position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#6b7280}.search-input{width:100%;padding:12px 80px 12px 44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:12px;font-size:14px;color:#d1d5db;outline:none;transition:border-color .2s ease}.search-input::placeholder{color:#4b5563}.search-input:focus{border-color:#ffffff1a}.search-shortcut{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:6px;font-size:12px;color:#6b7280}.shortcut-icon{width:12px;height:12px}.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:24px}.icon-button{width:40px;height:40px;border-radius:12px;background:#ffffff0d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.icon-button:hover{background:#ffffff1a}.icon-button svg{width:16px;height:16px;color:#6b7280}@media(max-width:768px){.topbar-inner{padding:14px 16px;gap:10px}.mobile-menu-button{display:inline-flex}.search-wrapper{max-width:none}.search-shortcut{display:none}.topbar-actions{margin-left:0}}.merge-page{display:flex;flex-direction:column;gap:32px;margin:40px;color:#e5e7eb}.merge-header{display:flex;flex-direction:column;gap:12px}.merge-kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#6b7280;margin:0}.merge-title{font-size:48px;font-weight:700;letter-spacing:-.02em;margin:0}.merge-subtitle{font-size:16px;color:#9ca3af;margin:0;max-width:520px}.merge-panel{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 30px #00000038}.merge-button{border:none;padding:12px 20px;border-radius:999px;background:#f97316;color:#0b0f16;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.merge-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #f973164d}.merge-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.merge-button.download{background:#22c55e;color:#0b0f16}.merge-button.download:hover{box-shadow:0 10px 18px #22c55e59}.merge-button.secondary{background:#ffffff0f;color:#9ca3af;border:1px solid rgba(255,255,255,.08)}.merge-button.secondary:hover{background:#ffffff1a;box-shadow:none;color:#e5e7eb}.merge-info{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(200px,1fr))}.merge-info-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px}.merge-info-card h3{margin:0 0 8px;font-size:16px;color:#f3f4f6}.merge-info-card p{margin:0;color:#9ca3af;font-size:14px}.merge-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:36px 24px;border-radius:12px;border:1.5px dashed rgba(255,255,255,.12);cursor:pointer;transition:border-color .2s ease,background .2s ease}.merge-dropzone:hover{border-color:#f97316;background:#f973160a}.merge-upload-icon{color:#6b7280}.merge-drop-text{margin:0;font-size:15px;color:#e5e7eb;font-weight:500}.merge-drop-sub{margin:0;font-size:13px;color:#6b7280}.merge-file-list{display:flex;flex-direction:column;gap:8px}.merge-file-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.merge-file-order{font-size:12px;font-weight:600;color:#f97316;width:18px;text-align:center;flex-shrink:0}.merge-file-icon{color:#6b7280;flex-shrink:0}.merge-file-name{flex:1;font-size:14px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merge-file-size{font-size:13px;color:#6b7280;white-space:nowrap;flex-shrink:0}.merge-reorder-btns{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.merge-reorder-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:3px;display:grid;place-items:center;border-radius:4px;transition:color .2s ease,background .2s ease;line-height:1}.merge-reorder-btn:hover:not(:disabled){color:#f97316;background:#f973161a}.merge-reorder-btn:disabled{opacity:.2;cursor:not-allowed}.merge-remove-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:grid;place-items:center;border-radius:6px;transition:color .2s ease,background .2s ease;flex-shrink:0}.merge-remove-btn:hover{color:#f87171;background:#f871711a}.merge-error{padding:12px 16px;border-radius:10px;background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171;font-size:13px;line-height:1.5}.merge-actions{display:flex;gap:12px;flex-wrap:wrap}.merge-success{display:flex;flex-direction:column;gap:16px}.merge-success-info{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#22c55e;font-size:14px;font-weight:500}@media(max-width:900px){.merge-page{margin:24px 16px}.merge-title{font-size:32px}.merge-actions{flex-direction:column}.merge-button{width:100%;text-align:center}.merge-info{grid-template-columns:1fr}}.compress-page{display:flex;flex-direction:column;gap:32px;margin:40px;color:#e5e7eb}.compress-header{display:flex;flex-direction:column;gap:12px}.compress-kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#6b7280;margin:0}.compress-title{font-size:48px;font-weight:700;letter-spacing:-.02em;margin:0}.compress-subtitle{font-size:16px;color:#9ca3af;margin:0;max-width:520px}.compress-panel{display:flex;flex-direction:column;gap:24px;padding:28px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 30px #00000038}.compress-button{border:none;padding:12px 20px;border-radius:999px;background:#38bdf8;color:#0b0f16;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;align-self:flex-start}.compress-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #38bdf859}.compress-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.compress-button.download{background:#22c55e;color:#0b0f16}.compress-button.download:hover{box-shadow:0 10px 18px #22c55e59}.compress-button.secondary{background:#ffffff0f;color:#9ca3af;border:1px solid rgba(255,255,255,.08)}.compress-button.secondary:hover{background:#ffffff1a;box-shadow:none;color:#e5e7eb}.compress-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;border-radius:12px;border:1.5px dashed rgba(255,255,255,.12);cursor:pointer;transition:border-color .2s ease,background .2s ease}.compress-dropzone:hover{border-color:#38bdf8;background:#38bdf80a}.compress-upload-icon{color:#6b7280}.compress-drop-text{margin:0;font-size:16px;color:#e5e7eb;font-weight:500}.compress-drop-sub{margin:0;font-size:13px;color:#6b7280}.compress-file-info{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#9ca3af}.compress-file-name{flex:1;font-size:14px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compress-file-size{font-size:13px;color:#6b7280;white-space:nowrap}.compress-remove-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:grid;place-items:center;border-radius:6px;transition:color .2s ease,background .2s ease}.compress-remove-btn:hover{color:#f87171;background:#f871711a}.compress-warning{padding:12px 16px;border-radius:10px;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);color:#fbbf24;font-size:13px;line-height:1.5}.compress-error{padding:12px 16px;border-radius:10px;background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171;font-size:13px;line-height:1.5}.compress-progress{display:flex;flex-direction:column;gap:10px}.compress-progress-bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.compress-progress-fill{height:100%;border-radius:999px;background:#38bdf8;transition:width .4s ease}.compress-progress-message{margin:0;font-size:13px;color:#6b7280}.compress-stats{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.compress-stat{display:flex;flex-direction:column;gap:4px}.compress-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#6b7280}.compress-stat-value{font-size:18px;font-weight:600;color:#e5e7eb}.compress-stat-arrow{color:#6b7280;font-size:18px;padding:0 4px}.compress-stat-saved .compress-stat-value{color:#22c55e}.compress-stat-saved{margin-left:auto}.compress-info{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(200px,1fr))}.compress-info-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px}.compress-info-card h3{margin:0 0 8px;font-size:16px;color:#f3f4f6}.compress-info-card p{margin:0;color:#9ca3af;font-size:14px}@media(max-width:900px){.compress-page{margin:24px 16px}.compress-title{font-size:32px}.compress-stats{flex-wrap:wrap;gap:12px}.compress-stat-saved{margin-left:0}.compress-button{width:100%;text-align:center}.compress-info{grid-template-columns:1fr}}.jpg-page{display:flex;flex-direction:column;gap:32px;margin:40px;color:#e5e7eb}.jpg-header{display:flex;flex-direction:column;gap:12px}.jpg-kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#6b7280;margin:0}.jpg-title{font-size:48px;font-weight:700;letter-spacing:-.02em;margin:0}.jpg-subtitle{font-size:16px;color:#9ca3af;margin:0;max-width:520px}.jpg-panel{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 30px #00000038}.jpg-button{border:none;padding:12px 20px;border-radius:999px;background:#f59e0b;color:#0b0f16;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;align-self:flex-start}.jpg-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #f59e0b4d}.jpg-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.jpg-button.secondary{background:#ffffff0f;color:#9ca3af;border:1px solid rgba(255,255,255,.08)}.jpg-button.secondary:hover{background:#ffffff1a;box-shadow:none;color:#e5e7eb}.jpg-info{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(200px,1fr))}.jpg-info-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px}.jpg-info-card h3{margin:0 0 8px;font-size:16px;color:#f3f4f6}.jpg-info-card p{margin:0;color:#9ca3af;font-size:14px}.jpg-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:36px 24px;border-radius:12px;border:1.5px dashed rgba(255,255,255,.12);cursor:pointer;transition:border-color .2s ease,background .2s ease}.jpg-dropzone:hover{border-color:#f59e0b;background:#f59e0b0a}.jpg-upload-icon{color:#6b7280}.jpg-drop-text{margin:0;font-size:15px;color:#e5e7eb;font-weight:500}.jpg-drop-sub{margin:0;font-size:13px;color:#6b7280}.jpg-file-info{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.jpg-file-icon{color:#6b7280;flex-shrink:0}.jpg-file-name{flex:1;font-size:14px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jpg-file-meta{font-size:12px;color:#6b7280;white-space:nowrap;flex-shrink:0}.jpg-remove-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:grid;place-items:center;border-radius:6px;transition:color .2s ease,background .2s ease}.jpg-remove-btn:hover{color:#f87171;background:#f871711a}.jpg-options{display:flex;gap:24px;flex-wrap:wrap}.jpg-option-group{display:flex;flex-direction:column;gap:8px}.jpg-option-label{margin:0;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.1em}.jpg-option-btns{display:flex;gap:8px}.jpg-option-btn{padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#9ca3af;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.jpg-option-btn:hover{border-color:#f59e0b4d;color:#e5e7eb}.jpg-option-btn.active{border-color:#f59e0b;background:#f59e0b1a;color:#f59e0b}.jpg-error{padding:12px 16px;border-radius:10px;background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171;font-size:13px;line-height:1.5}.jpg-progress{display:flex;flex-direction:column;gap:8px}.jpg-progress-bar{height:4px;border-radius:999px;background:#ffffff0f;overflow:hidden}.jpg-progress-fill{height:100%;background:#f59e0b;border-radius:999px;transition:width .3s ease}.jpg-progress-text{font-size:13px;color:#9ca3af}.jpg-results-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#f59e0b}.jpg-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.jpg-thumb{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.06);background:#0003}.jpg-thumb img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover}.jpg-thumb-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;font-size:22px;color:#fff}.jpg-thumb:hover .jpg-thumb-overlay{opacity:1}.jpg-thumb-label{margin:0;padding:5px 8px;font-size:11px;color:#9ca3af;text-align:center;background:#0000004d}.jpg-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:900px){.jpg-page{margin:24px 16px}.jpg-title{font-size:32px}.jpg-thumbs{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.jpg-actions{flex-direction:column}.jpg-button{width:100%;text-align:center;align-self:stretch}.jpg-info{grid-template-columns:1fr}}.split-page{display:flex;flex-direction:column;gap:32px;margin:40px;color:#e5e7eb}.split-header{display:flex;flex-direction:column;gap:12px}.split-kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#6b7280;margin:0}.split-title{font-size:48px;font-weight:700;letter-spacing:-.02em;margin:0}.split-subtitle{font-size:16px;color:#9ca3af;margin:0;max-width:520px}.split-panel{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 30px #00000038}.split-button{border:none;padding:12px 20px;border-radius:999px;background:#a78bfa;color:#0b0f16;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;align-self:flex-start}.split-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #a78bfa52}.split-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.split-button.secondary{background:#ffffff0f;color:#9ca3af;border:1px solid rgba(255,255,255,.08)}.split-button.secondary:hover{background:#ffffff1a;box-shadow:none;color:#e5e7eb}.split-info{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(200px,1fr))}.split-info-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px}.split-info-card h3{margin:0 0 8px;font-size:16px;color:#f3f4f6}.split-info-card p{margin:0;color:#9ca3af;font-size:14px}.split-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:36px 24px;border-radius:12px;border:1.5px dashed rgba(255,255,255,.12);cursor:pointer;transition:border-color .2s ease,background .2s ease}.split-dropzone:hover{border-color:#a78bfa;background:#a78bfa0a}.split-upload-icon{color:#6b7280}.split-drop-text{margin:0;font-size:15px;color:#e5e7eb;font-weight:500}.split-drop-sub{margin:0;font-size:13px;color:#6b7280}.split-file-info{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.split-file-icon{color:#6b7280;flex-shrink:0}.split-file-name{flex:1;font-size:14px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-file-meta{font-size:12px;color:#6b7280;white-space:nowrap;flex-shrink:0}.split-remove-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:grid;place-items:center;border-radius:6px;transition:color .2s ease,background .2s ease}.split-remove-btn:hover{color:#f87171;background:#f871711a}.split-modes{display:flex;flex-direction:column;gap:10px}.split-modes-label{margin:0;font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.1em}.split-mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.split-mode-btn{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#9ca3af;cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease}.split-mode-btn:hover{border-color:#a78bfa4d;background:#a78bfa0a}.split-mode-btn.active{border-color:#a78bfa;background:#a78bfa14}.split-mode-name{font-size:13px;font-weight:500;color:#e5e7eb}.split-mode-btn.active .split-mode-name{color:#a78bfa}.split-mode-desc{font-size:11px;color:#6b7280;line-height:1.4}.split-input-group{display:flex;flex-direction:column;gap:8px}.split-input-label{font-size:13px;color:#9ca3af}.split-input-hint{color:#6b7280}.split-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#e5e7eb;font-size:14px;outline:none;transition:border-color .2s ease;width:100%;box-sizing:border-box}.split-input:focus{border-color:#a78bfa}.split-input-small{width:100px}.split-error{padding:12px 16px;border-radius:10px;background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171;font-size:13px;line-height:1.5}.split-results-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#a78bfa}.split-results-list{display:flex;flex-direction:column;gap:8px}.split-result-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.split-result-name{flex:1;font-size:13px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-dl-btn{background:none;border:1px solid rgba(167,139,250,.3);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500;color:#a78bfa;cursor:pointer;transition:background .2s ease,border-color .2s ease;white-space:nowrap;flex-shrink:0}.split-dl-btn:hover{background:#a78bfa1a;border-color:#a78bfa}.split-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:900px){.split-page{margin:24px 16px}.split-title{font-size:32px}.split-mode-options{grid-template-columns:1fr}.split-actions{flex-direction:column}.split-button{width:100%;text-align:center;align-self:stretch}.split-info{grid-template-columns:1fr}}.word-page{display:flex;flex-direction:column;gap:32px;margin:40px;color:#e5e7eb}.word-header{display:flex;flex-direction:column;gap:12px}.word-kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#6b7280;margin:0}.word-title{font-size:48px;font-weight:700;letter-spacing:-.02em;margin:0}.word-subtitle{font-size:16px;color:#9ca3af;margin:0;max-width:520px}.word-panel{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 30px #00000038}.word-button{border:none;padding:12px 20px;border-radius:999px;background:#34d399;color:#0b0f16;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;align-self:flex-start}.word-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #34d39952}.word-info{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(200px,1fr))}.word-info-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px}.word-info-card h3{margin:0 0 8px;font-size:16px;color:#f3f4f6}.word-info-card p{margin:0;color:#9ca3af;font-size:14px}.word-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:36px 24px;border-radius:12px;border:1.5px dashed rgba(255,255,255,.12);cursor:pointer;transition:border-color .2s ease,background .2s ease}.word-dropzone:hover{border-color:#34d399;background:#34d3990a}.word-upload-icon{color:#6b7280}.word-drop-text{margin:0;font-size:15px;color:#e5e7eb;font-weight:500}.word-drop-sub{margin:0;font-size:13px;color:#6b7280}.word-file-info{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.word-file-icon{color:#6b7280;flex-shrink:0}.word-file-name{flex:1;font-size:14px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-file-size{font-size:12px;color:#6b7280;white-space:nowrap;flex-shrink:0}.word-remove-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:grid;place-items:center;border-radius:6px;transition:color .2s ease,background .2s ease}.word-remove-btn:hover{color:#f87171;background:#f871711a}.word-status{display:flex;align-items:center;gap:12px;font-size:14px;color:#9ca3af;padding:4px 0}.word-spinner{width:18px;height:18px;border:2px solid rgba(52,211,153,.2);border-top-color:#34d399;border-radius:50%;animation:word-spin .7s linear infinite;flex-shrink:0}@keyframes word-spin{to{transform:rotate(360deg)}}.word-error{padding:12px 16px;border-radius:10px;background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171;font-size:13px;line-height:1.5}.word-preview-wrapper{max-height:520px;overflow-y:auto;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#fff;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;display:none}.word-preview-wrapper.visible{display:block;opacity:1;transform:translateY(0)}.word-preview-wrapper .docx-wrapper{background:#fff!important;padding:16px!important}.word-preview-wrapper .docx-wrapper section.docx{box-shadow:0 2px 12px #0000001f!important;margin-bottom:16px!important}.word-preview-wrapper::-webkit-scrollbar{width:6px}.word-preview-wrapper::-webkit-scrollbar-track{background:transparent}.word-preview-wrapper::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.word-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.word-print-hint{margin:0;font-size:12px;color:#6b7280}@media(max-width:900px){.word-page{margin:24px 16px}.word-title{font-size:32px}.word-button{width:100%;text-align:center;align-self:stretch}.word-actions{flex-direction:column;align-items:flex-start}.word-info{grid-template-columns:1fr}}.word-done{display:flex;flex-direction:column;gap:14px}.word-done-info{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;background:#34d39914;border:1px solid rgba(52,211,153,.2);color:#34d399;font-size:14px;font-weight:500}.word-button.secondary{background:#ffffff0f;color:#9ca3af;border:1px solid rgba(255,255,255,.08);align-self:flex-start}.word-button.secondary:hover{background:#ffffff1a;box-shadow:none;color:#e5e7eb}.img-page{display:flex;flex-direction:column;gap:32px;margin:40px;color:#e5e7eb}.img-header{display:flex;flex-direction:column;gap:12px}.img-kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#6b7280;margin:0}.img-title{font-size:48px;font-weight:700;letter-spacing:-.02em;margin:0}.img-subtitle{font-size:16px;color:#9ca3af;margin:0;max-width:520px}.img-panel{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 30px #00000038}.img-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:36px 24px;border-radius:12px;border:1.5px dashed rgba(255,255,255,.12);cursor:pointer;transition:border-color .2s ease,background .2s ease}.img-dropzone:hover{border-color:#06b6d4;background:#06b6d40a}.img-upload-icon{color:#6b7280}.img-drop-text{margin:0;font-size:15px;color:#e5e7eb;font-weight:500}.img-drop-sub{margin:0;font-size:13px;color:#6b7280;text-align:center}.img-error{padding:12px 16px;border-radius:10px;background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171;font-size:13px;line-height:1.5}.img-list{display:flex;flex-direction:column;gap:8px}.img-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.img-order{font-size:12px;font-weight:600;color:#06b6d4;width:18px;text-align:center;flex-shrink:0}.img-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0;border:1px solid rgba(255,255,255,.08)}.img-name{flex:1;font-size:13px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-size{font-size:12px;color:#6b7280;white-space:nowrap;flex-shrink:0}.img-reorder{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.img-reorder-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:3px;display:grid;place-items:center;border-radius:4px;transition:color .2s ease,background .2s ease;line-height:1}.img-reorder-btn:hover:not(:disabled){color:#06b6d4;background:#06b6d41a}.img-reorder-btn:disabled{opacity:.2;cursor:not-allowed}.img-remove-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:grid;place-items:center;border-radius:6px;transition:color .2s ease,background .2s ease;flex-shrink:0}.img-remove-btn:hover{color:#f87171;background:#f871711a}.img-actions{display:flex;gap:12px;flex-wrap:wrap}.img-button{border:none;padding:12px 20px;border-radius:999px;background:#06b6d4;color:#0b0f16;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.img-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #06b6d44d}.img-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.img-button.secondary{background:#ffffff0f;color:#9ca3af;border:1px solid rgba(255,255,255,.08)}.img-button.secondary:hover{background:#ffffff1a;box-shadow:none;color:#e5e7eb}.img-info{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(200px,1fr))}.img-info-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px}.img-info-card h3{margin:0 0 8px;font-size:16px;color:#f3f4f6}.img-info-card p{margin:0;color:#9ca3af;font-size:14px}@media(max-width:900px){.img-page{margin:24px 16px}.img-title{font-size:32px}.img-actions{flex-direction:column}.img-button{width:100%;text-align:center}.img-info{grid-template-columns:1fr}}.lock-page{display:flex;flex-direction:column;gap:32px;margin:40px;color:#e5e7eb}.lock-header{display:flex;flex-direction:column;gap:12px}.lock-kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#6b7280;margin:0}.lock-title{font-size:48px;font-weight:700;letter-spacing:-.02em;margin:0}.lock-subtitle{font-size:16px;color:#9ca3af;margin:0;max-width:520px}.lock-panel{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 30px #00000038}.lock-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;border-radius:12px;border:1.5px dashed rgba(255,255,255,.12);cursor:pointer;transition:border-color .2s ease,background .2s ease}.lock-dropzone:hover{border-color:#f59e0b;background:#f59e0b0a}.lock-dropzone-icon{width:56px;height:56px;border-radius:14px;background:#ffffff0f;display:grid;place-items:center;color:#6b7280}.lock-drop-text{margin:0;font-size:15px;color:#e5e7eb;font-weight:500}.lock-drop-sub{margin:0;font-size:13px;color:#6b7280}.lock-file-info{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.lock-file-icon{color:#6b7280;flex-shrink:0}.lock-file-name{flex:1;font-size:14px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lock-file-size{font-size:12px;color:#6b7280;white-space:nowrap;flex-shrink:0}.lock-remove-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:grid;place-items:center;border-radius:6px;transition:color .2s ease,background .2s ease}.lock-remove-btn:hover{color:#f87171;background:#f871711a}.lock-fields{display:flex;flex-direction:column;gap:14px}.lock-field-group{display:flex;flex-direction:column;gap:8px}.lock-label{font-size:13px;color:#9ca3af}.lock-input-wrap{position:relative;display:flex;align-items:center}.lock-input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:11px 44px 11px 14px;color:#e5e7eb;font-size:14px;outline:none;transition:border-color .2s ease;box-sizing:border-box;font-family:inherit}.lock-input:focus{border-color:#f59e0b}.lock-eye-btn{position:absolute;right:12px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:grid;place-items:center;transition:color .2s ease}.lock-eye-btn:hover{color:#9ca3af}.lock-match-indicator{position:absolute;right:12px;font-size:15px;font-weight:700;color:#34d399}.lock-match-indicator:has(+*){color:#f87171}.lock-strength{display:flex;align-items:center;gap:10px}.lock-strength-bar{flex:1;height:3px;border-radius:999px;background:#ffffff0f;overflow:hidden}.lock-strength-fill{height:100%;border-radius:999px;transition:width .3s ease,background .3s ease}.lock-strength-label{font-size:11px;font-weight:500;white-space:nowrap}.lock-error{padding:12px 16px;border-radius:10px;background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171;font-size:13px}.lock-button{display:flex;align-items:center;justify-content:center;gap:8px;border:none;padding:13px 24px;border-radius:999px;background:#f59e0b;color:#0b0f16;font-weight:600;font-size:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.lock-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #f59e0b4d}.lock-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.lock-button.secondary{background:#ffffff0f;color:#9ca3af;border:1px solid rgba(255,255,255,.08);font-size:14px;align-self:flex-start}.lock-button.secondary:hover{background:#ffffff1a;box-shadow:none;color:#e5e7eb;transform:none}.lock-done{display:flex;flex-direction:column;gap:12px}.lock-done-info{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:#f59e0b;font-size:14px;font-weight:500}.lock-info{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(200px,1fr))}.lock-info-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px}.lock-info-card h3{margin:0 0 8px;font-size:16px;color:#f3f4f6}.lock-info-card p{margin:0;color:#9ca3af;font-size:14px}@media(max-width:900px){.lock-page{margin:24px 16px}.lock-title{font-size:32px}.lock-info{grid-template-columns:1fr}.lock-button{width:100%}}