.scenario{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);height:calc(100svh - var(--fd-nav-height, 0px));width:100%}.panel{overflow:auto;padding:20px;border-right:1px solid var(--color-fd-border);display:flex;flex-direction:column;gap:20px;font-size:14px}.panel h1{font-size:22px;margin:0;font-weight:600}.panel h2{font-size:12px;margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.panel h2,.panel p{color:var(--color-fd-muted-foreground)}.panel p{margin:0}.panel table{width:100%;border-collapse:collapse}.panel td,.panel th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--color-fd-border);vertical-align:top}.panel th{color:var(--color-fd-muted-foreground);font-weight:500}.panel button{font:inherit;color:var(--color-fd-foreground);background:var(--color-fd-card);border:1px solid var(--color-fd-border);border-radius:8px;padding:5px 12px;cursor:pointer}.panel button:hover:not(:disabled){border-color:var(--color-fd-primary)}.panel button:disabled{opacity:.5;cursor:default}.panel button:focus-visible{outline:2px solid var(--color-fd-ring);outline-offset:2px}.panel button[aria-pressed=true]{border-color:var(--color-fd-primary);background:var(--color-fd-accent)}.view{position:relative;min-height:320px;background:#0b1220}.row{gap:8px;flex-wrap:wrap;align-items:center}.log,.row{display:flex}.log{max-height:240px;overflow:auto;flex-direction:column-reverse}.selected td{background:var(--k-soft)}.k-learn{font-size:13px;padding:10px 12px;border:1px solid var(--color-fd-border);border-radius:10px;background:var(--color-fd-card)}.k-learn a{color:var(--color-fd-primary)}.k-sandbox-home{max-width:860px;padding:40px 24px 80px}.k-sandbox-home h1{font-size:30px;font-weight:650;margin:0 0 12px}.k-sandbox-home>p{color:var(--color-fd-muted-foreground);max-width:640px}@media (max-width:900px){.scenario{grid-template-columns:1fr;grid-template-rows:55svh auto;height:auto}.view{order:-1;height:55svh}.panel{border-right:0;border-top:1px solid var(--color-fd-border)}}