:root { color-scheme: light; --bg:#f5f7fb; --panel:#fff; --text:#172033; --muted:#667085; --line:#d9e0ea; --accent:#1b6b61; --accent-strong:#124d46; --code:#111827; }
*{box-sizing:border-box} body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:32px 0;display:grid;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 8px 24px rgba(20,31,54,.06)}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}h1{margin:0 0 6px;font-size:24px;font-weight:700}p{margin:0;color:var(--muted)}.form{display:grid;gap:16px}.login-panel{max-width:460px;margin:64px auto 0}.login-form{gap:18px}label{display:grid;gap:8px;color:var(--muted);font-size:14px;font-weight:600}select,input,textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);font:inherit}select,input{height:42px;padding:0 12px}textarea{min-height:160px;resize:vertical;padding:12px;line-height:1.5}.actions{display:flex;align-items:center;gap:12px}button{min-height:40px;border:0;border-radius:6px;padding:0 14px;background:var(--accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}button:hover{background:var(--accent-strong)}button:disabled{cursor:wait;opacity:.65}#refreshButton{background:#334155}#logoutButton{background:#6b7280}#statusText,#loginStatus,#userBadge{min-height:20px;color:var(--muted);font-size:13px}.result-panel{min-height:320px}.result-meta{min-height:24px;margin-bottom:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:13px}pre{min-height:260px;margin:0;padding:14px;overflow:auto;border-radius:6px;background:var(--code);color:#eef2ff;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.55}@media(max-width:640px){.shell{width:min(100vw - 20px,1180px);padding:10px 0}.panel{padding:14px}.header,.actions{align-items:stretch;flex-direction:column}h1{font-size:20px}}