.tool-ui{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-8);padding:var(--space-6)}@media (max-width:640px){.tool-ui{padding:var(--space-4)}}.word-pdf{display:flex;flex-direction:column;gap:var(--space-5)}.wp-error{background:color-mix(in srgb,var(--color-error) 8%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-error) 35%,var(--color-border));border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-sm);line-height:1.5;margin:0;overflow-wrap:anywhere;padding:var(--space-3) var(--space-4)}.wp-upload{align-items:center;background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.wp-upload.drag-over,.wp-upload:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-bg));border-color:var(--color-primary)}.wp-option select:focus-visible,.wp-upload:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.wp-upload__icon{align-items:center;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg));border-radius:var(--radius-full);color:var(--color-primary);display:flex;height:64px;justify-content:center;width:64px}.wp-upload h3{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.wp-upload p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.wp-upload__formats{display:flex;gap:var(--space-2)}.wp-upload__formats span{background:var(--color-bg-tertiary);border-radius:999px;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 10px}.wp-file-info{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.wp-file-info__row{align-items:center;display:flex;gap:var(--space-3)}.wp-file-info__icon{align-items:center;background:color-mix(in srgb,#2563eb 10%,var(--color-bg));border-radius:var(--radius-md);color:#2563eb;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.wp-file-info__details{flex:1;overflow:hidden}.wp-file-info__details strong{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-file-info__details span{color:var(--color-text-muted);font-size:var(--text-xs)}.wp-preview{display:flex;flex-direction:column;gap:var(--space-3)}.wp-preview__header{align-items:center;display:flex;justify-content:space-between}.wp-preview__header h3{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0}.wp-preview__content{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-height:300px;overflow:auto;overflow-wrap:anywhere;padding:var(--space-4);transition:max-height .3s ease}.wp-preview__content img{height:auto;max-width:100%}.wp-preview__content table{max-width:100%}.wp-preview__text{color:var(--color-text-secondary);font-family:monospace;font-size:var(--text-sm);line-height:1.7;white-space:pre-wrap}.wp-preview__more{color:var(--color-primary);font-weight:var(--font-semibold)}.wp-preview__empty,.wp-preview__error,.wp-preview__loading{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-4);text-align:center}.wp-preview__error{color:var(--color-error)}.wp-options{flex-direction:column}.wp-options,.wp-options__row{display:flex;gap:var(--space-3)}.wp-options__row{flex-wrap:wrap}.wp-option{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-width:160px}.wp-option label{font-weight:var(--font-semibold)}.wp-option label,.wp-option select{color:var(--color-text-primary);font-size:var(--text-sm)}.wp-option select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-2) var(--space-3)}.wp-option select:focus{border-color:var(--color-primary);outline:none}.wp-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.wp-progress{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8)}.wp-progress__spinner{animation:spin .8s linear infinite;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.wp-progress p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.wp-progress__bar{background:var(--color-border);border-radius:999px;height:6px;max-width:300px;overflow:hidden;width:100%}.wp-progress__fill{background:linear-gradient(90deg,var(--color-primary),#a855f7);border-radius:999px;height:100%;transition:width .3s ease;width:0}.wp-result{align-items:center;animation:fadeInUp .3s ease-out;background:color-mix(in srgb,var(--color-success) 5%,var(--color-bg));border:2px solid color-mix(in srgb,var(--color-success) 20%,transparent);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wp-result__icon{align-items:center;background:color-mix(in srgb,var(--color-success) 15%,var(--color-bg));border-radius:var(--radius-full);display:flex;height:80px;justify-content:center;width:80px}.wp-result h3{color:var(--color-success);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.wp-result p{color:var(--color-text-secondary);margin:0}.wp-result__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.wp-result__actions a{text-decoration:none}.wp-result__notice{align-items:flex-start;background:color-mix(in srgb,var(--color-warning) 10%,var(--color-bg));border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;font-size:var(--text-xs);gap:var(--space-2);max-width:500px;padding:var(--space-3) var(--space-4);text-align:left}.wp-result__notice svg{color:var(--color-warning);flex-shrink:0;margin-top:1px}@media (max-width:480px){.wp-upload{padding:var(--space-6) var(--space-4)}.wp-upload__icon{height:48px;width:48px}.wp-actions{flex-direction:column}.wp-actions .btn{width:100%}.wp-result__actions{flex-direction:column;width:100%}.wp-result__actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.wp-progress__spinner,.wp-result{animation:none}.wp-preview__content{transition:none}}