@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap";pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}:root{--bg: #f3efe7;--bg-soft: #f8f4ed;--ink: #1f2933;--muted: #5a6573;--brand: #0e7490;--brand-soft: #cffafe;--card: rgba(255, 255, 255, .84);--line: #d8cfc2;--code-bg: #112031}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}body{font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 9% 5%,#ffc977 0 10%,transparent 11%),radial-gradient(circle at 92% 12%,#9fd9d0 0 13%,transparent 14%),linear-gradient(135deg,var(--bg) 0%,var(--bg-soft) 100%)}button{font:inherit}.app-shell{height:100dvh;display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:16px;padding:16px;overflow:hidden;min-width:0}.panel{border:1px solid color-mix(in srgb,var(--line) 75%,#ffffff);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;box-shadow:0 10px 30px #2a364714;min-width:0}.sidebar{padding:18px 14px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.sidebar-header{padding:8px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:10px}.sidebar-header h1{margin:0;letter-spacing:.02em;font-size:1.5rem}.sidebar-header p{margin:6px 0 0;color:var(--muted);font-size:.93rem}.tree-root{flex:1;min-height:0;overflow:auto;padding-right:6px}.tree-entry{margin-bottom:2px}.tree-toggle,.tree-file{width:100%;border:none;background:transparent;border-radius:10px;text-align:left;color:#293241;cursor:pointer;padding:8px 10px;transition:background .2s ease,transform .2s ease}.tree-toggle:hover,.tree-file:hover{background:#e8f6f8}.tree-file.active{background:var(--brand-soft);color:#0f172a;font-weight:600}.caret{display:inline-block;width:16px;color:var(--brand)}.editor-panel{padding:20px;display:flex;flex-direction:column;min-height:0;min-width:0}.editor-header{position:relative}.breadcrumb-wrap{position:relative;min-width:0}.breadcrumb-bar{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;font-size:clamp(1.05rem,1.6vw,1.24rem);overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:2px}.crumb-segment{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.crumb-item{position:relative;flex-shrink:0}.crumb-home,.crumb-button{border:none;background:transparent;color:#0f172a;border-radius:8px;cursor:pointer;padding:2px 6px;font-weight:600}.crumb-home:hover,.crumb-button:hover,.crumb-button.active{background:#e8f6f8;color:#0e7490}.crumb-separator{color:#64748b;font-weight:700;-webkit-user-select:none;user-select:none}.crumb-picker{position:absolute;z-index:20;display:flex;max-width:min(84vw,960px);border:1px solid var(--line);border-radius:12px;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 28px #0f172a33;overflow:auto}.crumb-column{min-width:220px;max-height:280px;overflow:auto;border-right:1px solid #e2e8f0;padding:6px}.crumb-column:last-child{border-right:none}.crumb-option{width:100%;border:none;border-radius:8px;background:transparent;color:#1f2937;cursor:pointer;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.crumb-option:hover{background:#e8f6f8}.crumb-option.selected{background:#d7f4f8;color:#0f4b57;font-weight:600}.crumb-option-arrow{color:#0e7490;font-weight:700;flex-shrink:0}.editor-header h2{margin:0;font-size:clamp(1.1rem,2vw,1.4rem);line-break:anywhere}.editor-header p{margin:8px 0 0;color:var(--muted);font-size:.94rem}.status-line{margin:10px 0;display:flex;flex-wrap:wrap;gap:8px}.status-pill{display:inline-block;font-size:.82rem;background:#d7f4f8;color:#0f4b57;border-radius:999px;padding:4px 10px}.status-pill.muted{background:#f0ece3;color:#5a6573}.status-error{display:inline-block;font-size:.82rem;background:#ffe4e6;color:#a02334;border-radius:999px;padding:4px 10px}.code-viewer{border-radius:18px;overflow:hidden;background:var(--code-bg);min-height:0;min-width:0;flex:1;display:flex}.code-viewer pre{margin:0;min-height:0;min-width:0;flex:1;overflow:auto;padding:18px;white-space:pre;color:#d7e3f4}.code-viewer code{font-family:JetBrains Mono,Consolas,monospace;font-size:.92rem;line-height:1.56}.empty-state{min-height:0;flex:1;display:grid;place-items:center;color:#dbe7ff;background:linear-gradient(180deg,#1d3557,#112031);padding:20px;text-align:center}@media (max-width: 980px){.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(38vh,44vh) minmax(0,1fr);gap:12px;padding:12px}.sidebar{min-height:0}.editor-panel{padding:14px}.code-viewer,.code-viewer pre,.empty-state{min-height:0}.breadcrumb-wrap{max-width:100%}.crumb-picker{position:absolute;right:auto;max-width:calc(100vw - 24px);width:max-content;max-height:min(52vh,360px);overflow:auto}.crumb-column{max-height:min(48vh,320px)}}@media (max-width: 560px){.sidebar-header h1{font-size:1.24rem}.tree-toggle,.tree-file{padding:9px 8px;font-size:.95rem}.code-viewer code{font-size:.84rem}}