.CodePlayground_card__BOCWM{display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.CodePlayground_bannerSlot__vh3Jy{margin:var(--space-md) var(--space-md) 0;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-fg-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.CodePlayground_bannerSlot__vh3Jy:empty{display:none}.CodePlayground_languageRow__s6BTl{display:flex;align-items:center;gap:0;padding:0 var(--space-sm) 0 var(--space-md);border-bottom:1px solid var(--color-border)}.CodePlayground_languageTabs__9bQjo{display:flex;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none}.CodePlayground_languageTabs__9bQjo::-webkit-scrollbar{display:none}.CodePlayground_languageTab__N05Fh{padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.CodePlayground_languageTab__N05Fh:hover{color:var(--color-fg)}.CodePlayground_languageTab__N05Fh[aria-selected=true]{color:var(--color-fg);font-weight:var(--font-weight-semibold);border-bottom-color:var(--color-primary)}.CodePlayground_languageTab__N05Fh:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.CodePlayground_rowSpacer__oTivg{flex:1 1}.CodePlayground_iconButton__72tC8,.CodePlayground_runButton__OTXXr,.CodePlayground_toggleWrap__Fya5P{flex-shrink:0}.CodePlayground_runButton__OTXXr{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);height:28px;padding:0 var(--space-sm);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.CodePlayground_runButton__OTXXr:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.CodePlayground_runButton__OTXXr:disabled{opacity:.5;cursor:not-allowed}.CodePlayground_runButton__OTXXr:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.CodePlayground_spinner__YheYT{width:14px;height:14px;flex:none;border:2px solid;border-top:2px solid transparent;border-radius:var(--radius-full);animation:CodePlayground_spin__yObtZ .6s linear infinite}@keyframes CodePlayground_spin__yObtZ{to{transform:rotate(1turn)}}.CodePlayground_iconButton__72tC8{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:var(--space-xs);color:var(--color-fg-muted);background:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.CodePlayground_iconButton__72tC8:hover:not(:disabled){color:var(--color-fg);background:var(--color-bg-subtle)}.CodePlayground_iconButton__72tC8:disabled{opacity:.5;cursor:not-allowed}.CodePlayground_iconButton__72tC8:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:640px){.CodePlayground_languageRow__s6BTl{padding:0 var(--space-xs) 0 var(--space-sm)}.CodePlayground_languageTab__N05Fh{padding:var(--space-sm) var(--space-sm)}}.CodePlayground_iconButtonOn__yzXYQ,.CodePlayground_iconButtonOn__yzXYQ:hover:not(:disabled){color:var(--color-primary)}.CodePlayground_toggleWrap__Fya5P{position:relative;display:inline-flex}.CodePlayground_tooltip__844pK{position:absolute;top:calc(100% + var(--space-xs));right:0;z-index:2;width:max-content;max-width:240px;padding:var(--space-xs) var(--space-sm);color:var(--color-fg);font-size:var(--font-size-xs);line-height:var(--line-height-normal);text-align:left;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.CodePlayground_toggleWrap__Fya5P:focus-within .CodePlayground_tooltip__844pK,.CodePlayground_toggleWrap__Fya5P:hover .CodePlayground_tooltip__844pK{opacity:1}@media (hover:none){.CodePlayground_toggleWrap__Fya5P:hover .CodePlayground_tooltip__844pK{opacity:0}}@media (prefers-reduced-motion:reduce){.CodePlayground_tooltip__844pK{transition:none}}.CodePlayground_editorLoading__bIc2J{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);height:380px;font-size:var(--font-size-sm);color:var(--color-fg-subtle);background:var(--color-bg)}.CodePlayground_editorLoadingSpinner__9XZ6Q{display:inline-flex}@media (max-width:640px){.CodePlayground_editorLoading__bIc2J{height:300px}}.CodePlayground_outputHead__nGhcd{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border)}.CodePlayground_outputLabel__BOFOB{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.07em;text-transform:uppercase;color:var(--color-fg-subtle)}.CodePlayground_meta__Ok_2l{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;font-size:var(--font-size-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-fg-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full)}.CodePlayground_metaOk__K2gqg{color:var(--color-success);background:var(--color-success-bg);border-color:color-mix(in srgb,var(--color-success) 35%,transparent)}.CodePlayground_metaFailed__x8YMz{color:var(--color-error);background:var(--color-error-bg);border-color:color-mix(in srgb,var(--color-error) 35%,transparent)}.CodePlayground_metaDot__8Q57z{width:6px;height:6px;flex:none;border-radius:var(--radius-full);background:currentColor}.CodePlayground_diagnostics__Y1oAf{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-sm) var(--space-md) 0;padding:var(--space-sm) var(--space-md);list-style:none;background:var(--color-error-bg);border:1px solid color-mix(in srgb,var(--color-error) 35%,transparent);border-radius:var(--radius-md)}.CodePlayground_diagnostic__9mJiz{font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-error)}.CodePlayground_diagnosticWhere__XAFMY{display:inline-block;margin-right:var(--space-sm);font-weight:var(--font-weight-bold)}.CodePlayground_output__m_f3v{margin:0;padding:var(--space-sm) var(--space-md) var(--space-md);max-height:260px;overflow:auto;background:var(--color-bg);border-top:1px solid var(--color-border);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-fg);white-space:pre-wrap;word-break:break-word}.CodePlayground_output__m_f3v:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.CodePlayground_outputEmpty__TqEmz{color:var(--color-fg-subtle);font-style:italic}.CodePlayground_failure__tWVpg{display:block;margin-top:var(--space-xs);color:var(--color-error)}.tool_section__XngOX{width:100%;max-width:960px;margin:0 auto;padding:var(--space-2xl) var(--space-md)}.tool_header__gPkhm{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.tool_back__QMbs9{display:inline-flex;align-items:center;align-self:flex-start;gap:.35rem;font-size:var(--font-size-sm);color:var(--color-fg-muted);text-decoration:none}.tool_back__QMbs9:hover{color:var(--color-primary);text-decoration:none}.tool_back__QMbs9:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.tool_titleRow__NKunz{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.tool_title__7yHhU{margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-fg)}.tool_badge__8toV9{padding:.15rem .5rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-info);background:color-mix(in srgb,var(--color-info) 14%,transparent)}.tool_summary__LUzin{margin:0;max-width:62ch;font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-fg-muted)}.tool_labels__UrZN4{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:var(--space-xs) 0 0;padding:0;list-style:none}.tool_label__g04Yi{padding:.1rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-subtle);font-size:var(--font-size-xs);color:var(--color-fg-muted)}