.sidebar{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-border);color:var(--color-text);font-family:system-ui,sans-serif;font-size:11pt}.sidebar-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;height:var(--top-bar-height);padding:0 8px 0 12px;color:var(--color-text-muted)}.sidebar-header .title{text-transform:uppercase;font-weight:400;letter-spacing:.04em}.actions{display:flex;gap:2px}.icon-link{all:unset;display:inline-flex;cursor:pointer}.explorer{padding:4px 0;overflow-y:auto}.item{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:4px 18px 4px 36px;display:flex;align-items:center;gap:6px;color:inherit}.item:hover{background:var(--color-surface-hover)}.item svg{flex-shrink:0;color:currentColor}.item .label{font-size:12pt;overflow:hidden;text-overflow:ellipsis}.folder,.file{color:var(--color-text)}.file.active{background:var(--color-surface-alt);color:#fff}.chevron,.chevron-placeholder{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chevron svg{height:12px;color:var(--color-text-muted)}.chevron-placeholder{visibility:hidden}.content{padding:0 4rem;min-height:0;height:100%;overflow-y:scroll;overflow-x:auto;color:var(--color-text);background:var(--color-bg);font-size:12pt;line-height:1.6}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{font-weight:600;line-height:1.25;margin:0;padding:24px 0 12px}.content h1{font-size:2em;border-bottom:1px solid var(--color-surface-alt);padding-bottom:8px}.content h2{font-size:1.6em;border-bottom:1px solid var(--color-surface-alt);padding-bottom:6px}.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{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95em;background:var(--color-surface-alt);padding:.15em .35em;border-radius:3px}.content pre{margin:16px 0;padding:12px 16px;border-radius:4px;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:none;padding:0;font-size:13px;line-height:1.5}.content blockquote{margin:16px 0;padding:4px 16px;color:var(--color-text-muted);border-left:4px solid var(--color-border)}.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;margin:16px 0;width:100%}.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%;display:block;margin:16px 0}.shiki{font-family:var(--font-mono);font-size:12pt;line-height:1.5}.code-preview{min-height:0;height:100%;overflow-y:scroll;overflow-x:auto;background:var(--color-bg)}.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:translate(calc(-50% - var(--resizer-line-size) / 2))}[data-split][data-dir=row]>[data-split-item]>[data-split-resizer]:before{left:50%;width:var(--resizer-hit-size);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{top:50%;height:var(--resizer-hit-size);transform:translateY(-50%)}[data-split-resizer]{z-index:100;inset:0;background:var(--color-border-soft)}[data-split-resizer]:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .1s linear;background:var(--color-border-strong)}[data-split-resizer]:hover:before{opacity:1;transition-delay:.4s}[data-tabs]{--drop-indicator-width: 2px;--tabs-bar-gap: 1px;width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-bg)}[data-tabs-bar]{display:flex;background:var(--color-border);overflow:hidden;height:var(--top-bar-height)}[data-tabs-list]{display:flex;min-width:0;overflow-x:auto;gap:var(--tabs-bar-gap)}[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);position:absolute;left:0;top:0;bottom:0;width:var(--drop-indicator-width)}[data-tabs-actions]{display:flex;align-items:center;color:var(--color-text-muted);padding:0 .5rem}[data-tabs-header]{display:flex;align-items:center;justify-content:center;width:min-content!important;padding-left:1rem;padding-right:.4rem;background:var(--color-surface-alt);color:var(--color-text-muted);font-size:12pt;gap:.5rem;position:relative;text-wrap:nowrap}[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:"";position:absolute;background:var(--color-text);top:0;bottom:0;left:0;width:var(--drop-indicator-width)}[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:"";position:absolute;pointer-events:none;background:var(--color-surface-alt);transition:inset .16s ease}: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]{display:flex;align-items:center;justify-content:center}[data-tabs-empty]>svg{width:50%;height:50%;object-fit:contain}[data-tabs-empty]>svg>path{fill:var(--color-border)}}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-track:vertical{box-sizing:border-box;border-left:1px solid var(--color-border-soft)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:0;border:1px solid transparent;background-clip:padding-box}::-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.67100000000001% -.00371 .02853 / .45);--scrollbar-thumb-hover: rgba(117, 113, 94, .7);--scrollbar-thumb-active: rgba(117, 113, 94, .9);--top-bar-height: 40px}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;overflow:overlay}button{all:unset;display:inline-flex;align-items:center;justify-content:center}.button{cursor:pointer;padding:2px;border-radius:4px}.button:hover{background:var(--color-surface-hover)}