:root{color-scheme:light dark;--hairline:1px;--font-code:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-code-size:.8125rem;--split-line-size:3px;--tab-pad:.375rem;--tabs-size:1.75rem;--color-surface:#f3ead7;--color-chrome:#ebebec;--color-border:#c9c9ca;--color-hover:#dfdfe0;--color-text:#242529;--color-muted:#58585a;color:var(--color-text);background:var(--color-surface);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--color-surface:#282c33;--color-chrome:#2f343e;--color-border:#464b57;--color-hover:#363c46;--color-text:#dce0e5;--color-muted:#a9afbc}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{min-width:20rem;overflow:hidden}button{color:inherit;font:inherit}.workspace{background:var(--color-surface);width:100%;height:100dvh;position:relative}.pane{pointer-events:none;background:0 0;flex-direction:column;display:flex}.pane,.split-boundary,.context-layer,.app{position:absolute}.split-boundary{pointer-events:none}.resize-handle{color:var(--color-border);pointer-events:auto;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.split-boundary[data-axis=horizontal]>.resize-handle{width:var(--split-line-size);cursor:col-resize;inset-block:0;transform:translate(-100%)}.split-boundary[data-axis=vertical]>.resize-handle{height:var(--split-line-size);cursor:row-resize;inset-inline:0;transform:translateY(-100%)}.resize-handle:is(:hover,:focus-visible){color:var(--color-muted)}.resize-handle:focus,.resource:focus{outline:var(--hairline) solid currentColor;outline-offset:calc(-1 * var(--hairline))}.workspace:focus-visible{outline:var(--hairline) solid var(--color-muted);outline-offset:calc(-1 * var(--hairline))}.resize-line{pointer-events:none;background:currentColor;position:absolute}.split-boundary[data-axis=horizontal] .resize-line{inset-block:0;width:var(--split-line-size);right:0}.split-boundary[data-axis=vertical] .resize-line{inset-inline:0;height:var(--split-line-size);bottom:0}.tabs{min-width:0;height:var(--tabs-size);flex:0 0 var(--tabs-size);background:var(--color-chrome);pointer-events:auto;display:flex;overflow:hidden}.tabs:after{border-bottom:var(--hairline) solid var(--color-border);content:"";flex:auto;min-width:0}.tab{border:0;border-top:var(--hairline) solid transparent;border-right:var(--hairline) solid var(--color-border);border-bottom:var(--hairline) solid var(--color-border);min-width:4.5rem;max-width:18rem;color:var(--color-muted);cursor:default;font-family:var(--font-code);font-size:var(--font-code-size);background:0 0;flex:0 auto;display:flex;position:relative;overflow:hidden}.tab:is(:hover,:focus-within){background:var(--color-hover);outline:0}.tab[data-selected=true]{background:var(--color-surface);color:var(--color-text);border-bottom-color:#0000}.tab[data-active-editor=true]{border-top-color:var(--color-muted)}.tab[data-preview=true]{font-style:italic}.tab-label,.tab-close{padding:var(--tab-pad);color:inherit;font:inherit;background:0 0;border:0}.tab-label{min-width:0;text-overflow:ellipsis;white-space:nowrap;padding-inline-start:calc(var(--tab-pad) * 2);overflow:hidden}.tab-close{cursor:default;flex:0 0 1.5rem}.tab-close:before{content:"×"}.tab-close:hover{background:var(--color-hover)}.tab[data-drop-target]:after{content:"";background:currentColor;width:2px;position:absolute;inset-block:2px}.tab[data-drop-target=before]:after{inset-inline-start:0}.tab[data-drop-target=after]:after{inset-inline-end:0}.pane-content{pointer-events:none;flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.pane-content[data-dragging=true]{pointer-events:auto}.pane-content[data-drop-zone]:after{content:"";pointer-events:none;background:var(--color-hover);position:absolute;inset:0}.pane-content[data-drop-zone=left]:after{inset-inline-end:50%}.pane-content[data-drop-zone=right]:after{inset-inline-start:50%}.pane-content[data-drop-zone=top]:after{inset-block-end:50%}.pane-content[data-drop-zone=bottom]:after{inset-block-start:50%}.context-layer{pointer-events:none;inset:0}.app,.sandbox-app,.viewer{width:100%;height:100%}.app{padding-top:var(--tabs-size);background:var(--color-surface);pointer-events:auto;overflow:hidden}.sandbox-app{border:0;display:block}.view{--tree-indent:1rem;--tree-guides:repeating-linear-gradient(to right, transparent 0, transparent calc(var(--tree-indent) - var(--hairline)), var(--color-border) calc(var(--tree-indent) - var(--hairline)), var(--color-border) var(--tree-indent));background:var(--color-chrome);height:100%;padding-block:.5rem;overflow:auto}.resource{width:100%;min-height:1.5rem;padding:.125rem .5rem .125rem calc((var(--tree-depth) * var(--tree-indent)) + .5rem);background-image:var(--tree-guides);background-repeat:no-repeat;background-size:max(calc(var(--tree-depth) * var(--tree-indent)), var(--hairline)) 100%;color:var(--color-text);cursor:default;font-family:var(--font-code);font-size:var(--font-code-size);text-align:left;background-color:#0000;border:0;align-items:baseline;gap:.36em;line-height:1.35;display:flex}.resource-row{grid-template-columns:minmax(0,1fr) auto;display:grid}.resource-transfer{width:1.75rem;color:var(--color-muted);cursor:default;font-family:var(--font-code);font-size:var(--font-code-size);background:0 0;border:0;padding:0}.resource-row:is(:hover,:focus-within){background:var(--color-hover)}.resource-transfer-dialog{border:var(--hairline) solid var(--color-border);background:var(--color-surface);width:min(28rem,100% - 2rem);color:var(--color-text);padding:1rem}.resource-transfer-dialog::backdrop{background:#00000059}.resource-transfer-dialog h2{margin-block:0 1rem;font-size:1rem}.resource-transfer-dialog label{gap:.375rem;display:grid}.resource-transfer-dialog select,.resource-transfer-dialog button{font:inherit}.resource-transfer-actions{justify-content:flex-end;gap:.5rem;margin-block-start:1rem;display:flex}.resource-transfer-issues{color:var(--color-muted);font-family:var(--font-code);font-size:var(--font-code-size)}.resource:is(:hover,:focus-visible){background:var(--color-hover)}.resource-folder{color:var(--color-muted);font-weight:600}.resource-icon{font-variant-emoji:text;filter:grayscale()saturate(0)contrast(1.1);text-align:center;flex:0 0 1.15em;width:1.15em;font-family:Apple Symbols,Segoe UI Symbol,"Noto Sans Symbols 2",sans-serif}.resource-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.viewer{color:var(--color-text);background:var(--color-surface);font-family:var(--font-code);font-size:var(--font-code-size);white-space:pre-wrap;margin:0;padding:.75rem;line-height:1.55;overflow:auto}