.beautifier-container{margin:20px auto;padding:15px;display:flex;flex-direction:column;gap:10px}.beautifier-section{width:100%}label.beautify{display:block;margin:6px 0}textarea{width:100%;max-width:100%;min-height:200px;font-family:Courier;padding:10px;border-radius:5px;color:#ecf3f7;background:#212121;border:2px solid transparent;box-sizing:border-box}button.beautify,.copy-btn{display:block;width:100%;padding:10px;background:#0073aa;color:white;border:none;border-radius:5px;cursor:pointer;margin:15px auto;font-weight:bold;transition:background-color 0.3s}button.beautify:hover{background:#005a87}.copy-btn{background-color:royalblue}.copy-btn:hover{background-color:#45a049}.beautifier-inputs{display:flex;flex-direction:column;gap:10px}.beautifier-input{width:100%;min-height:200px;padding:10px;border:1px solid #ccc;font-family:Trebuchet MS}textarea::selection,input::selection{background:var(--link);color:white}textarea:focus{border:2px solid red;outline:none}@media (min-width:768px){.beautifier-container{flex-direction:row}.beautifier-inputs{display:flex;flex-direction:row;gap:10px;flex-grow:1}.beautifier-section{width:50%}}