.app-description{font-size:1.1rem;color:var(--text-muted);margin-bottom:var(--spacing-lg);text-align:center}.tab-container{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;border:1px solid var(--border-color)}.tab-controls{display:flex;background-color:var(--gray-200)}.tab-button{flex-grow:1;padding:1rem 1.5rem;font-size:1.1rem;font-weight:500;text-align:center;border:none;background-color:transparent;cursor:pointer;transition:var(--transition);border-bottom:3px solid transparent;color:var(--text-muted);border-radius:0}.tab-button:hover{background-color:var(--gray-300);border-color:transparent;border-bottom-color:transparent}.tab-button.active{color:var(--gray-800);border-bottom-color:var(--primary);background-color:var(--card-bg)}.tab-content{padding:1.5rem 2rem}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drop-zone{border:2px dashed var(--gray-400);border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;background-color:var(--gray-100);transition:var(--transition);margin-bottom:1rem}.drop-zone.drag-over{background-color:var(--gray-200);border-color:var(--primary)}.drop-zone p{color:var(--text-muted);margin-bottom:var(--spacing-sm)}.drop-zone input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-info{margin-top:var(--spacing-sm);font-size:.9rem;color:var(--text-color);font-weight:700}.input-options{display:flex;flex-direction:column;gap:1rem}.or-separator{text-align:center;font-weight:700;color:var(--text-muted)}.text-input-area label{display:block;margin-bottom:var(--spacing-sm);font-weight:500}.result-area{margin-top:var(--spacing-lg)}.result-area textarea,.text-input-area textarea{width:100%;min-height:150px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--input-border-color);border-radius:var(--border-radius-sm);font-family:Courier New,Courier,monospace;font-size:.95rem;resize:vertical;margin-bottom:1rem;background-color:var(--input-bg-color);color:var(--text-color)}.result-area textarea:read-only{background-color:var(--input-disabled-bg-color);cursor:not-allowed}.result-area label{display:block;margin-bottom:var(--spacing-sm);font-weight:500}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-buttons button{background-color:var(--success);color:#fff;padding:.6rem 1.2rem;border:1px solid var(--success);border-radius:var(--border-radius-sm);cursor:pointer;font-size:.95rem;transition:var(--transition);display:inline-flex;align-items:center;gap:.5em}.action-buttons button:hover:not(:disabled){background-color:#05b386;border-color:#05b386}.action-buttons button:disabled{background-color:var(--gray-300);border-color:var(--gray-300);color:var(--gray-500);cursor:not-allowed;opacity:.7}.error-message{color:var(--danger);margin-top:1rem;font-weight:700}body.dark-theme .tab-container{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .tab-controls{background-color:var(--gray-200)}body.dark-theme .tab-button{color:var(--text-muted)}body.dark-theme .tab-button.active{color:var(--text-color);background-color:var(--card-bg);border-bottom-color:var(--primary)}body.dark-theme .tab-button:hover{background-color:var(--gray-300)}body.dark-theme .drop-zone{background-color:var(--gray-100);border-color:var(--gray-400)}body.dark-theme .drop-zone.drag-over{background-color:var(--gray-200);border-color:var(--primary)}body.dark-theme .drop-zone p{color:var(--text-muted)}body.dark-theme .result-area textarea,body.dark-theme .text-input-area textarea{background-color:var(--input-bg-color);color:var(--text-color);border-color:var(--input-border-color)}body.dark-theme .result-area textarea:read-only{background-color:var(--input-disabled-bg-color)}body.dark-theme .action-buttons button:disabled{background-color:var(--gray-300);border-color:var(--gray-300);color:var(--gray-500)}@media (max-width: 768px){.tab-controls{flex-direction:column}.tab-button{border-bottom:none;border-left:3px solid transparent}.tab-button.active{border-bottom:none;border-left-color:var(--primary)}.tab-content{padding:1rem}.action-buttons{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.tab-button{padding:.8rem 1rem;font-size:1rem}}