:root{--primary-color: #003366;--accent-color: #0055a5;--background-color: #ffffff;--section-bg: #f7f7f7;--text-color: #333}body{margin:0;font-family:Arial,sans-serif;background-color:var(--background-color);color:var(--text-color)}.container{max-width:900px;margin:auto;padding:20px}header{text-align:center;padding:30px 10px 10px}header img{max-height:60px}h1,h2{color:var(--primary-color)}button{background-color:var(--primary-color);color:#fff;padding:12px 20px;border:none;border-radius:6px;font-size:1em;font-weight:700;cursor:pointer;margin-top:15px}button:hover{background-color:var(--accent-color)}section{background-color:var(--section-bg);padding:25px;margin-bottom:40px;border-radius:8px}select{padding:10px;font-size:1em;width:100%;max-width:400px;margin-top:10px;border-radius:5px}.editor-container{margin-top:20px}.copy-btn{margin-top:10px;margin-bottom:30px}@media (max-width: 600px){.editor-container{margin-bottom:20px}button{width:100%}}