.code-project-reader{color:#d4d4d4;background:#181818;border:1px solid #64748b59;border-radius:16px;width:min(1080px,100vw - 48px);margin:42px 50% 0;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 60px #0f172a33}.code-project-reader button{font:inherit}.code-project-reader__header{background:#202020;border-bottom:1px solid #2b2b2b;justify-content:space-between;align-items:center;min-height:68px;padding:12px 16px;display:flex}.code-project-reader__heading{align-items:center;gap:12px;min-width:0;display:flex}.code-project-reader__heading h2{color:#f3f4f6;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.35;overflow:hidden}.code-project-reader__eyebrow{color:#858585;letter-spacing:.16em;margin:0;font-size:.66rem;font-weight:700}.code-project-reader__mark{color:#fff;background:#2563eb;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font:700 .75rem/1 Consolas,monospace;display:grid}.code-project-reader__readonly{color:#a3a3a3;border:1px solid #3d3d3d;border-radius:999px;padding:3px 9px;font-size:.72rem}.code-project-reader__workspace{grid-template-columns:248px minmax(0,1fr);min-height:610px;display:grid}.code-project-reader__explorer{background:#181818;border-right:1px solid #2b2b2b;min-width:0;overflow:auto}.code-project-reader__explorer-title{z-index:1;color:#bbb;letter-spacing:.08em;background:#181818;padding:10px 14px 7px;font-size:.69rem;position:sticky;top:0}.code-project-reader__tree{padding:2px 0 14px;font:.8rem/1.4 Segoe UI,Microsoft YaHei,sans-serif}.code-project-reader__directory,.code-project-reader__file{width:100%;min-height:26px;padding:3px 10px 3px calc(10px + var(--tree-depth,0) * 14px);color:#ccc;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:flex;overflow:hidden}.code-project-reader__directory:hover,.code-project-reader__file:hover,.code-project-reader__file.is-active{color:#fff;background:#2a2d2e}.code-project-reader__directory>span:first-child{flex:none;width:12px;transition:transform .15s}.code-project-reader__directory[aria-expanded=false]>span:first-child{transform:rotate(-90deg)}.code-project-reader__directory>span:last-child,.code-project-reader__file>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-project-reader__file>span:first-child{color:#60a5fa}.code-project-reader__main{background:#1e1e1e;grid-template-rows:38px minmax(0,1fr) 24px;min-width:0;display:grid}.code-project-reader__toolbar{background:#181818;border-bottom:1px solid #2b2b2b;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.code-project-reader__path{color:#d4d4d4;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 14px;font-size:.78rem;overflow:hidden}.code-project-reader__actions{flex:none;height:100%;display:flex}.code-project-reader__actions button,.code-project-reader__explorer-toggle{color:#b8b8b8;cursor:pointer;background:0 0;border:0;border-left:1px solid #2b2b2b;padding:0 11px;font-size:.74rem}.code-project-reader__actions button:hover,.code-project-reader__actions button[aria-pressed=true],.code-project-reader__explorer-toggle:hover{color:#fff;background:#2a2d2e}.code-project-reader__actions button:disabled{color:#666;cursor:not-allowed}.code-project-reader__editor{min-width:0;min-height:548px}.code-project-reader__status{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#007acc;padding:3px 10px;font-size:.69rem;line-height:18px;overflow:hidden}.code-project-reader__loading,.code-project-reader__error{color:#999;padding:12px 14px;font-size:.78rem}.code-project-reader__error{color:#fca5a5}.code-project-reader__explorer-toggle{border:1px solid #3d3d3d;border-radius:7px;flex:none;width:34px;height:34px;padding:0;display:none}@media (width<=760px){.code-project-reader{width:calc(100vw - 24px);margin-top:32px}.code-project-reader__workspace{min-height:540px;display:block;position:relative}.code-project-reader__main{grid-template-rows:38px minmax(0,1fr) 24px;min-height:540px}.code-project-reader__explorer{z-index:4;border-right-color:#404040;width:min(82vw,300px);transition:transform .2s;position:absolute;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 42px #00000061}.code-project-reader.is-explorer-open .code-project-reader__explorer{transform:translate(0)}.code-project-reader__explorer-toggle{display:block}.code-project-reader__mark{display:none}.code-project-reader__editor{min-height:478px}.code-project-reader__actions button:first-child{display:none}}