.playground-code-editor{min-height:100%;position:relative}.playground-code-editor pre,.playground-code-editor textarea{white-space:pre-wrap;overflow-wrap:break-word;tab-size:2;margin:0;padding:1rem;font-family:ui-monospace,sfmono-regular,menlo,monaco,consolas,monospace;font-size:.75rem;line-height:1.25rem}.playground-code-editor pre{color:#abb2bf}.playground-code-editor textarea{resize:none;color:#0000;-webkit-text-fill-color:transparent;caret-color:#61afef;background:0 0;border:none;outline:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.playground-code-editor textarea:focus{box-shadow:none;background:0 0;border:none}.playground-code-editor textarea::selection{background:#61afef4d}.playground-code-editor .token.comment,.playground-code-editor .token.prolog,.playground-code-editor .token.cdata{color:#5c6370;font-style:italic}.playground-code-editor .token.doctype,.playground-code-editor .token.punctuation{color:#abb2bf}.playground-code-editor .token.property,.playground-code-editor .token.boolean,.playground-code-editor .token.number,.playground-code-editor .token.constant,.playground-code-editor .token.symbol{color:#d19a66}.playground-code-editor .token.tag,.playground-code-editor .token.regex,.playground-code-editor .token.important,.playground-code-editor .token.variable,.playground-code-editor .token.deleted{color:#e06c75}.playground-code-editor .token.selector,.playground-code-editor .token.attr-name,.playground-code-editor .token.string,.playground-code-editor .token.char,.playground-code-editor .token.builtin,.playground-code-editor .token.inserted{color:#98c379}.playground-code-editor .token.operator,.playground-code-editor .token.entity,.playground-code-editor .token.url{color:#56b6c2}.playground-code-editor .token.atrule,.playground-code-editor .token.attr-value,.playground-code-editor .token.keyword{color:#c678dd}.playground-code-editor .token.function,.playground-code-editor .token.class-name{color:#61afef}.playground-code-editor .token.bold{font-weight:700}.playground-code-editor .token.italic{font-style:italic}@property --playground-aura-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.playground-island-aura{pointer-events:none;background:conic-gradient(from var(--playground-aura-angle), transparent 0deg, color-mix(in srgb, var(--color-primary) 80%, transparent) 45deg, transparent 120deg, transparent 190deg, color-mix(in srgb, var(--color-primary) 45%, transparent) 240deg, transparent 320deg);filter:blur(8px);border-radius:2rem;animation:3.2s linear infinite playground-aura-spin;position:absolute;inset:-3px}@keyframes playground-aura-spin{to{--playground-aura-angle:360deg}}.playground-text-shimmer{background-image:linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 55%, var(--text-muted)) 0%, color-mix(in srgb, var(--color-primary) 55%, var(--text-muted)) 35%, color-mix(in srgb, var(--color-primary) 88%, white) 48%, var(--color-primary) 50%, color-mix(in srgb, var(--color-primary) 88%, white) 52%, color-mix(in srgb, var(--color-primary) 55%, var(--text-muted)) 65%, color-mix(in srgb, var(--color-primary) 55%, var(--text-muted)) 100%);color:#0000;-webkit-text-fill-color:transparent;background-position:100% 0;background-size:220% 100%;background-clip:text;animation:2.2s linear infinite playground-text-shimmer-scan}.playground-text-shimmer--static{color:var(--color-primary);-webkit-text-fill-color:var(--color-primary);background-image:none;-webkit-background-clip:border-box;background-clip:border-box;animation:none}.playground-history-item--active{background:color-mix(in srgb, var(--color-primary) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 28%, transparent)}.playground-history-toggle--active{background:color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-primary)}.playground-history-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-muted) 35%, transparent) transparent}.playground-history-scroll::-webkit-scrollbar{width:4px}.playground-history-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted) 35%, transparent);border-radius:999px}@keyframes playground-text-shimmer-scan{0%{background-position:100% 0}to{background-position:-100% 0}}.playground-diff{min-height:100%;font-family:ui-monospace,sfmono-regular,menlo,monaco,consolas,monospace;font-size:.7rem;line-height:1.35rem}.playground-diff--unified{padding:.5rem 0}.playground-diff-line{white-space:pre-wrap;overflow-wrap:anywhere;gap:.4rem;padding:0 .75rem;display:flex}.playground-diff-line--add{color:#86efac;background:#10b9811f}.playground-diff-line--remove{color:#fca5a5;background:#ef44441f}.playground-diff-line--equal{color:#9ca3af}.playground-diff-ln{text-align:right;color:#4b5563;user-select:none;flex-shrink:0;width:2.25rem}.playground-diff-sign{user-select:none;opacity:.8;flex-shrink:0;width:.75rem}.playground-diff-text{flex:1;min-width:0}.playground-diff--side{flex-direction:column;display:flex}.playground-diff-side-head{z-index:1;backdrop-filter:blur(8px);color:#9ca3af;background:#0d0f14eb;border-bottom:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:1px;padding:.35rem .5rem;font-size:.65rem;font-weight:600;display:grid;position:sticky;top:0}.playground-diff-side-row{background:#ffffff0a;grid-template-columns:1fr 1fr;gap:1px;display:grid}.playground-diff-cell{white-space:pre-wrap;overflow-wrap:anywhere;background:#0d0f14;gap:.35rem;min-height:1.35rem;padding:0 .5rem;display:flex}.playground-diff-cell--add{color:#86efac;background:#10b9811f}.playground-diff-cell--remove{color:#fca5a5;background:#ef44441f}.playground-diff-cell--equal{color:#9ca3af}.playground-diff-cell--empty{color:#0000;background:#ffffff05}@media (prefers-reduced-motion:reduce){.playground-island-aura{animation:none}.playground-text-shimmer{color:var(--color-primary);-webkit-text-fill-color:var(--color-primary);background-image:none;-webkit-background-clip:border-box;background-clip:border-box;animation:none}}