*{box-sizing:border-box}body{color:#1a1a2e;background:#f7f7fb;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}.shell{max-width:1240px;margin:0 auto;padding:0 20px 60px}.topbar{justify-content:space-between;align-items:baseline;padding-top:18px;display:flex}.topbar h1{margin:0;font-size:22px}.sandbox-note{color:#6b5a1e;background:#fff8e6;border:1px solid #f0dfa8;border-radius:8px;padding:8px 12px;font-size:14px}.layout{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}@media (max-width:900px){.layout{grid-template-columns:1fr}}.panes{gap:16px;display:grid}.panes.compare{grid-template-columns:1fr 1fr}@media (max-width:900px){.panes.compare{grid-template-columns:1fr}}.pane{background:#fff;border:1px solid #e3e3ee;border-radius:10px;padding:16px}.pane-label{color:#4a4a6a;margin:0 0 10px;font-size:15px}.field-label{color:#4a4a6a;margin-bottom:12px;font-size:13px;font-weight:600;display:block}.field-label textarea,.field-label input,.field-label select{width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #cfcfe0;border-radius:6px;margin-top:4px;padding:8px 10px;font-weight:400;display:block}.field-label.inline{min-width:180px;margin-bottom:0}.variables{background:#fff;border:1px solid #e3e3ee;border-radius:10px;margin-top:16px;padding:16px}.variables h3{margin:0 0 10px;font-size:15px}.variable-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px;display:grid}.controls{flex-wrap:wrap;align-items:end;gap:20px;margin-top:16px;display:flex}.checkbox{color:#4a4a6a;align-items:center;gap:6px;padding-bottom:8px;font-size:14px;display:flex}button.run{font:inherit;color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px 28px;font-weight:600}button.run:hover{background:#4338ca}button.link{font:inherit;color:#4f46e5;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.status{color:#4a4a6a;font-size:14px}.warning{color:#92400e;background:#fff8e6;border:1px solid #f0dfa8;border-radius:8px;padding:8px 12px;font-size:14px}.error{color:#b91c1c;font-size:14px}.muted{color:#8a8aa3;font-size:13px}.output{margin-top:12px}.output h3{color:#4a4a6a;margin:0 0 6px;font-size:14px}.output-text{white-space:pre-wrap;background:#fafaff;border:1px solid #e3e3ee;border-radius:8px;padding:12px;font-size:14px}.output-text.small{max-height:260px;font-size:13px;overflow-y:auto}.sidebar{background:#fff;border:1px solid #e3e3ee;border-radius:10px;padding:16px}.sidebar h3{margin:0 0 8px;font-size:14px}.sidebar section+section{margin-top:20px}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{border-top:1px solid #efeff6;padding:8px 0}.item-head{justify-content:space-between;align-items:baseline;display:flex}.preview{color:#4a4a6a;margin:4px 0 0;font-size:13px}.sidebar summary{cursor:pointer;font-size:14px}.login-wrap{place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border:1px solid #e3e3ee;border-radius:12px;width:min(380px,90vw);padding:32px}.login-card h1{margin:0 0 4px;font-size:22px}.login-card p{color:#4a4a6a;margin:0 0 16px;font-size:14px}.login-card input{width:100%;font:inherit;border:1px solid #cfcfe0;border-radius:8px;margin-bottom:12px;padding:10px 12px;display:block}.login-card button{width:100%;font:inherit;color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px;font-weight:600}.login-card button:disabled{opacity:.6;cursor:default}