:root{--primary-color:#FF6B35;--primary-hover:#FF5722;--primary-light:#FFE5DC;--primary-dark:#E85D2C;--color-white:#FFFFFF;--color-black:#000000;--color-gray-50:#F9FAFB;--color-gray-100:#F3F4F6;--color-gray-200:#E5E7EB;--color-gray-300:#D1D5DB;--color-gray-400:#9CA3AF;--color-gray-500:#6B7280;--color-gray-600:#4B5563;--color-gray-700:#374151;--color-gray-800:#1F2937;--color-gray-900:#111827;--success-color:#10B981;--success-light:#D1FAE5;--warning-color:#F59E0B;--warning-light:#FEF3C7;--error-color:#fa7220;--error-light:#FEE2E2;--info-color:#3B82F6;--info-light:#DBEAFE;--bg-main:#FFFFFF;--bg-secondary:#F9FAFB;--bg-tertiary:#F3F4F6;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-primary:0 10px 20px rgba(255, 107, 53, 0.25);--font-main:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:200ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:300ms cubic-bezier(0.4, 0, 0.2, 1)}*{font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-secondary);color:var(--color-gray-700);line-height:1.6}.tool-container{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.tool-header{text-align:center;margin-bottom:var(--spacing-2xl)}.tool-header h1{color:var(--color-gray-900)!important;font-size:var(--font-size-4xl)!important;font-weight:700!important;margin-bottom:var(--spacing-md)!important;text-shadow:none!important;-webkit-text-stroke:0!important}.tool-header p{color:var(--color-gray-600);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.tool-icon{font-size:3rem;margin-bottom:var(--spacing-md);filter:none!important;background:0 0!important;background-clip:unset!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important}.back-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-white)!important;border:1px solid var(--color-gray-300)!important;border-radius:var(--radius-lg);color:var(--color-gray-700)!important;font-weight:500!important;font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-sm);text-shadow:none!important}.back-btn:hover{background:var(--color-gray-50)!important;border-color:var(--color-gray-400)!important;transform:translateX(-4px)!important;box-shadow:var(--shadow-md)!important}.btn-primary,.process-btn,.red-button,.upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--primary-color)!important;border:none!important;border-radius:var(--radius-lg);color:var(--color-white)!important;font-weight:600!important;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);text-shadow:none!important}.btn-primary:hover,.process-btn:hover,.red-button:hover,.upload-btn:hover{background:var(--primary-hover)!important;transform:translateY(-2px);box-shadow:var(--shadow-primary)!important}.btn-primary:active,.process-btn:active,.upload-btn:active{transform:translateY(0)}.btn-primary:disabled,.process-btn:disabled,.upload-btn:disabled{background:var(--color-gray-300)!important;cursor:not-allowed;transform:none;box-shadow:none!important}.btn-secondary{background:var(--color-white)!important;border:1px solid var(--color-gray-300)!important;color:var(--color-gray-700)!important}.btn-secondary:hover{background:var(--color-gray-50)!important;border-color:var(--color-gray-400)!important}.upload-area{border:2px dashed var(--color-gray-300)!important;border-radius:var(--radius-xl);background:var(--color-white)!important;padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-base)}.upload-area:hover{border-color:var(--primary-color)!important;background:var(--primary-light)!important}.upload-area.drag-over{border-color:var(--primary-color)!important;background:var(--primary-light)!important;border-style:solid!important}.file-card{background:var(--color-white);border:1px solid var(--color-gray-200)!important;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.file-card:hover{border-color:var(--primary-color)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}.progress-container{background:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar,.progress-fill{background:var(--primary-color)!important;height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.result-card,.success-message{background:var(--success-light)!important;border:1px solid var(--success-color);border-left:4px solid var(--success-color)!important;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--color-gray-800)}.error-message{background:var(--error-light)!important;border:1px solid var(--error-color);border-left:4px solid var(--error-color)!important;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--color-gray-800)}.warning-message{background:var(--warning-light)!important;border:1px solid var(--warning-color);border-left:4px solid var(--warning-color)!important;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--color-gray-800)}.info-message{background:var(--info-light)!important;border:1px solid var(--info-color);border-left:4px solid var(--info-color)!important;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--color-gray-800)}.download-btn{background:var(--success-color)!important;border:none!important;color:var(--color-white)!important;font-weight:600!important;text-shadow:none!important}.download-btn:hover{background:#059669!important;box-shadow:0 10px 20px rgba(16,185,129,.25)!important}input[type=color],input[type=email],input[type=number],input[type=text],input[type=url],select,textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-base);background:var(--color-white);color:var(--color-gray-900)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}label{display:block;font-weight:500;font-size:var(--font-size-sm);color:var(--color-gray-700);margin-bottom:var(--spacing-sm)}.options-panel,.settings-panel{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.page-preview{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;background:var(--color-white);box-shadow:var(--shadow-sm)}.page-preview:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--primary-color);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--primary-color);cursor:pointer}.tool-navigator{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.tool-card::before{display:none!important}.tool-page{margin-top:.5rem!important;margin-bottom:2rem!important}.back-btn{margin:.75rem 2rem!important}.tool-header{padding:1.5rem 2rem 1rem!important}.tool-icon{font-size:3rem!important;margin-bottom:1rem!important}.tool-header h1{font-size:2rem!important;margin-bottom:.5rem!important}.tool-header p{font-size:1rem!important}.upload-zone{margin:1rem!important;padding:2rem 1.5rem!important}@media (max-width:768px){.tool-container{padding:var(--spacing-lg) var(--spacing-md)}.tool-header h1{font-size:var(--font-size-3xl)!important}.btn-primary,.process-btn,.upload-btn{width:100%}}.how-to-section{max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;margin-top:4rem!important;padding:3rem!important;background:var(--color-white)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--color-gray-200)!important;text-align:left!important}.how-to-section h2{text-align:center!important;margin-bottom:3rem!important;color:var(--color-gray-900)!important;font-size:2rem!important;font-weight:800!important}.how-to-grid{display:grid!important;grid-template-columns:1.2fr 0.8fr!important;gap:4rem!important;align-items:center!important}.how-to-steps ol{counter-reset:step-counter!important;list-style:none!important;padding:0!important;margin:0!important}.how-to-steps li{counter-increment:step-counter!important;position:relative!important;padding-left:4.5rem!important;margin-bottom:2.5rem!important;font-size:1.1rem!important;color:var(--color-gray-700)!important;line-height:1.6!important}.how-to-steps li:last-child{margin-bottom:0!important}.how-to-steps li::before{content:counter(step-counter)!important;position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:3rem!important;height:3rem!important;background:var(--primary-light)!important;color:var(--primary-color)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;font-size:1.25rem!important;border:2px solid var(--primary-color)!important;box-shadow:0 4px 10px rgba(255,107,53,.15)!important}.how-to-steps li strong{color:var(--color-gray-900)!important;font-weight:700!important}.how-to-diagram{display:flex!important;justify-content:center!important;align-items:center!important;background:var(--color-gray-50)!important;padding:2.5rem!important;border-radius:var(--radius-xl)!important;border:2px dashed var(--color-gray-200)!important;transition:all .3s ease!important}.how-to-diagram:hover{border-color:var(--primary-color)!important;background:var(--primary-light)!important}.how-to-diagram svg{max-width:100%!important;height:auto!important}.faq-section{max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;margin-top:5rem!important;margin-bottom:5rem!important;text-align:left!important}.faq-section h2{text-align:center!important;margin-bottom:3.5rem!important;color:var(--color-gray-900)!important;font-size:2rem!important;font-weight:800!important}.faq-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))!important;gap:2.5rem!important}.faq-item{background:var(--color-white)!important;padding:2.5rem!important;border-radius:var(--radius-xl)!important;border:1px solid var(--color-gray-100)!important;transition:all .3s cubic-bezier(.4, 0, .2, 1)!important;box-shadow:var(--shadow-sm)!important}.faq-item:hover{transform:translateY(-8px)!important;box-shadow:var(--shadow-xl)!important;border-color:var(--primary-color)!important}.faq-item h3{color:var(--primary-color)!important;margin-bottom:1.25rem!important;font-size:1.25rem!important;font-weight:700!important;line-height:1.4!important}.faq-item p{color:var(--color-gray-600)!important;line-height:1.7!important;font-size:1rem!important}@media (max-width:992px){.how-to-grid{grid-template-columns:1fr!important;gap:3rem!important}.how-to-diagram{order:-1!important}}@media (max-width:768px){.how-to-section{padding:2rem 1.5rem!important}.how-to-steps li{padding-left:3.5rem!important;font-size:1rem!important}.how-to-steps li::before{width:2.5rem!important;height:2.5rem!important;font-size:1.1rem!important}.faq-grid{grid-template-columns:1fr!important}}