.tool-content-container{width:100%;max-width:100%}.CodeMirror{height:320px;border:1px solid #dee2e6;border-radius:0.375rem;font-family:'Courier New',monospace;font-size:14px;max-width:100% !important;box-sizing:border-box !important}.CodeMirror-focused{border-color:var(--primary-color);box-shadow:0 0 0 0.25rem rgba(74,108,247,0.25)}.code-container{border:1px solid #dee2e6;border-radius:0.375rem;overflow:hidden;width:100%;box-sizing:border-box}#inputEditor,#outputEditor{width:100% !important;max-width:100% !important;box-sizing:border-box !important}.CodeMirror-scroll{overflow-x:auto !important;overflow-y:auto !important}.code-header{background-color:#f8f9fa;padding:0.5rem 1rem;border-bottom:1px solid #dee2e6;font-size:0.875rem}.compression-tag{background-color:#e9ecef;color:#495057;padding:0.125rem 0.5rem;border-radius:0.25rem;font-size:0.75rem;margin-left:0.5rem}.stats-value{font-size:1.5rem;font-weight:600;color:var(--primary-color)}.compression-ratio{background-color:#28a745;color:#fff;padding:0.125rem 0.5rem;border-radius:0.25rem;font-size:0.875rem;font-weight:600}.advanced-options.collapsed{display:none}.editor-container{display:flex;flex-wrap:wrap;gap:16px}.editor-column{flex:1;min-width:0;max-width:calc(50% - 8px);display:flex;flex-direction:column}.code-container{flex:1;min-height:320px;display:flex;flex-direction:column}.code-container #inputEditor,.code-container #outputEditor{flex:1;width:100%}@media (max-width:768px){.CodeMirror{height:250px}.editor-container{display:block !important;gap:0 !important}.editor-column{max-width:100% !important;margin-bottom:20px !important}.code-container{min-height:250px !important}