@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fira-code-cyrillic-ext-wght-normal-DhYMMuQd.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fira-code-cyrillic-wght-normal-Y3u8pIsh.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fira-code-greek-ext-wght-normal-wWus70Ix.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fira-code-greek-wght-normal-B2SviObF.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fira-code-symbols2-wght-normal-CE6EOz_n.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fira-code-latin-ext-wght-normal-Dvfvaomy.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fira-code-latin-wght-normal-CHoedHDv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground: #0d1117;--panel: #151a22;--elevated: #1b212b;--seam: #262c36;--muted: #8b949e;--text: #e6edf3;--keyword: #79c0ff;--string: #56d364;--number: #c678dd;--warning: #e3b341;--destructive: #f85149;--sans: "Lexend Variable", "Lexend", sans-serif;--mono: "Fira Code Variable", "Fira Code", ui-monospace, monospace;--ease: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}html,body,#root{height:100%;background:var(--ground);color:var(--text)}body{margin:0;font-family:var(--sans);font-variant-numeric:tabular-nums;background-color:var(--ground);background-image:radial-gradient(rgba(230,237,243,.045) .6px,transparent .65px);background-size:3px 3px}::selection{background:#79c0ff52;color:var(--text)}:focus-visible{outline:1px solid var(--keyword);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--seam) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--seam);border:2px solid var(--panel);border-radius:0}*::-webkit-scrollbar-track{background:transparent}.console-shell{height:100vh;height:100dvh;display:flex;flex-direction:column;min-height:0;background:var(--ground)}.console-header{height:48px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 12px 0 16px;border-bottom:1px solid var(--seam);background:var(--ground)}.console-mark{height:28px;width:28px;display:block}.console-header-actions{margin-left:auto;display:flex;align-items:center;gap:2px}.console-gap{width:28px;flex-shrink:0}.console-stage{flex:1;min-height:0;display:flex;flex-direction:column}.console-panel{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--panel)}.console-panel-tree{flex:1;border-bottom:1px solid var(--seam)}.console-panel-preview{flex:1.4}@media (min-width: 1200px){.console-stage{flex-direction:row}.console-panel-tree{flex:2;border-bottom:0;border-right:1px solid var(--seam)}.console-panel-preview{flex:1}}.empty-tree{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:32px 24px}.empty-tree-copy{width:min(100%,440px);display:flex;flex-direction:column;align-items:flex-start;gap:16px}@media (min-width: 1200px){.empty-tree-copy{transform:translateY(-44px)}}.panel-header{height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 0 16px;border-bottom:1px solid var(--seam);background:var(--panel)}.panel-header .MuiTypography-root{font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1;font-variant-caps:all-small-caps;color:var(--muted)}.tree-canvas{background-color:var(--panel);background-image:linear-gradient(to right,rgba(38,44,54,.85) 1px,transparent 1px),linear-gradient(to bottom,rgba(38,44,54,.85) 1px,transparent 1px);background-size:16px 16px}.tree-name{font-family:var(--mono)!important;font-size:13px!important;color:var(--keyword)!important;letter-spacing:0!important}.tree-text{font-family:var(--mono);font-size:12px;color:var(--string);font-style:normal}.prop-count{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--number);border-color:var(--seam)!important;height:16px;font-size:11px}.console-destructive{margin-left:16px;border:1px dashed var(--seam)!important;border-radius:4px!important;color:var(--muted)!important;background:transparent!important}.console-destructive:hover,.console-destructive:focus-visible{border-color:var(--destructive)!important;color:var(--destructive)!important;background:transparent!important}.console-destructive.Mui-disabled{border-color:transparent!important;color:#8b949e66!important}.axis-y{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s var(--ease)}.axis-y.is-open{grid-template-rows:1fr}.axis-y-inner{overflow:hidden;min-height:0;margin-left:22px}.preview-shell{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:transparent}.preview-scroll{flex:1 1 auto;min-height:0;min-width:0;overflow:auto}.preview-usage{flex-shrink:0;padding:16px;border-top:1px solid var(--seam);background:var(--ground)}.tree-row{position:relative}.tree-actions-reveal{position:absolute;right:4px;top:0;bottom:0;display:flex;align-items:center;opacity:0;pointer-events:none}.tree-row:hover .tree-actions-reveal,.tree-row:focus-within .tree-actions-reveal,.tree-row[data-selected=true] .tree-actions-reveal{opacity:1;pointer-events:auto}.tree-row:hover .tree-row-main,.tree-row:focus-within .tree-row-main,.tree-row[data-selected=true] .tree-row-main{margin-right:148px}.component-search{position:relative;padding-top:16px;overflow:visible}.component-search .MuiFormControl-root,.component-search .MuiAutocomplete-root,.component-search .MuiOutlinedInput-root{overflow:visible}.component-search .MuiInputLabel-root{z-index:2;overflow:visible}.component-search .MuiInputLabel-outlined.MuiInputLabel-shrink{line-height:1.2;overflow:visible;background-color:var(--elevated);padding:0 4px;transform:translate(14px,-12px) scale(.75)}.add-component-dialog{animation:axis-y-in .18s var(--ease);transform-origin:top center}.prompt-sheet{--code-gutter: 3.25rem;--code-gap: .75rem;position:relative;min-height:100%;background:linear-gradient(to right,transparent var(--code-gutter),var(--seam) var(--code-gutter),var(--seam) calc(var(--code-gutter) + 1px),transparent calc(var(--code-gutter) + 1px))}.prompt-sheet pre,.prompt-sheet code{font-family:var(--mono)!important;background:transparent!important}.prompt-sheet .prompt-line{position:relative;display:block;box-sizing:border-box;padding-left:calc(var(--code-gutter) + var(--code-gap))}.prompt-sheet .linenumber{position:absolute;left:0;top:0;width:var(--code-gutter);min-width:0!important;padding-right:.75rem;box-sizing:border-box;text-align:right;color:var(--muted)!important;font-variant-numeric:tabular-nums}@keyframes axis-y-in{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}.MuiPopover-paper{animation:axis-y-in .18s var(--ease);transform-origin:top center}.section-kicker{font-size:11px!important;font-weight:600!important;letter-spacing:.14em!important;font-variant-caps:all-small-caps;color:var(--muted)!important}