:root{--color-body:#111111;--color-surface:#1a1a1a;--color-surface-alt:#262626;--color-border-subtle:#2c2c2c;--color-border-muted:#333333;--color-text-primary:#ffffff;--color-text-muted:#d1d1d1;--color-text-dim:#a3a3a3;--color-accent:#3a8fff;--color-accent-soft:rgba(58,143,255,0.12);--color-success:#4ade80;--color-danger:#f87171;--color-warn:#facc15;--color-mystic:#a78bfa;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-ui:system-ui,-apple-system,"Segoe UI",sans-serif;--font-story:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0;background:var(--color-body);color:var(--color-text-primary);font-family:var(--font-ui);line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:960px;margin:0 auto;padding:var(--space-xl)}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.app-sidebar{border-right:1px solid var(--color-border-subtle);background:linear-gradient(180deg,var(--color-surface),#141414 70%);padding:var(--space-lg) var(--space-md);position:-webkit-sticky;position:sticky;top:0;height:100vh}.app-brand{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-lg)}.app-brand-mark{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent);font-weight:700;display:grid;place-items:center}.app-nav{display:flex;flex-direction:column;gap:6px}.app-nav-item{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:7px 9px;border-radius:var(--radius-sm);color:var(--color-text-muted);border:1px solid transparent;transition:.14s ease}button.app-nav-item{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:100%;text-align:left;margin:0}.app-nav-active-dot{position:absolute;right:8px;width:6px;height:6px;border-radius:999px;background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent) 18%,transparent)}.app-nav-icon{width:18px;height:18px;color:var(--color-text-dim);display:inline-flex;align-items:center;justify-content:center}.app-nav-item:hover{text-decoration:none;color:var(--color-text-primary);background:var(--color-surface-alt)}.app-nav-item.active{color:var(--color-text-primary);background:var(--color-accent-soft);border-color:var(--color-border-subtle)}.app-nav-item.active .app-nav-icon,.app-nav-item:hover .app-nav-icon{color:var(--color-accent)}.app-main{min-width:0}.app-topbar{height:52px;border-bottom:1px solid var(--color-border-subtle);background:rgba(17,17,17,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:0 var(--space-xl)}.app-title{margin:0;font-size:.95rem;line-height:1.1}.app-subtitle{margin:0;color:var(--color-text-dim);font-size:.72rem}.app-top-actions{white-space:nowrap}.app-content{padding:var(--space-lg) var(--space-xl) var(--space-xl)}.card{background:var(--color-surface);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl)}label{display:block;font-size:.875rem;color:var(--color-text-dim);margin-bottom:var(--space-xs)}input{margin-bottom:var(--space-md)}input,textarea{width:100%;padding:var(--space-sm) calc(var(--space-sm) + 2px);border-radius:var(--radius-sm);border:1px solid var(--color-border-muted);background:var(--color-surface-alt);color:var(--color-text-primary)}.btn,button,textarea{font-family:inherit}.btn,button{display:inline-block;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);border:1px solid var(--color-border-muted);background:var(--color-accent);color:var(--color-text-primary);font-weight:600;cursor:pointer}.btn.secondary,button.secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-muted)}.btn.secondary:hover,button.secondary:hover{background:var(--color-accent-soft);border-color:var(--color-border-subtle)}.nav{display:flex;gap:var(--space-lg);align-items:center;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border-muted);background:var(--color-surface)}.nav a{color:var(--color-text-primary)}.nav a.active,.nav a:hover{color:var(--color-accent)}h1{font-size:1.5rem;margin:0 0 var(--space-lg)}.muted{color:var(--color-text-dim);font-size:.875rem}.err{color:var(--color-danger);font-size:.9rem;margin:var(--space-sm) 0}.card.ok{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-soft)}select{width:100%;padding:var(--space-sm) calc(var(--space-sm) + 2px);border-radius:var(--radius-sm);border:1px solid var(--color-border-muted);background:var(--color-surface-alt);color:var(--color-text-primary);margin-bottom:var(--space-md);font-family:inherit}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table td,.table th{text-align:left;padding:var(--space-sm) calc(var(--space-sm) + 2px);border-bottom:1px solid var(--color-border-subtle)}.table th{color:var(--color-text-dim);font-weight:600}.table code{font-size:.85em}.table tbody tr.table-row-click{cursor:pointer}.table tbody tr.table-row-click:hover{background:var(--color-accent-soft)}.explorer-page-layout{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr);grid-gap:var(--space-lg);gap:var(--space-lg);margin-top:var(--space-lg);align-items:start}.explorer-repo-rail{position:-webkit-sticky;position:sticky;top:var(--space-md);max-height:calc(100vh - 6rem);overflow:auto;padding:var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface)}.explorer-repo-rail h2{margin-top:0;font-size:.95rem}.explorer-repo-btn{width:100%;text-align:left;border:1px solid var(--color-border-subtle);background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:var(--space-sm);margin-bottom:var(--space-sm);cursor:pointer;color:inherit;font:inherit}.explorer-repo-btn:hover{border-color:var(--color-border-muted)}.explorer-repo-btn.selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.explorer-main-panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-md);min-height:320px}.explorer-tree-scroll{max-height:min(52vh,520px);overflow:auto;margin-bottom:var(--space-lg);padding-right:var(--space-xs)}.explorer-tree-dir-row{display:flex;align-items:stretch;gap:0;margin:2px 0;border-radius:var(--radius-sm);border:1px solid transparent}.explorer-tree-dir-row.selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.explorer-tree-chevron-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2rem;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:var(--radius-sm) 0 0 var(--radius-sm);padding:0}.explorer-tree-chevron-btn:hover{background:var(--color-accent-soft)}.explorer-tree-row-dir-main{flex:1 1;min-width:0}.explorer-tree-row{width:100%;display:flex;align-items:center;gap:var(--space-sm);text-align:left;border:1px solid transparent;background:transparent;border-radius:var(--radius-sm);padding:calc(var(--space-xs) + 2px) var(--space-sm);margin:2px 0;cursor:pointer;color:inherit;font:inherit}.explorer-tree-row-pkg.selected,.explorer-tree-row:hover{background:var(--color-accent-soft)}.explorer-tree-row-pkg.selected{border-color:var(--color-accent)}.explorer-tree-label{flex:1 1;min-width:0;text-align:left}.explorer-tree-subtitle{font-size:.85em;font-weight:400}.explorer-detail{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-md)}.explorer-version-block{margin-bottom:var(--space-md);padding:var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-alt)}.explorer-version-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-sm)}.explorer-file-table{width:100%;border-collapse:collapse;font-size:.85rem}.explorer-file-table td,.explorer-file-table th{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--color-border-subtle)}.explorer-file-table th{color:var(--color-text-dim);font-weight:600}.explorer-file-table code{font-size:.9em;word-break:break-all}.explorer-list{flex-direction:column;max-height:65vh;overflow:auto}.explorer-item,.explorer-list{display:flex;gap:var(--space-sm)}.explorer-item{width:100%;text-align:left;border:1px solid var(--color-border-subtle);background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:var(--space-sm);justify-content:space-between;align-items:center}.explorer-item.selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.explorer-item.static{cursor:default}@media (max-width:900px){.explorer-page-layout{grid-template-columns:1fr}.explorer-repo-rail{position:static;max-height:none}.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--color-border-subtle)}}