.tool-header{text-align:center;margin-bottom:40px}.header-badge{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.badge{background:linear-gradient(135deg, #10b981, #059669);color:white;padding:6px 18px;border-radius:40px;font-size:0.75rem;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.tool-header h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg, #1e293b, #10b981);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}.tool-header p{color:var(--gray-500);font-size:1rem}.feature-cards{display:flex;justify-content:center;gap:24px;margin-bottom:32px;flex-wrap:wrap}.feature-card{background:white;border-radius:20px;padding:16px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 15px rgba(0,0,0,0.05);border:1px solid var(--gray-200);min-width:180px}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg, #d1fae5, #ecfdf5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981;font-size:1.3rem}.feature-info h4{font-size:0.9rem;font-weight:600;margin-bottom:4px}.feature-info p{font-size:0.7rem;color:var(--gray-500)}.upload-section{margin-bottom:24px}.upload-card{background:linear-gradient(135deg, #f8fafc, #fff);border:2px dashed var(--gray-300);border-radius:24px;padding:40px;text-align:center;cursor:pointer;transition:all 0.3s}.upload-card:hover{border-color:#10b981;background:#f0fdf4}.upload-card i{font-size:48px;color:#10b981;margin-bottom:16px}.upload-card p{font-size:0.9rem;color:var(--gray-600);margin-bottom:8px}.upload-hint{font-size:0.7rem;color:var(--gray-400);display:block;margin-bottom:16px}.upload-btn{background:transparent;border:1px solid var(--gray-300);padding:8px 24px;border-radius:40px;cursor:pointer;transition:all 0.2s}.upload-btn:hover{background:#10b981;border-color:#10b981;color:white}.file-info-card{background:linear-gradient(135deg, #d1fae5, #ecfdf5);border-radius:20px;padding:16px 20px;display:flex;align-items:center;gap:16px;margin-top:16px;border:1px solid #a7f3d0}.file-icon i{font-size:2rem;color:#10b981}.file-details{flex:1}.file-name{display:block;font-weight:600;color:#065f46;margin-bottom:4px}.file-size{font-size:0.7rem;color:#047857}.file-remove{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:8px;border-radius:50%;transition:all 0.2s}.file-remove:hover{background:#fee2e2}.password-section{margin-bottom:24px}.password-card{background:white;border-radius:60px;border:1px solid var(--gray-200);padding:4px 4px 4px 20px;display:flex;align-items:center;gap:12px;transition:all 0.3s}.password-card:focus-within{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.1)}.password-card i{color:var(--gray-400)}.password-input{flex:1;border:none;padding:14px 0;font-size:0.9rem;background:transparent}.password-input:focus{outline:none}.password-toggle{background:transparent;border:none;padding:8px 16px;cursor:pointer;color:var(--gray-500)}.action-section{text-align:center;margin-bottom:24px}.convert-btn{background:linear-gradient(135deg, #10b981, #059669);padding:14px 40px;font-size:1rem;border-radius:50px}.result-area{animation:fadeIn 0.4s ease}.result-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.result-tab{background:transparent;border:none;padding:8px 20px;border-radius:40px;cursor:pointer;font-size:0.85rem;transition:all 0.2s;color:var(--gray-600)}.result-tab.active{background:#10b981;color:white}.result-panel{background:#1a1a2e;border-radius:20px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#2d2d44;border-bottom:1px solid rgba(255,255,255,0.1)}.panel-header span{font-size:0.85rem;font-weight:500;color:#10b981}.panel-actions{display:flex;gap:8px}.panel-actions button{background:rgba(255,255,255,0.1);border:none;padding:4px 12px;border-radius:20px;color:#e0e0e0;font-size:0.7rem;cursor:pointer;transition:all 0.2s}.panel-actions button:hover{background:#10b981;color:white}.result-content{margin:0;padding:20px;font-family:'Fira Code',monospace;font-size:12px;line-height:1.5;color:#e0e0e0;white-space:pre-wrap;word-break:break-all;max-height:400px;overflow-y:auto}.loading-state{text-align:center;padding:60px;background:var(--gray-50);border-radius:24px}.loading-spinner{width:50px;height:50px;border:3px solid var(--gray-200);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.info-section{margin-top:24px}.divider{display:flex;align-items:center;gap:12px;margin-bottom:16px}.divider span{font-size:0.85rem;font-weight:500;color:var(--gray-600)}.divider::after{content:'';flex:1;height:1px;background:var(--gray-200)}.info-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;padding:16px;background:var(--gray-50);border-radius:20px}.info-item{display:flex;align-items:center;gap:8px;font-size:0.8rem;color:var(--gray-600)}.info-item i{color:#10b981}.info-note{margin-top:16px;padding:12px 16px;background:#fef3c7;border-radius:16px;color:#92400e;font-size:0.75rem}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.info-grid{grid-template-columns:repeat(2, 1fr)}.feature-cards{gap:12px}.feature-card{min-width:auto;padding:12px 18px}}@media (max-width:480px){.info-grid{grid-template-columns:1fr}.feature-cards{flex-direction:column}.result-tabs{justify-content:center}.password-card{padding:4px 12px}}