:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fa;--surface:#fff;--surface-muted:#eef3f7;--line:#d8e0e8;--text:#16202a;--muted:#5b6b7b;--accent:#0f766e;--accent-dark:#0b5f59;--danger:#b42318;--ok:#087443}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.shell{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:64px;padding:0 24px;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand strong{font-size:18px}.brand span,.meta{color:var(--muted);font-size:13px}.content{gap:20px;max-width:1160px;margin:0 auto;padding:24px;display:grid}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.environment-bar{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;min-height:58px;padding:10px 20px;display:flex}.environment-bar.production{background:#fff8eb;border-color:#d97706}.environment-bar span{color:var(--muted);font-size:14px}.segmented{background:var(--surface-muted);border:1px solid var(--line);border-radius:7px;grid-template-columns:repeat(2,minmax(68px,1fr));display:inline-grid;overflow:hidden}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:36px;padding:8px 12px}.segmented button.active{background:var(--accent);color:#fff;font-weight:700}.panel h2{margin:0 0 14px;font-size:18px}.stack{gap:12px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px}.field input{border:1px solid var(--line);border-radius:6px;min-height:42px;padding:10px 12px}.actions{flex-wrap:wrap;gap:10px;display:flex}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;min-height:40px;padding:10px 14px}.button:hover{background:var(--accent-dark)}.button.secondary{background:var(--surface-muted);color:var(--text)}.result{color:#d8f3dc;white-space:pre-wrap;background:#101820;border-radius:8px;min-height:150px;padding:14px;overflow:auto}.status{align-items:center;gap:8px;display:flex}.dot{border-radius:999px;width:10px;height:10px;display:inline-block}.dot.ok{background:var(--ok)}.dot.bad{background:var(--danger)}.muted{color:var(--muted)}@media (max-width:760px){.topbar{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.content{padding:16px}.grid{grid-template-columns:1fr}.environment-bar{flex-direction:column;align-items:stretch}.segmented{width:100%}}