body{margin:0;padding:0;font-family:Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh;background-color:#f0f0f0}header{background-color:#007bff;color:white;padding:0.5rem;text-align:center;font-size:1.5rem;font-weight:bold}header h1{font-size:1.5rem;font-family:'Inter',sans-serif;font-weight:700;color:#fff;margin:0;line-height:1.2;text-align:left;letter-spacing:-0.02em}.action-bar{background-color:#e9ecef;padding:0.3rem 1rem;display:flex;justify-content:flex-end;gap:0.5rem;align-items:center}.action-bar button,.action-bar label{padding:0.5rem 1rem;font-size:1.5rem;border:none;border-radius:0.25rem;background-color:#007bff;color:white;cursor:pointer;transition:background-color 0.3s;display:inline-flex;align-items:center;gap:0.25rem}.action-bar button:hover,.action-bar label:hover{background-color:#0056b3}.action-bar button.clear-button{background-color:#dc3545}.action-bar button.clear-button:hover{background-color:#c82333}/* .action-bar button.new-button{font-weight:bold}*/ .file-input-wrapper{position:relative;display:inline-block}.file-input-wrapper input[type="file"]{position:absolute;left:-9999px}.file-input-wrapper .file-input-label{padding:0.5rem 1rem;font-size:1.5rem;border:none;border-radius:0.25rem;background-color:#007bff;color:white;cursor:pointer;transition:background-color 0.3s;display:inline-flex;align-items:center;gap:0.25rem}.file-input-wrapper .file-input-label:hover{background-color:#0056b3}.file-name{margin-left:0.5rem;color:#007bff;font-size:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.dropdown-wrapper{position:relative;display:inline-block}.dropdown-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:0.2rem 1.3rem 0.3rem 0.8rem;font-size:0.9rem;border:2px solid #007bff;border-radius:0.25rem;background-color:white;color:#333;cursor:pointer;transition:all 0.3s ease;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23007bff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 0.75rem center;background-size:12px}.dropdown-select:hover{background-color:#f1f6ff;border-color:#0056b3;transform:translateY(0px)}.dropdown-select:focus{outline:none;border-color:#0056b3;box-shadow:0 0 5px rgba(0,123,255,0.5)}.dropdown-select option{background-color:white;color:#333}.container{flex:1;width:100%;height:100%;margin:0.4rem auto;padding:0 1rem;box-sizing:border-box}textarea{width:100%;height:81vh;/*min-height:150px;max-height:700px;*/ resize:vertical;padding:0.55rem;font-size:1rem;border:2px solid #ccc;border-radius:0.5rem;box-sizing:border-box;transition:border-color 0.3s}textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px rgba(0,123,255,0.5)}@media (max-width:768px){header{font-size:1.25rem;padding:0.75rem}header h1{font-size:1.8rem;margin-bottom:15px}.action-bar{padding:0.5rem;flex-wrap:wrap}.action-bar button,.action-bar label,.file-input-wrapper .file-input-label{font-size:0.8rem;padding:0.4rem 0.8rem}.dropdown-select{font-size:0.8rem;padding:0.4rem 0.8rem;padding-right:2rem;padding:0.2rem 1.3rem 0.3rem 0.8rem}.file-name{max-width:100px;font-size:0.85rem}textarea{font-size:0.675rem;height:70vh}.container{margin:0.5rem auto;padding:0 0.5rem}}@media (max-width:480px){header{font-size:1rem;padding:0.5rem}header h1{font-size:1.8rem;margin-bottom:15px}.action-bar{padding:0.25rem;gap:0.25rem}.action-bar button,.action-bar label,.file-input-wrapper .file-input-label{font-size:0.7rem;padding:0.3rem 0.6rem}.dropdown-select{font-size:0.7rem;padding:0.3rem 0.6rem;padding-right:1.8rem;padding:0.2rem 1.3rem 0.3rem 0.8rem}.file-name{max-width:80px;font-size:0.75rem}textarea{font-size:0.75rem;height:60vh}.container{margin:0.25rem auto;padding:0 0.25rem}}.error{color:red;font-size:14px;text-align:left;margin-top:0px}.highlight{color:#d32f2f;font-weight:bold}.line-number{color:#555;font-weight:bold}.msg-container{display:flex;flex-wrap:wrap;max-width:100%;box-sizing:border-box}.inline-p{display:inline;margin:2px;font-size:1rem}@media (max-width:600px){.msg-container{flex-direction:column}.inline-p{font-size:0.9rem;width:100%}}