:root{--bg: #0b1020;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.08);--border: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.65);--muted2: rgba(255,255,255,.5);--shadow: 0 10px 30px rgba(0,0,0,.35);--radius: 14px;--radius2: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(900px 600px at 18% -10%,rgba(122,162,255,.22),transparent 60%),radial-gradient(700px 500px at 105% 10%,rgba(255,122,210,.18),transparent 55%),radial-gradient(900px 700px at 40% 120%,rgba(0,240,255,.1),transparent 60%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";letter-spacing:.2px}.app{height:100vh;display:flex;flex-direction:column}.topbar{height:64px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);background:#0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(180deg,#ffffff24,#ffffff0f);border:1px solid var(--border);box-shadow:var(--shadow);font-size:18px}.brandTitle{font-weight:720;line-height:1.1}.brandSub{font-size:12px;color:var(--muted);margin-top:2px}.topbarRight{display:flex;align-items:center;gap:10px}.searchFake{width:min(520px,42vw);height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:12px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-user-select:none;-moz-user-select:none;user-select:none}.searchFake .icon{color:var(--muted)}.searchFake .placeholder{color:var(--muted2);flex:1}.kbd{font-size:12px;color:var(--muted);padding:3px 8px;border-radius:9px;border:1px solid var(--border);background:#ffffff0f}.chip{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-weight:600}.layout{flex:1;display:grid;grid-template-columns:360px 1fr;min-height:0}.sidebar{border-right:1px solid var(--border);background:#0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:0;display:flex;flex-direction:column}.sidebarHeader{padding:14px;border-bottom:1px solid var(--border)}.navButtons{display:flex;gap:10px;margin-bottom:12px}.btn{height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-weight:650;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 20px #00000047;cursor:default}.btn:hover{background:linear-gradient(180deg,#7aa2ff40,#ffffff0f);border-color:#7aa2ff59;cursor:pointer}.btnPrimary{background:linear-gradient(180deg,#7aa2ff40,#ffffff0f);border-color:#7aa2ff59}.btnSmall{height:32px;padding:0 10px;border-radius:10px;font-weight:650}.btnIcon{opacity:.85}.pathRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.pathLabel{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.pathPill{flex:1;min-width:0;height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.crumb{color:var(--muted);font-size:13px}.crumb:after{content:"/";opacity:.55;margin-left:6px}.crumb:last-child:after{content:""}.crumb.active{color:var(--text);font-weight:700}.sidebarBody{padding:14px;overflow:auto}.sectionTitle{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin:10px 2px 8px}.list{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:6px}.row{height:42px;padding:0 10px;border-radius:12px;border:1px solid transparent;background:#ffffff0a;display:flex;align-items:center;justify-content:space-between;gap:10px}.rowLeft{display:flex;align-items:center;gap:10px;min-width:0}.fileIcon{width:22px;display:inline-flex;justify-content:center;opacity:.95}.name{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{font-size:12px;color:var(--muted);border:1px solid var(--border);background:#ffffff0d;padding:3px 8px;border-radius:999px;flex:0 0 auto}.row.folder .name{font-weight:700}.row.file .name{font-weight:650}.row:hover{background:linear-gradient(180deg,#7aa2ff2e,#ffffff0a);border-color:#7aa2ff59;box-shadow:0 10px 26px #00000047;cursor:pointer}.row.selected{background:linear-gradient(180deg,#7aa2ff2e,#ffffff0a);border-color:#7aa2ff59;box-shadow:0 10px 26px #00000047}.hint{margin-top:18px;padding:12px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0d}.hintTitle{font-weight:750;margin-bottom:4px}.hintText{color:var(--muted);font-size:13px;line-height:1.4}.content{min-height:0;overflow:auto;padding:16px}.contentHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border-radius:var(--radius2);border:1px solid var(--border);background:#ffffff0d;box-shadow:var(--shadow);margin-bottom:14px}.fileTitleRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bigIcon{font-size:20px;opacity:.95}.fileTitle{margin:0;font-size:22px;letter-spacing:.2px}.badge{height:24px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;border:1px solid rgba(122,162,255,.35);background:#7aa2ff1f;color:var(--text);font-size:12px;font-weight:750}.badge.ghost{border-color:var(--border);background:#ffffff0d;color:var(--muted);font-weight:700}.fileMetaRow{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:13px}.dot{opacity:.6}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.contentActions{display:flex;gap:10px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.span2{grid-column:1 / -1}.card{border-radius:var(--radius2);border:1px solid var(--border);background:#ffffff0d;box-shadow:var(--shadow);overflow:hidden}.cardHead{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);background:#0000001f}.cardTitle{font-weight:800;letter-spacing:.2px}.pill{height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f;color:var(--muted);font-size:12px;font-weight:700}.pill.ghost{background:transparent;color:var(--muted2)}.kv{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}.kvRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.kvKey{color:var(--muted);font-size:13px}.kvVal{font-weight:700;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actionGrid{padding:12px 14px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.actionBtn{height:72px;border-radius:16px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);font-weight:800;text-align:left;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:default}.actionIcon{opacity:.85}.actionSub{font-weight:650;color:var(--muted);font-size:12px}.codeCard .codeTools{display:flex;gap:8px}.code{margin:0;padding:14px;overflow:auto;background:#00000038;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.code code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.5;color:#ffffffe6}.codeFoot{padding:10px 14px 12px;color:var(--muted);font-size:13px}.preview{padding:12px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;background:#0000002e}.previewLine{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:6px 14px;border-bottom:1px solid rgba(255,255,255,.04)}.previewLine:last-child{border-bottom:none}.ln{color:#ffffff73;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.txt{color:#ffffffe0}.footer{margin-top:14px;padding:12px 4px 2px;color:var(--muted2);font-size:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sep{opacity:.45}@media(max-width:980px){.layout{grid-template-columns:1fr}.sidebar{height:44vh}.content{height:56vh}.searchFake{display:none}.actionGrid,.grid{grid-template-columns:1fr}.span2{grid-column:auto}}