html,body{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;background-color:black;color:red;display:flex;flex-direction:column}.container{flex:1;display:flex;flex-direction:column;padding:20px;max-width:1200px;margin:0 auto;width:100%}.description{color:#ccc;margin-bottom:15px}.preview-container{flex:1;display:flex;gap:20px;margin-top:10px}textarea{flex:1;padding:10px;background-color:#1e1e1e;color:#ffffff;border:1px solid #444;border-radius:5px;resize:none;font-family:monospace;font-size:14px}iframe{flex:1;border:1px solid #555;background-color:white;border-radius:5px}button{background-color:darkred;color:white;border:none;padding:10px 20px;cursor:pointer;align-self:flex-start;border-radius:5px}button:hover{background-color:red}[data-theme="light"] html,[data-theme="light"] body{background-color:#f0f5fa!important;color:#1f2937!important}[data-theme="light"] .container{color:#1f2937!important}[data-theme="light"] .description{color:#4b5563!important}[data-theme="light"] textarea{background-color:#ffffff!important;color:#1f2937!important;border-color:#d1d5db!important}[data-theme="light"] iframe{border-color:#d1d5db!important}[data-theme="light"] button{background-color:#2563eb!important}[data-theme="light"] button:hover{background-color:#1d4ed8!important}