:root{--primary: #2563eb;--bg: #f8fafc;--text: #1e293b}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;padding:20px;max-width:900px;margin:0 auto}h1,h2{color:#0f172a;vertical-align:middle;border-bottom:2px solid #e2e8f0;padding-bottom:10px}.switchmode-buttons>button{margin-left:1rem}.switchmode-buttons{display:grid;grid-template-columns:100px auto auto auto auto auto;vertical-align:middle;overflow-x:scroll;height:60px}label{display:inline-block}.generate-config div{margin:1rem;display:inline-block}button.secondary{margin:.2rem}.title{margin-bottom:0;padding-bottom:0}.switchmode-label{padding-left:1rem;font-weight:bolder;font-size:large;margin-top:5px}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.grid{grid-template-columns:1fr}}label{display:block;font-weight:700;margin-bottom:5px;margin-top:15px}textarea{width:100%;height:120px;padding:10px;border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box;font-family:monospace;font-size:12px}input[type=file]{margin:10px 0}button{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:10px}button:hover{background:#1d4ed8}button.secondary{background:#64748b}.status{margin-top:10px;padding:10px;border-radius:4px}.success{background:#dcfce7;color:#166534;display:block}.error{background:#fee2e2;color:#991b1b;display:block}.info{font-size:.85em;color:#64748b}