body{margin:0}.container{display:flex;gap:20px;flex-direction:column;width:85vw}@media (min-width: 768px){.container{flex-direction:row}.form-container,.preview-container{width:40%}}@media (max-width: 767px){.form-container,.preview-container{width:100%}}.form-container{background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.preview-container{box-sizing:border-box}.preview{padding:10px;border:1px solid #ccc;border-radius:8px;background:#fff;text-align:center;aspect-ratio:3 / 2;display:flex;align-items:center;justify-content:center}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group input,.form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input[type=color]{height:40px;padding:5px}.color-pickers{display:flex;gap:10px;align-items:flex-start}.color-pickers .form-group{flex:1;margin-bottom:15px}.config-output{margin-top:20px;padding:10px;background:#f0f0f0;border-radius:4px;font-family:monospace;white-space:pre-wrap;word-wrap:break-word}.logo-preview{display:flex;gap:10px;margin-top:10px}.logo-preview img{max-width:50px;max-height:50px}hr{border:0;height:1px;background:#ddd;margin:20px 0}.font-config{display:flex;gap:10px}.font-config .form-group{flex:1}.compact-input{width:100px}.flag{width:24px;height:16px;margin-left:5px}.checkbox-group{display:flex;flex-direction:row;font-weight:700;color:#555}.premium-options{margin-top:20px;padding:20px;background:#f9f9f9;border-radius:8px;border:1px solid #ddd}.premium-options h2{margin-bottom:15px;color:#333}.button-group{display:flex;flex-direction:row;justify-content:space-between}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}