.Fi9Q9W_viewer{flex-direction:column;height:100%;min-height:0;display:flex}.Fi9Q9W_tabs[data-slot=tabs-root],.Fi9Q9W_tabs [data-slot=tabs-content][data-state=active]{flex-direction:column;flex:1;min-height:0;display:flex}.Fi9Q9W_previewPanel[data-slot=tabs-content],.Fi9Q9W_codePanel[data-slot=tabs-content]{background:0 0;border:none;border-radius:0;padding:0}.Fi9Q9W_tabsHeader [data-slot=tabs-list]{background-color:#0000;border:none;border-radius:0;padding:0}.Fi9Q9W_tabsHeader [data-slot=tabs-trigger]{border-radius:2px;font-size:12px}.Fi9Q9W_tabsHeader [data-slot=tabs-trigger]:first-child{margin-right:0}.Fi9Q9W_tabsHeader [data-slot=tabs-trigger]:not([data-active]){border:1px solid oklch(from var(--border) l c h / .5)}.Fi9Q9W_tabsHeader [data-slot=tabs-trigger][data-active]{color:var(--foreground);border:1px solid var(--border)}.Fi9Q9W_tabsHeader{border-bottom:.5px solid oklch(from var(--border) l c h / .7);background:var(--code-header-bg);justify-content:space-between;align-items:center;min-height:2.5rem;padding:2px 4px;display:flex}.Fi9Q9W_previewPanel{background:var(--muted);flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow-y:auto}.Fi9Q9W_previewContainer{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:100%;padding:1rem;display:flex}@media (max-width:1024px){.Fi9Q9W_previewContainer{justify-content:flex-start}}@media (max-width:640px){.Fi9Q9W_previewContainer{padding:.5rem}}.Fi9Q9W_previewContainerFull{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex}.Fi9Q9W_loading{color:var(--muted-foreground)}.Fi9Q9W_codePanel{flex-direction:column;flex:1;min-height:0;display:flex}.Fi9Q9W_codeLayout{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:240px 1fr;min-height:0;display:grid}@media (max-width:768px){.Fi9Q9W_codeLayout{grid-template-columns:1fr}.Fi9Q9W_sidebar{display:none}}.Fi9Q9W_sidebar{border-right:.5px solid oklch(from var(--border) l c h / .7);background:var(--code-header-bg);min-height:0;overflow-y:auto}.Fi9Q9W_sidebarHeader{border-bottom:.5px solid oklch(from var(--border) l c h / .7);background:var(--code-header-bg);justify-content:space-between;align-items:center;min-height:2.5rem;padding:2px 4px 2px 10px;display:flex}.Fi9Q9W_sidebarTitle{color:var(--muted-foreground);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem;font-weight:400}.Fi9Q9W_codeArea{background:var(--code-header-bg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.Fi9Q9W_codeBlock{border:none;border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex}.Fi9Q9W_codeHeader{border-bottom:.5px solid oklch(from var(--border) l c h / .7);background:var(--code-header-bg);justify-content:space-between;align-items:center;min-height:2.5rem;padding:2px 4px 2px 10px;display:flex}.Fi9Q9W_mobileFileSelect{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;text-overflow:ellipsis;max-width:200px;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem;display:none}@media (max-width:768px){.Fi9Q9W_mobileFileSelect{display:block}.Fi9Q9W_fileName{display:none}}.Fi9Q9W_fileName{color:var(--muted-foreground);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem;font-weight:400}.Fi9Q9W_codeContent{background:var(--code-header-bg);scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;max-height:none;overflow:auto}.Fi9Q9W_codeContent::-webkit-scrollbar{display:none}.Fi9Q9W_codeContent .code-container{max-height:none}.Fi9Q9W_headerActions{align-items:center;gap:.5rem;display:flex}.Fi9Q9W_separator{background:oklch(from var(--border) l c h / .5);width:1px;height:1rem}.Fi9Q9W_installButton{border:1px solid oklch(from var(--border) l c h / .5);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:.25rem;margin-right:12px;padding:.25rem .5rem;font-size:12px;display:flex}@media (hover:hover){.Fi9Q9W_installButton:hover .Fi9Q9W_installCode{color:var(--foreground)}}.Fi9Q9W_installCode{color:var(--muted-foreground);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;transition:color .2s ease-out}@media (max-width:768px){.Fi9Q9W_installButton,.Fi9Q9W_separator{display:none}}.Fi9Q9W_toolbar{justify-content:center;padding:8px;display:flex}
._0lcwrW_tree{padding:.5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.8125rem}._0lcwrW_node{-webkit-user-select:none;user-select:none}._0lcwrW_nodeButton{border-radius:var(--radius-md);width:100%;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.375rem;padding:.375rem .5rem;transition:background-color .15s;display:flex}@media (hover:hover){._0lcwrW_nodeButton:hover{background:oklch(from var(--accent) l c h / .5)}}._0lcwrW_selected{background:var(--accent)}._0lcwrW_chevron{color:var(--muted-foreground);flex-shrink:0;transition:transform .15s}._0lcwrW_chevronOpen{transform:rotate(90deg)}._0lcwrW_spacer{flex-shrink:0;width:14px}._0lcwrW_icon{color:var(--muted-foreground);flex-shrink:0}._0lcwrW_name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._0lcwrW_children{overflow:hidden}._0lcwrW_list{margin:0;padding:0;list-style:none}._0lcwrW_nodeButton:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}
