@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Dancing+Script:wght@700&family=Great+Vibes&family=Sacramento&family=Alex+Brush&display=swap";
:root{--bg-main:#f8fafc;--bg-gradient:radial-gradient(circle at 50% 50%,#fff 0%,#f1f5f9 100%);--bg-card:#fffc;--bg-hover:#fffffff2;--border-card:#0f172a14;--border-hover:#0f172a29;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--grad-pdf:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);--grad-pdf-glow:#4f46e51a;--grad-image:linear-gradient(135deg,#0891b2 0%,#2563eb 100%);--grad-image-glow:#0891b21a;--grad-media:linear-gradient(135deg,#e11d48 0%,#db2777 100%);--grad-media-glow:#e11d481a;--shadow-sm:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 30px -10px #0f172a14,0 1px 3px #0f172a08;--shadow-glow:0 0 30px #4f46e526;--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--transition-fast:all .15s ease}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#0f172a1a transparent;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#0f172a4d}body{background:var(--bg-main);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.wrapper{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-card);transition:var(--transition-smooth);background:#fffc;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.navPopularLinks{gap:8px;display:flex}.navLink{color:var(--text-secondary);transition:var(--transition-fast);border:1px solid #0000;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none}.navLink:hover{color:var(--text-primary);background:#0f172a0a}.navLink.active{color:#4f46e5;background:#4f46e50f;border-color:#4f46e51a}.logoLink{text-decoration:none}.navbar h3{letter-spacing:-.5px;background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.logoGlow{background:#4f46e5;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #4f46e5}.toolsWrapper{position:relative}.toolsBtn{border:1px solid var(--border-card);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:#0f172a0a;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.toolsBtn:hover,.toolsBtn.active{background:#0f172a14;border-color:#0f172a29}.megaMenu{-webkit-backdrop-filter:blur(24px);width:480px;box-shadow:0 20px 40px #0000000f,var(--shadow-glow);z-index:100;background:#fffffffa;border:1px solid #0f172a14;border-radius:16px;justify-content:space-between;gap:20px;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:absolute;top:48px;right:0}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.menuColumn{flex-direction:column;flex:1;gap:8px;display:flex}.menuColumn h4{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:8px;padding-left:8px;font-size:11px;font-weight:800}.toolItem{cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:block}.toolItem:hover{color:var(--text-primary);background:#0f172a0a}.toolItem.activePdf:hover{color:#4f46e5;background:#4f46e50f}.toolItem.activeImage:hover{color:#0891b2;background:#0891b20f}.toolItem.activeMedia:hover{color:#e11d48;background:#e11d480f}.dashboardContainer{text-align:center;max-width:1200px;margin:60px auto;padding:0 24px}.dashboardHeader h1{letter-spacing:-1px;background:linear-gradient(90deg,#0f172a,#475569);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:44px;font-weight:800}.dashboardHeader p{color:var(--text-secondary);max-width:600px;margin:0 auto 48px;font-size:16px;line-height:1.6}.toolsGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.dashboardCard{background:var(--bg-card);border:1px solid var(--border-card);text-align:left;cursor:pointer;transition:var(--transition-smooth);border-radius:20px;flex-direction:column;padding:32px;text-decoration:none;display:flex;position:relative;overflow:hidden}.dashboardCard:hover{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.pdfCard:hover{border-color:#4f46e54d;box-shadow:0 12px 30px -10px #4f46e526}.imageCard:hover{border-color:#0891b24d;box-shadow:0 12px 30px -10px #0891b226}.mediaCard:hover{border-color:#e11d484d;box-shadow:0 12px 30px -10px #e11d4826}.cardIcon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;font-size:20px;display:flex}.pdfIcon{color:#4f46e5;background:#4f46e514}.imageIcon{color:#0891b2;background:#0891b214}.mediaIcon{color:#e11d48;background:#e11d4814}.dashboardCard h3{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.dashboardCard p{color:var(--text-secondary);font-size:14px;line-height:1.5}.main{flex-direction:column;width:100%;max-width:680px;margin:60px auto;padding:0 24px;display:flex}.toolHeader{text-align:center;margin-bottom:40px}.toolHeader h1{letter-spacing:-.5px;margin-bottom:8px;font-size:36px;font-weight:800}.toolHeader p.subtitle{color:var(--text-secondary);font-size:15px}.workspaceCard{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;align-items:center;padding:40px;display:flex;position:relative}.dropZone{text-align:center;cursor:pointer;width:100%;transition:var(--transition-smooth);background:#0f172a03;border:2px dashed #0f172a26;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.dropZone:hover,.dropZone.dragActive{background:#4f46e505;border-color:#4f46e5;box-shadow:0 0 20px #4f46e50d}.dropZone.dragActive{transform:scale(.99)}.dropZone.imageZone:hover,.dropZone.imageZone.dragActive{background:#0891b205;border-color:#0891b2;box-shadow:0 0 20px #0891b20d}.uploadIcon{width:56px;height:56px;color:var(--text-secondary);transition:var(--transition-smooth);background:#0f172a08;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex}.dropZone:hover .uploadIcon{color:var(--text-primary);background:#0f172a0f;transform:translateY(-4px)}.dropZoneText{flex-direction:column;gap:4px;display:flex}.dropZoneText span.primary{color:var(--text-primary);font-size:15px;font-weight:600}.dropZoneText span.secondary{color:var(--text-muted);font-size:13px}.fileDisplay{border:1px solid var(--border-card);background:#0f172a05;border-radius:12px;align-items:center;gap:16px;width:100%;margin-bottom:24px;padding:16px;display:flex}.fileIcon{font-size:28px}.fileDetails{flex-direction:column;flex:1;min-width:0;display:flex}.fileName{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.fileSize{color:var(--text-secondary);margin-top:2px;font-size:12px}.removeFileBtn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.removeFileBtn:hover{color:#ef4444;background:#ef44441a}.btn{color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;display:flex}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btnPdf{background:var(--grad-pdf)}.btnPdf:hover{box-shadow:0 6px 20px #4f46e54d}.btnImage{background:var(--grad-image)}.btnImage:hover{box-shadow:0 6px 20px #0891b24d}.btnMedia{background:var(--grad-media)}.btnMedia:hover{box-shadow:0 6px 20px #e11d484d}.btnOutline{color:var(--text-primary);background:0 0;border:1px solid #0f172a26}.btnOutline:hover{background:#0f172a0a;border-color:#0f172a40}.loaderContainer{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding:24px 0;display:flex}.spinner{border:3px solid #0f172a14;border-top-color:#4f46e5;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.spinnerImage{border-top-color:#0891b2}.spinnerMedia{border-top-color:#e11d48}@keyframes spin{to{transform:rotate(360deg)}}.loadingText{color:var(--text-secondary);font-size:14px;font-weight:500;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.successPanel{text-align:center;background:#10b98108;border:1px solid #10b98126;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:32px 24px;display:flex}.successIcon{color:#10b981;font-size:32px}.successTitle{color:var(--text-primary);font-size:18px;font-weight:700}.successSubtitle{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.actionRow{gap:12px;width:100%;display:flex}.errorCard{color:#dc2626;background:#ef44440a;border:1px solid #ef444426;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:24px;padding:16px;font-size:14px;font-weight:500;display:flex}.urlInputContainer{flex-direction:column;gap:8px;width:100%;margin-bottom:24px;display:flex}.urlInputLabel{color:var(--text-secondary);font-size:13px;font-weight:600}.urlInput{border:1px solid var(--border-card);width:100%;color:var(--text-primary);transition:var(--transition-fast);background:#0f172a03;border-radius:12px;outline:none;padding:14px 16px;font-size:14px}.urlInput:focus{background:#fffc;border-color:#e11d48;box-shadow:0 0 0 2px #e11d481a}.settingsPanel{border:1px solid var(--border-card);background:#0f172a03;border-radius:16px;flex-direction:column;gap:16px;width:100%;margin-bottom:24px;padding:24px;display:flex}.settingsPanelTitle{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.rangeSliderGroup{flex-direction:column;gap:8px;display:flex}.rangeSliderHeader{color:var(--text-secondary);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.rangeSliderHeader span.value{color:#0891b2;font-weight:700}.rangeInput{appearance:none;background:#0f172a14;border-radius:3px;outline:none;width:100%;height:6px}.rangeInput::-webkit-slider-thumb{appearance:none;cursor:pointer;width:18px;height:18px;transition:var(--transition-fast);background:#0891b2;border-radius:50%}.rangeInput::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.2);box-shadow:0 0 10px #0891b24d}.metricsRow{gap:16px;width:100%;margin-top:16px;display:flex}.metricItem{border:1px solid var(--border-card);text-align:center;background:#0f172a03;border-radius:12px;flex:1;padding:12px}.metricLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.metricValue{color:var(--text-primary);font-size:16px;font-weight:700}.metricSaved{color:#10b981}@media (max-width:768px){.navbar{padding:16px 20px}.megaMenu{flex-direction:column;gap:16px;width:calc(100vw - 40px);padding:16px;right:-20px}.dashboardContainer{margin:40px auto}.dashboardHeader h1{font-size:32px}.workspaceCard{padding:24px}}.footer{border-top:1px solid var(--border-card);background:#0f172a05;width:100%;margin-top:auto;padding:30px 40px 20px}.footerContent{text-align:left;flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;display:flex}.footerBrand{flex:1.5;min-width:280px}.footerBrand h4{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:800}.footerBrand p{color:var(--text-secondary);max-width:380px;margin-bottom:16px;font-size:14px;line-height:1.6}.footerTag{color:#10b981;background:#10b9810f;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.footerLinks{flex-wrap:wrap;flex:2;justify-content:flex-end;gap:60px;display:flex}.footerCol{flex-direction:column;gap:12px;min-width:140px;display:flex}.footerCol h5{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:700}.footerCol a{color:var(--text-secondary);transition:var(--transition-fast);font-size:14px;text-decoration:none}.footerCol a:hover{color:var(--text-primary);transform:translate(2px)}.footerBottom{max-width:1200px;color:var(--text-muted);border-top:1px solid #0f172a0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:20px auto 0;padding-top:16px;font-size:13px;display:flex}@media (max-width:768px){.navPopularLinks{display:none}.footer{padding:20px 20px 15px}.footerLinks{justify-content:flex-start;gap:40px}.footerBottom{text-align:center;flex-direction:column;align-items:center}}