.sidebar{background:var(--color-border);width:100%;height:100%;color:var(--color-text);flex-direction:column;font-family:system-ui,sans-serif;font-size:11pt;display:flex}.sidebar-header{height:var(--top-bar-height);color:var(--color-text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 8px 0 12px;display:flex}.sidebar-header .title{text-transform:uppercase;letter-spacing:.04em;font-weight:400}.actions{gap:2px;display:flex}.icon-link{all:unset;cursor:pointer;display:inline-flex}.explorer{padding:4px 0;overflow-y:auto}.item{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;color:inherit;align-items:center;gap:6px;padding:4px 18px 4px 36px;display:flex}.item:hover{background:var(--color-surface-hover)}.item svg{color:currentColor;flex-shrink:0}.item .label{text-overflow:ellipsis;font-size:12pt;overflow:hidden}.folder,.file{color:var(--color-text)}.file.active{background:var(--color-surface-alt);color:#fff}.chevron,.chevron-placeholder{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.chevron svg{height:12px;color:var(--color-text-muted)}.chevron-placeholder{visibility:hidden}.content{height:100%;min-height:0;color:var(--color-text);background:var(--color-bg);padding:0 4rem;font-size:12pt;line-height:1.6;overflow:auto scroll}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin:0;padding:24px 0 12px;font-weight:600;line-height:1.25}.content h1{border-bottom:1px solid var(--color-surface-alt);padding-bottom:8px;font-size:2em}.content h2{border-bottom:1px solid var(--color-surface-alt);padding-bottom:6px;font-size:1.6em}.content h3{font-size:1.3em}.content h4{font-size:1.1em}.content p{margin:16px 0}.content a{color:var(--color-info);text-decoration:none}.content a:hover{text-decoration:underline}.content strong{font-weight:600}.content em{font-style:italic}.content code{background:var(--color-surface-alt);border-radius:3px;padding:.15em .35em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95em}.content pre{border-radius:4px;margin:16px 0;padding:12px 16px;overflow-x:auto;background:var(--color-border)!important}.content pre::-webkit-scrollbar{height:calc(var(--scrollbar-size) / 2);width:calc(var(--scrollbar-size) / 2)}.content pre code{background:0 0;padding:0;font-size:13px;line-height:1.5}.content blockquote{color:var(--color-text-muted);border-left:4px solid var(--color-border);margin:16px 0;padding:4px 16px}.content ul,.content ol{margin:18px 0}.content li{margin:6px 0}.content hr{border:none;border-top:1px solid var(--color-border);margin:24px 0}.content table{border-collapse:collapse;width:100%;margin:16px 0}.content th,.content td{border:1px solid var(--color-border);padding:6px 10px}.content th{background:var(--color-surface-alt);font-weight:600}.content img{max-width:100%;margin:16px 0;display:block}.content .markdown-alert{border:1px solid var(--color-border-soft);background:var(--color-surface-alt);border-radius:6px;margin:20px 0;padding:14px 16px}.content .markdown-alert-title{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin:0 0 8px;font-size:.95em;font-weight:600;display:flex}.content .markdown-alert-title svg{fill:currentColor;flex-shrink:0}.content .markdown-alert>p:not(.markdown-alert-title){margin:8px 0}.content .markdown-alert p:last-child{margin-bottom:0}.content .markdown-alert-note{border-left:4px solid var(--color-info)}.content .markdown-alert-note .markdown-alert-title{color:var(--color-info)}.content .markdown-alert-tip{border-left:4px solid var(--color-success)}.content .markdown-alert-tip .markdown-alert-title{color:var(--color-success)}.content .markdown-alert-important{border-left:4px solid var(--color-focus-ring)}.content .markdown-alert-important .markdown-alert-title{color:var(--color-focus-ring)}.content .markdown-alert-warning{border-left:4px solid var(--color-warning)}.content .markdown-alert-warning .markdown-alert-title{color:var(--color-warning)}.content .markdown-alert-caution{border-left:4px solid var(--color-error)}.content .markdown-alert-caution .markdown-alert-title{color:var(--color-error)}.shiki{font-family:var(--font-mono);font-size:12pt;line-height:1.5}.code-preview{background:var(--color-bg);height:100%;min-height:0;overflow:auto scroll}.code-preview pre{outline:none;margin:0;padding:24px}@scope(.app) to (.example){[data-split]{--resizer-line-size:var(--gap);--resizer-hit-size:6px;width:100%;height:100%}[data-split][data-dir=row]>[data-split-item]>[data-split-resizer]{cursor:col-resize;width:var(--resizer-line-size);transform:translateX(calc(-50% - var(--resizer-line-size) / 2))}[data-split][data-dir=row]>[data-split-item]>[data-split-resizer]:before{width:var(--resizer-hit-size);left:50%;transform:translate(-50%)}[data-split][data-dir=column]>[data-split-item]>[data-split-resizer]{cursor:row-resize;height:var(--resizer-line-size);transform:translateY(calc(-50% - var(--resizer-line-size) / 2))}[data-split][data-dir=column]>[data-split-item]>[data-split-resizer]:before{height:var(--resizer-hit-size);top:50%;transform:translateY(-50%)}[data-split-resizer]{z-index:100;background:var(--color-border-soft);inset:0}[data-split-resizer]:before{content:"";opacity:0;background:var(--color-border-strong);transition:opacity .1s linear;position:absolute;inset:0}[data-split-resizer]:hover:before{opacity:1;transition-delay:.1s}[data-tabs]{--drop-indicator-width:2px;--tabs-bar-gap:1px;background:var(--color-bg);flex-direction:column;width:100%;height:100%;display:flex}[data-tabs-bar]{background:var(--color-border);height:var(--top-bar-height);display:flex;overflow:hidden}[data-tabs-list]{gap:var(--tabs-bar-gap);min-width:0;display:flex;overflow-x:auto}[data-tabs-list]::-webkit-scrollbar{height:calc(var(--scrollbar-size) / 2);width:calc(var(--scrollbar-size) / 2)}[data-tabs-spacer]{flex-grow:1;position:relative}[data-tabs-spacer][data-over=true]:before{content:"";background:var(--color-text);width:var(--drop-indicator-width);position:absolute;top:0;bottom:0;left:0}[data-tabs-actions]{color:var(--color-text-muted);align-items:center;gap:.5rem;padding:0 .5rem;display:flex}[data-tabs-header]{background:var(--color-surface-alt);color:var(--color-text-muted);text-wrap:nowrap;justify-content:center;align-items:center;gap:.5rem;padding-left:1rem;padding-right:.4rem;font-size:12pt;display:flex;position:relative;width:min-content!important}[data-tabs-header][aria-selected=true]{background:var(--color-bg);color:var(--color-text)}[data-tabs-header][data-over=true]:after{z-index:100;content:"";background:var(--color-text);width:var(--drop-indicator-width);position:absolute;top:0;bottom:0;left:0}[data-tabs-header][data-over=true][data-hpart=end]:after{left:calc(100% - var(--drop-indicator-width))}[data-tabs-content],[data-tabs-empty]{flex:1 1 0;position:relative;overflow:hidden}:is([data-tabs-content],[data-tabs-empty]):after{content:"";pointer-events:none;background:var(--color-surface-alt);transition:inset .16s;position:absolute}:is([data-tabs-content],[data-tabs-empty])[data-over=true]:after{opacity:.4}:is([data-tabs-content],[data-tabs-empty])[data-over=true][data-hpart=center][data-vpart=center]:after{inset:0}:is([data-tabs-content],[data-tabs-empty])[data-over=true][data-hpart=start]:after{inset:0 50% 0 0}:is([data-tabs-content],[data-tabs-empty])[data-over=true][data-hpart=end]:after{inset:0 0 0 50%}:is([data-tabs-content],[data-tabs-empty])[data-over=true][data-hpart=center][data-vpart=start]:after{inset:0 0 50%}:is([data-tabs-content],[data-tabs-empty])[data-over=true][data-hpart=center][data-vpart=end]:after{inset:50% 0 0}[data-tabs-empty]{justify-content:center;align-items:center;display:flex}[data-tabs-empty]>svg{object-fit:contain;width:50%;height:50%}[data-tabs-empty]>svg>path{fill:var(--color-border)}}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-track:vertical{box-sizing:border-box;border-left:1px solid var(--color-border-soft)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:1px solid #0000;border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}::-webkit-scrollbar-button{display:none}:root{--color-bg:#272822;--color-surface-alt:#414339;--color-surface-hover:#3e3d32;--color-text:#f8f8f2;--color-text-muted:#ccccc7;--color-text-dim:#90908a;--color-border:#1e1f1c;--color-border-soft:#34352f;--color-border-strong:#75715e;--color-focus-ring:#99947c;--color-success:#a6e22e;--color-warning:#e2e22e;--color-error:#f92672;--color-info:#66d9ef;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "JetBrains Mono", "Fira Code", monospace;--scrollbar-size:14px;--scrollbar-thumb:oklab(54.671% -.00371 .02853/.45);--scrollbar-thumb-hover:#75715eb3;--scrollbar-thumb-active:#75715ee6;--top-bar-height:40px}body{overflow:overlay;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button{all:unset;justify-content:center;align-items:center;display:inline-flex}.button{cursor:pointer;border-radius:4px;padding:2px}.button:hover{background:var(--color-surface-hover)}