.converter-container{max-width:1200px;margin:2rem auto;padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);background-color:#f5f5f5;transition:all .3s ease}.converter-container.dark-mode{background-color:#1e1e1e;color:#e0e0e0}.converter-container.dark-mode textarea{background-color:#2d2d2d;color:#f0f0f0;border-color:#444}.converter-container.dark-mode .actions button,.converter-container.dark-mode .output-section button,.converter-container.dark-mode .section-header{background-color:#333;color:#f0f0f0}.converter-container.dark-mode .error-message{color:#ff6b6b}.converter-container.dark-mode .success-message{color:#6bff6b}.converter-container.minimized{max-width:400px;padding:.5rem}.converter-container.minimized .header{margin-bottom:0}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header h1{margin:0;font-size:1.8rem;color:#4a6fa5}.header .controls{display:flex;gap:.5rem}.header .controls button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.3rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.header .controls button:hover{background-color:rgba(0,0,0,.1)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding:.5rem;background-color:rgba(0,0,0,.05);border-radius:8px}.section-header h2{margin:0;font-size:1.2rem}.section-header .character-count{font-size:.9rem;color:#6c757d}.actions{display:flex;gap:.5rem}.actions button{padding:.3rem .6rem;border:none;border-radius:8px;background-color:#6c757d;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.actions button:hover:not(:disabled){opacity:.9}.actions button:disabled{opacity:.6;cursor:not-allowed}textarea{width:100%;min-height:200px;padding:1rem;border:1px solid #ddd;border-radius:8px;font-family:Courier New,monospace;font-size:.95rem;resize:vertical;transition:all .3s ease}textarea:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 2px rgba(74,111,165,.2)}textarea.error{border-color:#dc3545}textarea.valid{border-color:#28a745}.status-section{margin:.5rem 0;min-height:1.5rem}.status-section .error-message,.status-section .success-message{padding:.3rem .6rem;border-radius:8px;font-size:.9rem}.output-section{margin-top:1.5rem}.output-section button{padding:.3rem .6rem;border:none;border-radius:8px;background-color:#4a6fa5;color:#fff;cursor:pointer;transition:all .3s ease}.output-section button:hover:not(:disabled){background-color:rgb(58.2092050209,87.3138075314,129.7907949791)}.output-section button:disabled{opacity:.6;cursor:not-allowed}.output-section button.copied{background-color:#28a745}.info-section{margin-top:1.5rem;padding:.5rem;background-color:rgba(0,0,0,.05);border-radius:8px}.info-section details summary{cursor:pointer;font-weight:700}.info-section details ul{padding-left:1.5rem;margin-top:.5rem}@media(max-width:768px){.converter-container{margin:1rem;padding:1rem}.header{flex-direction:column;align-items:flex-start;gap:.5rem}.header h1{font-size:1.5rem}.section-header{flex-wrap:wrap;gap:.5rem}.section-header h2{flex:1 1 100%}.actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:480px){.converter-container{margin:.5rem;padding:.75rem}textarea{min-height:150px;font-size:.85rem}}