.scope-analysis-presets{display:flex;flex-wrap:wrap;gap:var(--cf-space-150)}.scope-analysis-playground-grid,.scope-analysis-results{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}@media(max-width:768px){.scope-analysis-playground-grid,.scope-analysis-results{grid-template-columns:minmax(0,1fr)}}.scope-analysis-card,.scope-analysis-editor,.scope-analysis-output{min-width:0}.scope-analysis-editor{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);color:var(--cf-color-paper-text);font-size:var(--cf-font-size-325);font-weight:var(--cf-font-weight-medium)}.scope-analysis-editor textarea{width:100%;min-height:var(--cf-space-2000);resize:vertical;background:var(--cf-color-paper-input);line-height:var(--cf-line-height-160)}.scope-analysis-editor textarea,.scope-highlighted-source{border:1px solid var(--cf-color-paper-border);border-radius:var(--cf-radius-250);color:var(--cf-color-paper-text);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-325);padding:var(--cf-space-250)}.scope-highlighted-source{overflow:auto;margin:0;background:var(--cf-color-paper);line-height:var(--cf-line-height-170);white-space:pre}.scope-token{border:1px solid var(--cf-color-paper-border);border-radius:var(--cf-radius-100);padding:0 var(--cf-space-050);font-weight:var(--cf-font-weight-semibold)}.scope-token-stack{border-color:var(--cf-color-paper-primary-border);background:var(--cf-color-paper-primary-faint);color:var(--cf-color-paper-primary)}.scope-token-context{border-color:var(--cf-color-paper-secondary-border);background:var(--cf-color-paper-secondary-faint);color:var(--cf-color-paper-secondary)}.scope-token-dynamic{border-color:var(--cf-color-paper-tertiary-border);background:var(--cf-color-paper-tertiary-faint);color:var(--cf-color-paper-tertiary)}.scope-token-global{border-color:var(--cf-color-paper-success-border);background:var(--cf-color-paper-success-faint);color:var(--cf-color-paper-success)}.scope-analysis-legend{display:flex;flex-wrap:wrap;gap:var(--cf-space-150);-webkit-margin-before:var(--cf-space-200);margin-block-start:var(--cf-space-200)}.scope-analysis-results{-webkit-margin-before:var(--cf-space-300);margin-block-start:var(--cf-space-300)}.scope-analysis-card{border:1px solid var(--cf-color-paper-border);border-radius:var(--cf-radius-250);background:var(--cf-color-paper-raised)}.scope-analysis-card ul{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:0;padding:var(--cf-space-250)}.scope-analysis-card li{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);color:var(--cf-color-paper-text)}.scope-analysis-card em{color:var(--cf-color-warning);font-style:normal;font-weight:var(--cf-font-weight-semibold)}.scope-analysis-error{border:1px solid var(--cf-color-danger-border);border-radius:var(--cf-radius-250);background:var(--cf-color-danger-subtle);color:var(--cf-color-danger);padding:var(--cf-space-250)}