.playground-module-scss-module__sCzYJa__page{max-width:1400px;padding:var(--space-6,2rem) var(--space-4,1rem) var(--space-8,4rem);margin:0 auto}.playground-module-scss-module__sCzYJa__intro{margin-block-end:var(--space-5,1.5rem)}.playground-module-scss-module__sCzYJa__intro h1{margin:0 0 var(--space-2,.75rem)}.playground-module-scss-module__sCzYJa__intro .lead{max-width:70ch}.playground-module-scss-module__sCzYJa__hint{font-weight:var(--font-weight-normal,400);font-style:normal;font-size:var(--font-size-1,.75rem);color:var(--text-muted,#6b6b6b);max-width:70ch;margin:var(--space-2,.75rem) 0 0}.playground-module-scss-module__sCzYJa__playground{gap:var(--stack-gap,var(--space-3,.875rem));flex-direction:column;display:flex}.playground-module-scss-module__sCzYJa__toolbar{gap:var(--space-3,.875rem);flex-wrap:wrap;justify-content:space-between;align-items:end;display:flex}.playground-module-scss-module__sCzYJa__themeField{gap:var(--stack-gap,var(--space-1,.5rem));flex-direction:column;display:flex}.playground-module-scss-module__sCzYJa__themeField>span{font-weight:var(--font-weight-medium,500);font-style:normal;font-size:var(--font-size-1,.75rem);color:var(--text-primary,#0f0f0f);text-transform:uppercase;letter-spacing:.04em;display:block}.playground-module-scss-module__sCzYJa__themeSelect{min-height:var(--touch-target-min,24px);padding:var(--input-padding-y,var(--space-1,.5rem)) var(--input-padding-x,var(--space-2,.75rem));border:var(--input-border-width,1px) solid var(--border-default,#e5e5e5);border-radius:var(--input-radius,var(--radius-md,.375rem));background:var(--surface-default,#fff);transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.playground-module-scss-module__sCzYJa__themeSelect{transition:none}}.playground-module-scss-module__sCzYJa__themeSelect:focus{border-color:var(--border-focus,#384fff);outline:none;box-shadow:0 0 0 3px #384fff33}.playground-module-scss-module__sCzYJa__themeSelect::placeholder{color:var(--text-muted,#6b6b6b)}.playground-module-scss-module__sCzYJa__themeSelect:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.playground-module-scss-module__sCzYJa__themeSelect{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23525252' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em;padding-inline-end:2rem}[dir=rtl] .playground-module-scss-module__sCzYJa__themeSelect{background-position:.75rem}.playground-module-scss-module__sCzYJa__themeSelect{min-inline-size:14rem}.playground-module-scss-module__sCzYJa__actions{gap:var(--space-2,.75rem);flex-wrap:wrap;justify-content:start;align-items:center;display:flex}.playground-module-scss-module__sCzYJa__btnPrimary{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.playground-module-scss-module__sCzYJa__btnPrimary:focus:not(:focus-visible){outline:none}.playground-module-scss-module__sCzYJa__btnPrimary{align-items:center;gap:var(--space-1,.5rem);min-height:var(--touch-target-min,24px);font-weight:var(--btn-font-weight,var(--font-weight-medium,500));padding:var(--btn-padding-y,var(--space-1,.5rem)) var(--btn-padding-x,var(--space-4,1rem));border-radius:var(--btn-radius,var(--radius-md,.375rem));transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (prefers-reduced-motion:reduce){.playground-module-scss-module__sCzYJa__btnPrimary{transition:none}}.playground-module-scss-module__sCzYJa__btnPrimary:focus-visible{box-shadow:0 0 0 3px var(--border-focus,#384fff);outline:none}.playground-module-scss-module__sCzYJa__btnPrimary{background:var(--action-primary-default,#3a5fcd);color:var(--text-inverse,#fff)}.playground-module-scss-module__sCzYJa__btnPrimary:hover{background:var(--action-primary-hover,#2e4a99)}.playground-module-scss-module__sCzYJa__btnPrimary:active{background:var(--action-primary-active,#1e3a8a)}.playground-module-scss-module__sCzYJa__btnPrimary:disabled,.playground-module-scss-module__sCzYJa__btnPrimary[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.playground-module-scss-module__sCzYJa__btnPrimary[data-copied]{background:var(--success-default)}.playground-module-scss-module__sCzYJa__btnGhost{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.playground-module-scss-module__sCzYJa__btnGhost:focus:not(:focus-visible){outline:none}.playground-module-scss-module__sCzYJa__btnGhost{align-items:center;gap:var(--space-1,.5rem);min-height:var(--touch-target-min,24px);font-weight:var(--btn-font-weight,var(--font-weight-medium,500));padding:var(--btn-padding-y,var(--space-1,.5rem)) var(--btn-padding-x,var(--space-4,1rem));border-radius:var(--btn-radius,var(--radius-md,.375rem));transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (prefers-reduced-motion:reduce){.playground-module-scss-module__sCzYJa__btnGhost{transition:none}}.playground-module-scss-module__sCzYJa__btnGhost:focus-visible{box-shadow:0 0 0 3px var(--border-focus,#384fff);outline:none}.playground-module-scss-module__sCzYJa__btnGhost{color:var(--text-primary,#0f0f0f);background:0 0}.playground-module-scss-module__sCzYJa__btnGhost:hover{background:var(--interactive-hover,#00000008)}.playground-module-scss-module__sCzYJa__btnGhost:active{background:var(--interactive-active,#0000000f)}.playground-module-scss-module__sCzYJa__btnGhost:disabled,.playground-module-scss-module__sCzYJa__btnGhost[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.playground-module-scss-module__sCzYJa__meta{font-weight:var(--font-weight-normal,400);font-style:normal;font-size:var(--font-size-1,.75rem);color:var(--text-muted,#6b6b6b);text-align:end;font-variant-numeric:tabular-nums;min-inline-size:9rem;margin:0}.playground-module-scss-module__sCzYJa__status{padding:var(--space-3,.875rem);border:1px solid var(--warning-default);border-radius:var(--radius-md,8px);background:var(--warning-subtle);color:var(--warning-text);font-weight:var(--font-weight-normal,400);font-style:normal;font-size:var(--font-size-2,.875rem);margin:0}.playground-module-scss-module__sCzYJa__grid{gap:var(--space-4,1rem);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media screen and (max-width:calc(64rem - 1px)){.playground-module-scss-module__sCzYJa__grid{grid-template-columns:minmax(0,1fr)}}.playground-module-scss-module__sCzYJa__editors{gap:var(--stack-gap,var(--space-3,.875rem));flex-direction:column;min-width:0;display:flex}.playground-module-scss-module__sCzYJa__pane,.playground-module-scss-module__sCzYJa__previewPane{gap:var(--stack-gap,var(--space-1,.5rem));flex-direction:column;min-width:0;display:flex}.playground-module-scss-module__sCzYJa__paneTitle{font-weight:var(--font-weight-semibold,600);font-style:normal;font-size:var(--font-size-1,.75rem);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.playground-module-scss-module__sCzYJa__editor{border:1px solid var(--border-default);border-radius:var(--radius-md,8px);background:var(--surface-default);overflow:hidden}.playground-module-scss-module__sCzYJa__editor .cm-editor{block-size:100%;font-family:var(--font-mono);color:var(--text-primary);background:0 0;font-size:.875rem}.playground-module-scss-module__sCzYJa__editor .cm-editor.cm-focused{outline:none}.playground-module-scss-module__sCzYJa__editor .cm-scroller{font-family:inherit;line-height:1.5}.playground-module-scss-module__sCzYJa__editor .cm-gutters{background:var(--surface-muted);color:var(--text-muted);border-inline-end:1px solid var(--border-default)}:is(.playground-module-scss-module__sCzYJa__editor .cm-activeLine,.playground-module-scss-module__sCzYJa__editor .cm-activeLineGutter){background:var(--interactive-hover)}:is(.playground-module-scss-module__sCzYJa__editor .cm-selectionBackground,.playground-module-scss-module__sCzYJa__editor .cm-content ::selection){background:var(--interactive-active)!important}.playground-module-scss-module__sCzYJa__editor .cm-cursor{border-inline-start-color:var(--text-primary)}.playground-module-scss-module__sCzYJa__editor:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--border-focus) 20%, transparent)}.playground-module-scss-module__sCzYJa__editorHtml{block-size:12rem}.playground-module-scss-module__sCzYJa__editorScss{block-size:28rem}.playground-module-scss-module__sCzYJa__errorPane{gap:var(--space-2,.75rem);padding:var(--space-2,.75rem);border:1px solid var(--error-default);border-radius:var(--radius-md,8px);background:var(--error-subtle);color:var(--error-text);font-weight:var(--font-weight-normal,400);font-style:normal;font-size:var(--font-size-2,.875rem);flex-wrap:wrap;justify-content:start;align-items:baseline;display:flex}.playground-module-scss-module__sCzYJa__errorJump{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.playground-module-scss-module__sCzYJa__errorJump:focus:not(:focus-visible){outline:none}.playground-module-scss-module__sCzYJa__errorJump{font-weight:var(--font-weight-semibold,600);font-style:normal;font-size:var(--font-size-2,.875rem);font-variant-numeric:tabular-nums;cursor:pointer;text-decoration:underline}.playground-module-scss-module__sCzYJa__errorJump:focus-visible{box-shadow:0 0 0 3px var(--border-focus,#384fff);outline:none}.playground-module-scss-module__sCzYJa__errorJump:disabled{cursor:default;text-decoration:none}.playground-module-scss-module__sCzYJa__errorMessage{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.8125rem}.playground-module-scss-module__sCzYJa__preview{border:1px solid var(--border-default);border-radius:var(--radius-md,8px);background:var(--surface-default);block-size:100%;min-block-size:41.5rem;inline-size:100%}@media screen and (max-width:calc(64rem - 1px)){.playground-module-scss-module__sCzYJa__preview{min-block-size:24rem}}