.cAVxiW_root{max-width:87.5rem;padding:var(--size-20) var(--size-24) var(--size-24);margin:0 auto}:where(.cAVxiW_root) .cAVxiW_playground{height:calc(100vh - var(--top) - 5.25rem);border:var(--hairline) solid var(--line);border-radius:var(--size-14);background:var(--bg);min-height:32.5rem;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}:where(.cAVxiW_root) .cAVxiW_playgroundToolbar{align-items:center;gap:var(--size-16);padding:var(--size-8) var(--size-10) var(--size-8) var(--size-14);border-bottom:var(--hairline) solid var(--line);flex-wrap:wrap;display:flex}:where(.cAVxiW_root) .cAVxiW_languagePicker,:where(.cAVxiW_root) .cAVxiW_themePicker{align-items:center;gap:var(--size-8);color:var(--faint);display:flex}:where(.cAVxiW_root) .cAVxiW_languagePicker select,:where(.cAVxiW_root) .cAVxiW_themePicker select{color:var(--ink);height:var(--size-32);padding:0 var(--size-32) 0 var(--size-10);border:var(--hairline) solid var(--line);border-radius:var(--size-8);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b909a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right var(--size-10) center / var(--size-12);font-size:var(--size-14);font-weight:var(--weight-medium);cursor:pointer;appearance:none;transition:border-color var(--duration-fast)}:where(.cAVxiW_root) .cAVxiW_languagePicker select:hover,:where(.cAVxiW_root) .cAVxiW_themePicker select:hover{border-color:var(--line-strong);background-color:var(--soft)}:where(.cAVxiW_root) .cAVxiW_themePicker .cAVxiW_paletteSwatch{width:var(--size-12);height:var(--size-12);border-radius:var(--radius-round);background:linear-gradient(135deg, var(--kirari-background) 50%, var(--kirari-keyword) 50%);box-shadow:0 0 0 var(--hairline) var(--line-strong);flex:none}:where(.cAVxiW_root) .cAVxiW_editorActions{gap:var(--size-2);margin-left:auto;display:flex}:where(.cAVxiW_root) .cAVxiW_editorPanes{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}:where(.cAVxiW_root) .cAVxiW_sourcePane,:where(.cAVxiW_root) .cAVxiW_previewPane{flex-direction:column;min-width:0;min-height:0;display:flex}:where(.cAVxiW_root) .cAVxiW_sourcePane{background:var(--soft);border-right:var(--hairline) solid var(--line)}:where(.cAVxiW_root) .cAVxiW_previewPane{background:var(--kirari-background);color:var(--kirari-text)}:where(.cAVxiW_root) .cAVxiW_paneLabel{height:var(--size-40);padding:0 var(--size-18);font-size:var(--size-12);color:var(--faint);flex:none;justify-content:space-between;align-items:center;display:flex}:where(.cAVxiW_root) .cAVxiW_previewPane .cAVxiW_paneLabel{color:color-mix(in srgb, var(--kirari-text) 75%, transparent)}:where(.cAVxiW_root) .cAVxiW_sourceFilename,:where(.cAVxiW_root) .cAVxiW_tokenCount{font:var(--size-12) var(--mono)}:where(.cAVxiW_root) .cAVxiW_source{resize:none;width:100%;padding:var(--size-4) var(--size-18) var(--size-18);color:var(--muted);font:var(--size-14) / var(--leading-code-relaxed) var(--mono);tab-size:2;white-space:pre;background:0 0;border:0;flex:1;overflow:auto}:where(.cAVxiW_root) .cAVxiW_source:focus-visible{outline-offset:calc(-1 * var(--size-2));border-radius:0}:where(.cAVxiW_root) .cAVxiW_source:hover:not(:focus){background:var(--soft-2)}:where(.cAVxiW_root) .cAVxiW_previewCode{scroll-padding:var(--size-8);padding:var(--size-4) var(--size-18) var(--size-18);font:var(--size-14) / var(--leading-code-relaxed) var(--mono);tab-size:2;white-space:pre;flex:1;margin:0;overflow:auto}:where(.cAVxiW_root) .cAVxiW_outputSwitch{gap:var(--size-2);padding:var(--size-2);border-radius:var(--size-7);background:color-mix(in srgb, var(--kirari-text) 8%, transparent);display:flex}:where(.cAVxiW_root) .cAVxiW_outputSwitch button{height:var(--size-22);padding:0 var(--size-9);border-radius:var(--size-5);color:color-mix(in srgb, var(--kirari-text) 75%, transparent);font-size:var(--size-12);background:0 0;border:0}:where(.cAVxiW_root) .cAVxiW_outputSwitch button[aria-pressed=true]{background:var(--kirari-background);color:var(--kirari-text);box-shadow:0 var(--hairline) var(--size-2) #0000001f}:where(.cAVxiW_root) .cAVxiW_outputSwitch button:hover{background:color-mix(in srgb, var(--kirari-text) 16%, transparent);color:var(--kirari-text)}:where(.cAVxiW_root) .cAVxiW_inspectable{font:inherit;white-space:inherit;text-align:inherit;cursor:pointer;border-radius:var(--size-3);background:0 0;border:0;padding:0;display:inline}:where(.cAVxiW_root) .cAVxiW_inspectable:hover{background:color-mix(in srgb, var(--kirari-text) 8%, transparent)}:where(.cAVxiW_root) .cAVxiW_inspector{align-items:center;gap:var(--size-12);min-height:var(--size-48);padding:var(--size-8) var(--size-14);border-top:var(--hairline) solid var(--line);flex:none;display:flex}:where(.cAVxiW_root) .cAVxiW_inspector>code{font-size:var(--size-13);color:var(--muted)}:where(.cAVxiW_root) .cAVxiW_inspectorEnd{align-items:center;gap:var(--size-16);margin-left:auto;display:flex}:where(.cAVxiW_root) .cAVxiW_tokenOffset{font:var(--size-12) var(--mono);color:var(--faint)}:where(.cAVxiW_root) .cAVxiW_colorControl{align-items:center;gap:var(--size-8);font-size:var(--size-13);color:var(--muted);cursor:pointer;display:flex}:where(.cAVxiW_root) input[type=color]{width:var(--size-24);height:var(--size-24);padding:var(--size-2);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-round);background:var(--bg);cursor:pointer}:where(.cAVxiW_root) input[type=color]::-webkit-color-swatch-wrapper{padding:0}:where(.cAVxiW_root) input[type=color]::-webkit-color-swatch{border-radius:var(--radius-round);border:0}:where(.cAVxiW_root) .cAVxiW_colorControl:hover input{border-color:var(--ink);box-shadow:0 0 0 var(--size-2) var(--soft-2)}:where(.cAVxiW_root) .cAVxiW_editorHelp{margin:var(--size-14) 0 0;text-align:center;font-size:var(--size-14);color:var(--faint)}:where(.cAVxiW_root) .cAVxiW_editorHelp a{color:var(--ink)}:where(.cAVxiW_root) .cAVxiW_editorHelp a:hover{color:var(--muted)}@media (max-width:53.75rem){:where(.cAVxiW_root) .cAVxiW_editorPanes{grid-template-rows:1fr 1fr;grid-template-columns:1fr}:where(.cAVxiW_root) .cAVxiW_sourcePane{border-right:0;border-bottom:var(--hairline) solid var(--line)}:where(.cAVxiW_root) .cAVxiW_playground{height:auto;min-height:0}:where(.cAVxiW_root) .cAVxiW_source,:where(.cAVxiW_root) .cAVxiW_previewCode{min-height:13.75rem}:where(.cAVxiW_root) .cAVxiW_editorActions{margin-left:0}}@media (max-width:35rem){.cAVxiW_root{padding:var(--size-12)}:where(.cAVxiW_root) .cAVxiW_colorControl>span,:where(.cAVxiW_root) .cAVxiW_tokenOffset{display:none}}