@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Outfit:wght@400;500;600;700&display=swap";.app-shell{isolation:isolate;place-items:center;min-height:100svh;padding:clamp(1.25rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.ambient{z-index:-1;pointer-events:none;position:absolute;inset:0}.orb{filter:blur(40px);opacity:.55;border-radius:50%;animation:14s ease-in-out infinite drift;position:absolute}.orb-a{background:#9fd4c8;width:min(42vw,380px);height:min(42vw,380px);top:18%;left:-6%}.orb-b{background:#a9c4e0;width:min(36vw,320px);height:min(36vw,320px);animation-duration:18s;animation-delay:-5s;bottom:12%;right:-4%}.grid-wash{opacity:.28;background-image:linear-gradient(#1a24210d 1px,#0000 1px),linear-gradient(90deg,#1a24210d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 75%)}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18px,-22px)scale(1.06)}}.explorer{background:var(--paper);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-radius:var(--radius);width:min(440px,100%);box-shadow:var(--shadow-soft);border:1px solid #ffffffa6;flex-direction:column;animation:.55s cubic-bezier(.22,1,.36,1) both rise-in;display:flex;overflow:hidden}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.explorer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem 1.15rem .85rem;display:flex}.explorer-brand{align-items:center;gap:.75rem;display:flex}.brand-mark{background:linear-gradient(145deg, var(--amber-soft) 0%, var(--amber) 55%, #9a5a12 100%);border-radius:10px;width:2.35rem;height:2.35rem;position:relative;box-shadow:inset 0 -2px #0000001f}.brand-mark:after{content:"";background:#ffffff59;border-radius:2px 2px 3px 3px;position:absolute;inset:35% 22% 28%}.explorer-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.72rem;font-weight:500}.explorer-title{letter-spacing:-.03em;color:var(--ink);margin:.1rem 0 0;font-size:1.35rem;font-weight:600;line-height:1.15}.explorer-actions{flex-shrink:0;gap:.35rem;display:flex}.ghost-btn{appearance:none;border:1px solid var(--line-strong);color:var(--ink-soft);font:500 .75rem/1 var(--sans);letter-spacing:.01em;cursor:pointer;background:#ffffff73;border-radius:8px;padding:.45rem .65rem;transition:background .18s,color .18s,border-color .18s}.ghost-btn:hover{background:var(--teal-soft);border-color:var(--teal-mid);color:var(--teal)}.explorer-search{border:1px solid var(--line);color:var(--ink-muted);background:#ffffff8c;border-radius:10px;align-items:center;gap:.55rem;margin:.85rem 1rem .35rem;padding:.55rem .75rem;transition:border-color .18s,box-shadow .18s;display:flex}.explorer-search:focus-within{border-color:var(--teal-mid);box-shadow:0 0 0 3px var(--teal-soft);color:var(--teal)}.explorer-search input{font:450 .9rem/1.2 var(--sans);color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-width:0}.explorer-search input::placeholder{color:var(--ink-muted)}.explorer-tree{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;max-height:min(52vh,420px);padding:.4rem .55rem .65rem;overflow:auto}.explorer-footer{border-top:1px solid var(--line);background:#ffffff59;align-items:center;min-height:2.75rem;padding:.7rem 1.15rem;display:flex}.explorer-footer p{color:var(--ink-soft);align-items:center;gap:.55rem;min-width:0;margin:0;font-size:.82rem;display:flex}.footer-label{letter-spacing:.06em;text-transform:uppercase;color:var(--teal);background:var(--teal-soft);border-radius:5px;flex-shrink:0;padding:.2rem .45rem;font-size:.65rem;font-weight:600}.footer-path{font-family:var(--mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.footer-hint{color:var(--ink-muted)!important}.tree-list{margin:0;padding:0;list-style:none}.tree-item{margin:0}.tree-row{--depth:0;appearance:none;width:100%;color:var(--ink);font:450 .9rem/1.2 var(--mono);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.35rem;margin:1px 0;padding:.38rem .5rem .38rem .25rem;transition:background .15s,color .15s;display:flex;position:relative}.tree-row:hover{background:var(--row-hover)}.tree-row:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.tree-row.is-selected{background:var(--row-active);color:var(--teal)}.tree-row.is-folder .tree-name{font-weight:500}.tree-row.is-empty{cursor:default;pointer-events:none;color:var(--ink-muted);font-style:italic;font-weight:400}.tree-indent{flex-shrink:0;align-self:stretch;display:flex}.tree-guide{width:14px;position:relative}.tree-guide:before{content:"";background:var(--line-strong);opacity:.7;width:1px;position:absolute;top:-6px;bottom:-6px;left:50%}.tree-chevron{width:16px;height:16px;color:var(--ink-muted);flex-shrink:0;place-items:center;transition:transform .22s cubic-bezier(.22,1,.36,1);display:grid}.tree-chevron.is-open{color:var(--teal);transform:rotate(90deg)}.tree-chevron.is-spacer{visibility:hidden}.tree-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.empty-dot{background:var(--ink-muted);opacity:.45;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-inline:6px 2px}.empty-label{font-family:var(--sans);font-size:.85rem}.tree-children{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1);display:grid}.tree-children.is-open{grid-template-rows:1fr}.tree-children>.tree-list{overflow:hidden}.tree-empty-state{text-align:center;color:var(--ink-muted);padding:1.5rem .75rem;font-size:.88rem}.file-icon{flex-shrink:0}.folder-icon .folder-back{fill:#e8b84a}.folder-icon .folder-front{fill:#f0c96a;transition:d .2s}.folder-icon.is-open .folder-back{fill:#d9a63a}.folder-icon.is-open .folder-front{fill:#f6d78a}.file-type .doc-body{fill:currentColor}.file-type .doc-fold{fill:none;stroke:#ffffff8c;stroke-width:1.2px}.file-type .doc-label{fill:#fff;font-family:var(--sans);letter-spacing:-.02em;font-size:4.2px;font-weight:700}.tone-html{color:#e35d3b}.tone-css{color:#3b82c4}.tone-js{color:#c9a227}.tone-ts{color:#3178c6}.tone-json{color:#5a8f6e}.tone-img{color:#7a8fa3}.tone-default{color:#6b7c76}@media (width<=520px){.explorer-header{flex-direction:column;align-items:stretch}.explorer-actions{justify-content:flex-end}.explorer-tree{max-height:58vh}}:root{--ink:#1a2421;--ink-soft:#4a5c56;--ink-muted:#7a8f87;--paper:#fafcfac7;--paper-solid:#f7faf8;--line:#1a24211a;--line-strong:#1a242129;--teal:#0f766e;--teal-soft:#0f766e1f;--teal-mid:#0f766e38;--amber:#c47a1a;--amber-soft:#f0b429;--row-hover:#0f766e12;--row-active:#0f766e24;--shadow-soft:0 24px 60px #1c342e24;--radius:18px;--sans:"Outfit", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;font-family:var(--sans);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 700px at 12% -10%,#c8e6df 0%,#0000 55%),radial-gradient(900px 600px at 92% 8%,#d5e4f2 0%,#0000 50%),linear-gradient(165deg,#e7f0ea 0%,#dfe8e4 42%,#d3dde8 100%);min-height:100svh}#root{min-height:100svh}