.skills-page{flex-direction:column;width:100%;max-width:1400px;height:calc(100vh - 50px);margin:0 auto;padding:24px 32px 0;display:flex;overflow:hidden}.sk-layout{gap:var(--s-4);min-height:0;padding-bottom:var(--s-5);flex:1;grid-template-columns:280px 1fr;display:grid}.sk-sidebar,.sk-editor{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.sk-toolbar{padding:var(--s-3);border-bottom:1px solid var(--line)}.sk-list{padding:var(--s-2);flex:1;overflow-y:auto}.sk-group{font-size:var(--t-xs);color:var(--fg-4);text-transform:uppercase;letter-spacing:.04em;padding:var(--s-3) var(--s-3) var(--s-1)}.sk-row{text-align:left;width:100%;padding:var(--s-2) var(--s-3);border-radius:var(--r-md);color:var(--fg-2);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;display:block}.sk-row:hover{background:var(--surface-2)}.sk-row.active{background:var(--surface-2);border-color:var(--line);color:var(--fg)}.sk-row-name{font-family:var(--font-mono);font-size:var(--t-sm)}.sk-row-desc{font-size:var(--t-xs);color:var(--fg-4);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.sk-head{justify-content:space-between;align-items:flex-start;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line);display:flex}.sk-head h2{font-family:var(--font-mono);font-size:var(--t-lg);margin:0}.sk-head .meta{color:var(--fg-3);font-size:var(--t-sm);margin-top:var(--s-1)}.sk-badges{gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.sk-note{margin:var(--s-4) var(--s-5) 0;color:var(--fg-3);font-size:var(--t-sm)}.sk-files{padding:var(--s-3) var(--s-5);flex:1;margin:0;list-style:none;overflow-y:auto}.sk-file{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:var(--s-2);display:flex}.sk-file-path{font-family:var(--font-mono);font-size:var(--t-sm);overflow-wrap:anywhere;flex:1;min-width:0}.sk-file-size{font-size:var(--t-xs);color:var(--fg-4)}.sk-newfile{gap:var(--s-2);padding:var(--s-3) var(--s-5) 0;display:flex}.sk-input{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);width:100%;color:var(--fg);font:inherit;font-size:var(--t-sm);flex:1;padding:7px 10px}.sk-label{font-size:var(--t-sm);color:var(--fg-2);margin:var(--s-4) 0 var(--s-2);font-weight:500;display:block}.sk-label .hint{color:var(--fg-4);font-size:var(--t-xs);font-weight:400}.sk-editor .pp-editor{flex-direction:column;height:100%;min-height:0;display:flex}.empty{color:var(--fg-3);font-size:var(--t-sm);padding:var(--s-3)}.empty-pad{text-align:center;padding:48px 24px}.empty-glyph{color:var(--fg-4);margin-bottom:var(--s-3)}@media (width<=720px){.skills-page{height:auto;padding:16px 16px 0;overflow:visible}.sk-layout{grid-template-columns:1fr}.sk-sidebar{max-height:280px}.sk-editor{min-height:480px}}