:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#0f172a;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius:12px}*{box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Poppins,Inter,system-ui,-apple-system,sans-serif}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#fffc;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:sticky;top:0}.header-left{align-items:center;display:flex}.logo-container{cursor:pointer;align-items:center;margin-right:60px;transition:opacity .2s;display:flex}.logo-container:hover{opacity:.8}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-muted);letter-spacing:.01em;padding:8px 0;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a.active:after{content:"";background-color:var(--primary);border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0}.responsive-logo{object-fit:contain;height:70px}@media (width<=768px){.responsive-logo{height:48px}}.header-right{align-items:center;gap:24px;display:flex}.login-link{color:var(--text-main);font-size:14px;font-weight:600;text-decoration:none}.signup-link{color:#fff;background-color:var(--secondary);border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s}.signup-link:hover{background-color:#000;transform:translateY(-1px)}.main-unselected{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:80px 20px;display:flex}.main-title{color:var(--secondary);letter-spacing:-.02em;margin:0 0 16px;font-size:52px;font-weight:800}.main-subtitle{color:var(--text-muted);max-width:600px;margin:0 0 64px;font-size:20px;font-weight:400;line-height:1.6}.dropzone-area{border:2px dashed var(--border);background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;padding:60px;transition:all .3s;display:flex}.dropzone-area:hover{border-color:var(--primary);background:#f5f3ff}.select-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:12px;margin-bottom:20px;padding:20px 48px;font-size:20px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #4f46e54d}.select-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 20px 25px -5px #4f46e566}.drop-text{color:var(--text-muted);font-size:15px;font-weight:500}.workspace-selected{height:calc(100vh - 80px);display:flex;overflow:hidden}.workspace-main{background-color:#f1f5f9;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;overflow:auto}.workspace-sidebar{border-left:1px solid var(--border);background-color:#fff;flex-direction:column;width:360px;display:flex;box-shadow:-4px 0 20px #00000008}.pdf-pages-grid{gap:32px;padding:20px;display:flex}.canvas-wrapper{box-shadow:var(--shadow-lg);border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;align-items:center;min-width:400px;padding:20px;transition:transform .2s;display:flex;position:relative}.canvas-header{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);width:100%;margin-bottom:16px;padding-bottom:12px;font-size:14px;font-weight:700}.page-preview{border-radius:4px;max-width:100%;height:auto;box-shadow:0 0 1px #0003}.sidebar-header{border-bottom:1px solid var(--border);background:#fafafa;padding:28px 24px}.sidebar-title{color:var(--secondary);letter-spacing:.1em;text-transform:uppercase;font-size:14px;font-weight:800}.sidebar-content{flex:1;padding:32px 24px;overflow-y:auto}.setting-block{margin-bottom:32px}.setting-block label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:12px;font-weight:800;display:block}.language-selectors{flex-direction:column;gap:16px;display:flex}.select-wrapper{border:1px solid var(--border);background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:border-color .2s;display:flex}.select-wrapper:focus-within{border-color:var(--primary)}.select-label{color:var(--text-muted);font-size:13px;font-weight:600}.lang-select{color:var(--text-main);cursor:pointer;text-align:right;background:0 0;border:none;outline:none;min-width:160px;font-size:14px;font-weight:700}.page-nav{background:#f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.nav-btn{border:1px solid var(--border);color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.nav-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.progress-container{background:#e2e8f0;border-radius:5px;height:10px;margin-bottom:12px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary), #818cf8);height:100%;transition:width .3s ease-out}.progress-text{color:var(--text-muted);text-align:right;font-size:13px;font-weight:700;display:block}.success-text{color:#059669;background:#ecfdf5;border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;display:flex}.sidebar-footer{border-top:1px solid var(--border);background:#fff;padding:24px}.primary-action-btn{background:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.primary-action-btn:hover:not(:disabled){box-shadow:var(--shadow-md);background:#000;transform:translateY(-1px)}.primary-action-btn.loading{background:var(--text-muted);cursor:not-allowed}.loading-placeholder{height:500px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{border:4px solid #4f46e51a;border-top:4px solid var(--primary);border-radius:50%;width:48px;height:48px;margin-bottom:24px;animation:.8s cubic-bezier(.4,0,.2,1) infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-container{text-align:center;max-width:1200px;margin:0 auto;padding:80px 40px}.home-title{color:var(--secondary);letter-spacing:-.04em;margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.1}.home-subtitle{color:var(--text-muted);max-width:700px;margin-bottom:80px;margin-left:auto;margin-right:auto;font-size:20px;line-height:1.6}.tools-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.tool-card{background:var(--bg-card);cursor:pointer;border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;padding:40px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tool-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.tool-icon{width:64px;height:64px;color:var(--primary);background:#f5f3ff;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.tool-title{color:var(--secondary);margin-bottom:12px;font-size:24px;font-weight:800}.tool-desc{color:var(--text-muted);font-size:16px;line-height:1.6}@media (width<=1024px){.header{padding:0 24px}.logo-container{margin-right:32px}.workspace-selected{flex-direction:column;height:auto;overflow:visible}.workspace-main{padding:24px 12px}.workspace-sidebar{border-left:none;border-top:1px solid var(--border);width:100%;height:auto}.pdf-pages-grid{flex-direction:column;align-items:center;gap:24px}.canvas-wrapper{min-width:unset;width:100%;max-width:600px}}@media (width<=768px){.header{height:64px;padding:0 16px}.nav-links,.header-right .login-link{display:none}.signup-link{padding:8px 16px;font-size:13px}.home-container{padding:40px 20px}.home-title{font-size:36px}.home-subtitle{margin-bottom:40px;font-size:16px}.tools-grid{grid-template-columns:1fr;gap:16px}.tool-card{padding:24px}.main-title{font-size:32px}.main-subtitle{margin-bottom:32px;font-size:16px}.dropzone-area{border-radius:16px;padding:40px 20px}.select-btn{justify-content:center;width:100%;padding:16px 32px;font-size:18px}.sidebar-content{padding:24px 16px}.canvas-wrapper{padding:12px}.sidebar-header{padding:20px 16px}.sidebar-footer{z-index:10;padding:16px;position:sticky;bottom:0;box-shadow:0 -4px 12px #0000000d}}@media (width<=480px){.home-title{font-size:28px}.canvas-header{padding-bottom:8px;font-size:12px}}