:root{--tb-h:30px;--st-h:22px;--ab-w:48px;--sb-w:252px;--tabs-h:35px;--crumb-h:22px}body.is-editor{height:100dvh;font-size:13px;overflow:hidden}.shell{grid-template-rows:var(--tb-h) minmax(0, 1fr) var(--st-h);background:var(--ed);height:100dvh;display:grid}.workbench{grid-template-columns:var(--ab-w) var(--sb-w) minmax(0, 1fr);grid-template-rows:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.titlebar{background:var(--tb);color:var(--tb-fg);border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);user-select:none;align-items:center;gap:10px;padding:0 10px;font-size:12px;display:flex}.traffic{gap:8px;padding-right:4px;display:flex}.traffic i{border-radius:50%;width:12px;height:12px}.traffic i:first-child{background:#ff5f57}.traffic i:nth-child(2){background:#febc2e}.traffic i:nth-child(3){background:#28c840}.menubar{opacity:.85;gap:14px;display:none}.title-center{opacity:.6;margin-inline:auto;font-size:12px}.title-actions{align-items:center;gap:6px;display:flex}.activity{background:var(--ab);min-height:0;color:var(--ab-fg);border-right:1px solid color-mix(in srgb, var(--border) 45%, transparent);flex-direction:column;align-items:center;padding:8px 0;display:flex}.activity a,.activity .view-btn{width:48px;height:42px;font:inherit;color:var(--ab-off);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.activity .view-btn{cursor:pointer}.activity a:hover,.activity .view-btn:hover,.activity a[aria-current=page],.activity .view-btn[aria-current=true]{color:var(--ab-fg)}.activity a[aria-current=page]:before,.activity .view-btn[aria-current=true]:before{content:"";background:var(--ab-fg);width:2px;position:absolute;top:8px;bottom:8px;left:0}.activity svg{width:21px;height:21px}.activity .spacer{margin-top:auto}.panel[hidden]{display:none}.panel-note{color:color-mix(in srgb, var(--sb-fg) 62%, transparent);padding:4px 12px 14px;font-size:11.5px;line-height:1.55}.search-box{padding:8px 10px 6px}.search-box input{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:var(--input);width:100%;color:var(--input-fg);border-radius:3px;padding:4px 8px;font-family:inherit;font-size:12px}.search-box input::placeholder{color:color-mix(in srgb, var(--sb-fg) 55%, transparent)}.results{margin:0;padding:0 0 12px;list-style:none}.results button{width:100%;color:var(--sb-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:4px 12px;display:block}.results button:hover{background:var(--hover)}.results .where{color:color-mix(in srgb, var(--sb-fg) 60%, transparent);font-size:10.5px;display:block}.results .snippet{white-space:nowrap;text-overflow:ellipsis;font-family:var(--mono);opacity:.9;font-size:11px;display:block;overflow:hidden}.results-empty{color:color-mix(in srgb, var(--sb-fg) 62%, transparent);padding:6px 12px 14px;font-size:11.5px;line-height:1.55}.theme-list{gap:6px;margin:0;padding:6px 10px 4px;list-style:none;display:grid}.theme-list button{width:100%;color:var(--sb-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:9px;padding:8px 10px;font-size:12.5px;display:flex}.theme-list button:hover{background:var(--hover)}.theme-list button[aria-pressed=true]{border-color:color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--ed-fg) 8%, transparent);color:var(--ed-fg)}.theme-list .dot{border-radius:3px;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff26}.theme-list .check{width:14px;height:14px;color:var(--accent);margin-inline-start:auto;display:none}.theme-list button[aria-pressed=true] .check{display:block}.theme-list .check svg{width:14px;height:14px;display:block}.side-head__label{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.side-head__label:hover{color:var(--ed-fg)}.side-head__twist{opacity:.8;width:9px;font-size:9px;transition:transform .12s;display:inline-block}.side-head__label[aria-expanded=false] .side-head__twist{transform:rotate(-90deg)}.side-head .tools{letter-spacing:0;gap:2px;display:flex}.side-head .tools button{width:20px;height:20px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;padding:0;display:grid}.side-head .tools button:hover{background:color-mix(in srgb, var(--sb-fg) 16%, transparent);color:var(--ed-fg)}.side-head .tools svg{width:14px;height:14px}.section-body[hidden],.tree-children[hidden],.filetree li[hidden]{display:none}.tree-folder-btn{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;font-size:12.5px}.tree-folder-btn .chev{transition:transform .12s;display:inline-block}.tree-folder-btn[aria-expanded=false] .chev{transform:rotate(-90deg)}.filetree li[data-depth="2"]{position:relative}.row-actions{width:20px;height:20px;color:var(--sb-fg);cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;padding:0;display:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.filetree li:hover>.row-actions,.row-actions:focus-visible{display:grid}.row-actions:hover{background:color-mix(in srgb, var(--sb-fg) 18%, transparent);color:var(--ed-fg)}.row-actions svg{width:14px;height:14px}.rename-input{border:1px solid var(--focus);background:var(--input);width:calc(100% - 12px);color:var(--input-fg);border-radius:2px;margin:2px 6px;padding:1px 5px;font-family:inherit;font-size:12px}.new-file-input{width:calc(100% - 44px);margin-left:32px}.ctx-menu{z-index:200;background:var(--widget);min-width:190px;color:var(--widget-fg);border:1px solid color-mix(in srgb, var(--border) 85%, transparent);border-radius:5px;margin:0;padding:4px 0;font-size:12.5px;list-style:none;position:fixed;box-shadow:0 10px 30px -10px #000c}.ctx-menu[hidden]{display:none}.ctx-menu button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:5px 12px;display:flex}.ctx-menu button:hover{background:var(--sel);color:var(--sel-fg)}.ctx-menu .sep{background:color-mix(in srgb, var(--border) 70%, transparent);height:1px;margin:4px 0}.sidebar{background:var(--sb);color:var(--sb-fg);border-right:1px solid color-mix(in srgb, var(--border) 45%, transparent);min-height:0;padding-bottom:12px;font-size:12px;overflow-y:auto}.side-head{letter-spacing:.09em;text-transform:uppercase;color:var(--sb-title);justify-content:space-between;align-items:center;padding:9px 12px 6px;font-size:10px;display:flex}.side-head span:last-child{letter-spacing:0;opacity:.7}.filetree{margin:0;padding:0;list-style:none}.filetree li{position:relative}.filetree .tree-folder,.filetree .folder-btn,.filetree .file-link{width:100%;color:var(--sb-fg);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;align-items:center;gap:6px;padding:4px 12px 4px 22px;font-family:inherit;font-size:12.5px;display:flex;overflow:hidden}.filetree .folder-btn,.filetree .file-link{cursor:pointer}.filetree>li>.tree-folder{padding-left:12px}.filetree .folder-btn{padding-left:22px}.filetree .file-link{padding-left:38px}.filetree .tree-folder{opacity:.82}.filetree .file-link:hover,.filetree .folder-btn:hover{background:var(--hover);text-decoration:none}.filetree .file-link[aria-current=true],.filetree .file-link.is-active{background:var(--sel);color:var(--sel-fg)}.filetree .chev{opacity:.75;width:10px;font-size:9px}.filetree .ico{text-align:center;opacity:.9;width:14px;font-size:10px}.ext{border:1px solid color-mix(in srgb, var(--border) 55%, transparent);background:color-mix(in srgb, var(--widget) 55%, transparent);border-radius:4px;margin:14px 10px 0;padding:10px}.ext-top{align-items:center;gap:9px;display:flex}.ext-top img{border-radius:5px;width:32px;height:32px}.ext-name{color:var(--ed-fg);font-size:12.5px;font-weight:600}.ext-meta{opacity:.7;font-size:10.5px;font-family:var(--mono);margin-top:2px}.ext p{opacity:.82;margin-top:9px;font-size:11.5px;line-height:1.55}.editor{grid-template-rows:var(--tabs-h) var(--crumb-h) minmax(0, 1fr);background:var(--ed);min-width:0;min-height:0;display:grid;overflow:hidden}.tabs{background:var(--tab);border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);scrollbar-width:none;align-items:stretch;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs [data-tabs]{display:contents}.tab{background:var(--tab);color:var(--tab-fg);border-right:1px solid color-mix(in srgb, var(--border) 45%, transparent);white-space:nowrap;cursor:pointer;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-size:12.5px;display:flex}button.tab{border:0;border-right:1px solid color-mix(in srgb, var(--border) 45%, transparent);align-self:stretch}.tab:hover{color:var(--ed-fg)}.tab.is-active,button.tab[aria-current=true]{background:var(--tab-on);color:var(--tab-on-fg);box-shadow:inset 0 1px 0 var(--tab-line)}button.tab-action{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);color:var(--tab-fg);font:inherit;cursor:pointer;background:0 0;border-radius:3px;align-self:center;margin-right:10px;padding:3px 10px;font-size:11.5px}button.tab-action:hover{background:var(--hover);color:var(--ed-fg)}.tab .x{opacity:.55;font-size:13px}.tab-badge{font-family:var(--mono);background:color-mix(in srgb, currentColor 16%, transparent);opacity:.9;border-radius:3px;padding:3px 4px;font-size:9.5px;line-height:1}.tab--alt{opacity:.75}.tabs a:hover,.activity a:hover,.statusbar a:hover,.crumbs a:hover{text-decoration:none}.statusbar a{color:inherit}.crumbs{color:color-mix(in srgb, var(--ed-fg) 62%, transparent);background:var(--ed);align-items:center;gap:6px;padding:0 12px;font-size:11.5px;display:flex}.crumbs a{color:inherit}.crumbs a:hover{color:var(--ed-fg)}.crumbs .sep{opacity:.5}.crumbs b{color:var(--ed-fg);font-weight:400}.editor-body{scroll-behavior:smooth;min-height:0;overflow-y:auto}.editor-body.is-fill{overflow:hidden}.editor-body>.section:first-child{border-top:0;padding-top:34px}.statusbar{background:var(--st);color:var(--st-fg);user-select:none;align-items:center;gap:16px;padding:0 12px;font-size:11.5px;display:flex}.statusbar .item{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.statusbar .branch{background:color-mix(in srgb, var(--st-fg) 16%, transparent);align-self:stretch;margin-left:-12px;padding:0 9px}.statusbar .push{margin-inline:auto}.statusbar button.item{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.statusbar button.item:hover,.statusbar button.item[aria-expanded=true]{background:var(--st-hover)}.ctx-menu .check{color:var(--accent);margin-inline-start:auto}@media (width<=860px){.workbench{grid-template-columns:minmax(0,1fr)}.activity,.sidebar{display:none}}@media (prefers-reduced-motion:reduce){.editor-body{scroll-behavior:auto}}.playground[data-astro-cid-alq5tfmz]{background:var(--ed);flex-direction:column;height:100%;min-height:0;display:flex}.pg-host[data-astro-cid-alq5tfmz]{background:var(--ed);flex:1;min-height:0;position:relative}.pg-fallback[data-astro-cid-alq5tfmz]{pointer-events:none;opacity:.4;position:absolute;inset:0;overflow:hidden}.playground[data-astro-cid-alq5tfmz].is-ready .pg-fallback[data-astro-cid-alq5tfmz],.playground[data-astro-cid-alq5tfmz].is-ready .pg-loading[data-astro-cid-alq5tfmz]{display:none}.pg-loading[data-astro-cid-alq5tfmz]{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--widget);color:var(--widget-fg);font-family:var(--mono);white-space:nowrap;border-radius:4px;padding:6px 12px;font-size:11px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}