:root{font-family:AA Zuehlke OTPS,Lato,Helvetica Neue,Helvetica,Arial,Segoe UI,system-ui,sans-serif;color:#17131f;background:#f5f5f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #17131f;--muted: #666274;--line: #d9d7e2;--soft-line: #ebe9f0;--surface: #ffffff;--mist: #f3f2f7;--purple: #7d4d84;--teal: #013141;--green: #006f48;--blue: #225f78;--red: #b2393f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 70%,white);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(280px,720px) auto;align-items:center;gap:18px;min-height:58px;padding:0 24px;color:#fff;background:var(--ink);border-bottom:1px solid rgba(255,255,255,.12)}.brand-lockup,.top-actions,.identity-button,.tabs,.upload-line,.filter-actions,.skill-row,.row-main,.row-tags,.mobile-actions,.drawer-kicker,.action-button,.no-results{display:flex;align-items:center}.brand-lockup{gap:10px;font-size:15px;font-weight:800}.mark{min-height:28px;padding:5px 10px;background:var(--purple)}.top-actions{justify-content:flex-end;gap:12px}.identity-button,.action-button,.copy-button,.open-button,.star-button{border:1px solid var(--line);background:#fff;color:var(--ink)}.identity-button{gap:8px;min-height:34px;max-width:260px;padding:0 11px;color:#fff;background:transparent;border-color:#ffffff3d}.identity-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-button.primary{color:#fff;background:var(--teal);border-color:var(--teal)}.top-search{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;color:#ffffffbf;background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.top-search input{width:100%;min-width:0;color:#fff;border:0;outline:0;background:transparent}.top-search input::placeholder{color:#ffffff8a}.top-search kbd{min-width:24px;padding:2px 6px;color:#ffffffb8;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);font-size:12px;text-align:center}.hub-shell{max-width:1500px;margin:0 auto;padding:18px 24px 72px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.filter-actions{gap:8px}.tabs{flex-wrap:wrap;gap:6px}.tabs button{min-height:32px;padding:0 10px;color:var(--muted);background:var(--mist);border:1px solid transparent}.tabs button.active{color:#fff;background:var(--teal)}.upload-line{position:relative;gap:8px;width:auto;min-height:34px;padding:0 10px;color:var(--teal);background:#eaf3f0;border:1px dashed color-mix(in srgb,var(--green) 60%,white);font-weight:800}.upload-line input{position:absolute;inset:0;opacity:0}.upload-line.disabled{color:var(--muted);background:var(--mist);border-color:var(--line)}.upload-line:focus-within{outline:3px solid color-mix(in srgb,var(--green) 70%,white);outline-offset:2px}.content{min-width:0}.content-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px}.content-head h2{margin:2px 0 0;font-size:22px;line-height:1.15}.eyebrow,.count{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.count{color:var(--teal)}.official-list,.result-list{display:grid;gap:8px}.skill-row{display:grid;grid-template-columns:38px minmax(260px,1fr) minmax(180px,300px) 132px 38px 32px;gap:8px;min-height:72px;padding:8px;background:var(--surface);border:1px solid var(--line)}.skill-row:hover{border-color:color-mix(in srgb,var(--purple) 34%,var(--line))}.skill-row.active{border-color:var(--purple);box-shadow:inset 4px 0 0 var(--purple)}.star-button,.copy-button,.open-button{display:grid;place-items:center;width:100%;min-height:44px;align-self:center;color:var(--muted)}.star-button{color:var(--purple)}.row-main{display:grid;grid-template-columns:74px minmax(160px,230px) minmax(220px,1fr) minmax(80px,130px);gap:12px;width:100%;min-width:0;padding:0;text-align:left;background:transparent;border:0}.source{align-self:center;justify-self:start;min-height:24px;padding:4px 8px;color:var(--ink);background:var(--mist);font-size:12px;font-weight:800}.source.zuehlke{color:#fff;background:var(--purple)}.source.recommended{color:#fff;background:var(--blue)}.source.uploaded{color:#fff;background:var(--green)}.row-title,.row-description,.row-meta{align-self:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-title{font-weight:800}.row-description,.row-meta{color:var(--muted);font-size:13px}.row-tags{gap:5px;min-width:0;overflow:hidden}.row-tags span{min-height:24px;padding:4px 7px;color:var(--muted);background:var(--mist);font-size:12px;white-space:nowrap}.row-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;align-self:center;justify-content:flex-start;justify-self:stretch;min-width:0;min-height:28px}.row-status>:not(.download-count){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-count{display:block;width:100%;min-width:0;min-height:28px;padding:6px 8px;overflow:hidden;color:var(--muted);background:var(--mist);font-size:12px;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-actions{display:none}.results-head{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.no-results{justify-content:center;gap:10px;min-height:120px;color:var(--muted);background:var(--surface);border:1px solid var(--line)}.drawer{position:fixed;top:58px;right:0;bottom:0;z-index:30;width:min(460px,100vw);padding:24px;overflow-y:auto;background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 38px #17131f24}.drawer-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:34px;height:34px;color:var(--ink);background:#fff;border:1px solid var(--line)}.drawer-kicker{gap:8px;margin-right:48px}.drawer h2{margin:18px 44px 10px 0;font-size:30px;line-height:1.05}.drawer p{margin:0 0 18px;color:var(--muted);line-height:1.5}.draft-notice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin:16px 0 18px;padding:10px 12px;color:var(--teal);background:#eaf3f0;border-left:4px solid var(--green);line-height:1.4}.draft-notice strong{font-size:12px;text-transform:uppercase}.draft-notice span{color:var(--ink)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:18px 0;background:var(--line);border:1px solid var(--line)}.detail-grid div{min-width:0;padding:12px;background:var(--mist)}.detail-grid span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.detail-grid strong{display:block;overflow-wrap:anywhere}.drawer section{margin-top:22px}.drawer h3{margin:0 0 8px;font-size:15px}code{display:block;padding:12px;overflow-wrap:anywhere;color:#fff;background:var(--ink);line-height:1.45}.action-button{justify-content:center;gap:8px;min-height:40px;padding:0 14px;font-weight:800}.action-button.full{width:100%;margin-top:10px;color:#fff;background:var(--teal);border-color:var(--teal)}.action-button.full.secondary{color:var(--teal);background:#e7eff2;border-color:#d5e4e8}.action-button.inline{display:inline-flex;min-height:34px;margin-top:10px;padding:0 12px;color:var(--teal);background:#e7eff2;border-color:#d5e4e8}.metadata-form,.package-form{padding-top:4px;border-top:1px solid var(--line)}.metadata-form label,.package-form label{display:grid;gap:6px;margin-top:10px}.metadata-form label span,.package-form label span{color:var(--muted);font-size:12px;font-weight:800}.metadata-form input,.metadata-form textarea,.package-form input{width:100%;min-width:0;padding:10px;color:var(--ink);background:#fff;border:1px solid var(--line);resize:vertical}.package-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:space-between;gap:12px}.package-heading h3{margin-bottom:0}.package-heading span{justify-self:end;min-width:0;max-width:160px;padding:4px 8px;color:var(--muted);background:var(--mist);font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-line{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 12px;color:var(--teal);background:#e7eff2;border:1px solid #d5e4e8;font-weight:800}.file-line input{position:absolute;inset:0;width:100%;padding:0;opacity:0;border:0}.file-line.disabled{color:var(--muted);background:var(--mist)}.form-error{margin-top:8px;color:var(--red)}.form-note{margin-top:8px;color:var(--green)}.help-panel{max-width:880px;padding:22px 0 40px}.help-panel>div:first-child{display:flex;align-items:center;gap:10px}.help-panel h2{margin:0;font-size:28px}.help-panel ol{margin:20px 0 0;padding-left:24px;color:var(--ink);line-height:1.55}.help-panel li+li{margin-top:10px}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.help-grid section{padding-top:16px;border-top:1px solid var(--line)}.help-grid h3{margin:0 0 8px;font-size:16px}.help-grid p{margin:0;color:var(--muted);line-height:1.5}.external-form{grid-column:1 / -1}.external-form form{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(160px,.9fr);gap:12px;margin-top:14px}.external-form label{display:grid;gap:6px}.external-form label:nth-of-type(3){grid-column:1 / -1}.external-form label span{color:var(--muted);font-size:12px;font-weight:800}.external-form input,.external-form textarea{width:100%;min-width:0;padding:10px;color:var(--ink);background:#fff;border:1px solid var(--line);resize:vertical}.external-form button{justify-self:start}.external-candidates{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.action-button.ghost{background:transparent;color:var(--ink, #1d1d22);border:1px solid var(--line, #d9d4e0)}ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.5}.toast{position:fixed;right:18px;bottom:18px;z-index:40;min-height:42px;padding:11px 14px;color:#fff;background:var(--teal);box-shadow:0 12px 24px #17131f33}@media(max-width:1180px){.skill-row{grid-template-columns:38px minmax(0,1fr) 132px 38px 32px}.row-main{grid-template-columns:72px minmax(130px,190px) minmax(180px,1fr)}.row-meta,.row-tags{display:none}}@media(max-width:820px){.topbar{position:static;grid-template-columns:1fr;gap:10px;padding:12px 16px}.top-actions{width:100%;justify-content:space-between}.top-search{width:100%}.hub-shell{padding:16px 16px 64px}.filter-bar,.content-head{align-items:stretch;flex-direction:column;gap:8px}.filter-bar{margin-bottom:14px}.filter-actions{justify-content:flex-start}.tabs button{min-height:40px}.skill-row{grid-template-columns:44px minmax(0,1fr);min-height:136px;align-items:start}.row-main{grid-template-columns:1fr;gap:4px;min-height:88px;padding:2px 0}.row-description{white-space:normal}.row-status,.copy-button,.open-button{display:none}.star-button{min-height:48px}.mobile-actions{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.mobile-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;color:var(--teal);background:#e7eff2;border:1px solid #d5e4e8;font-weight:800}.drawer{top:0}.help-grid,.external-form form{grid-template-columns:1fr}.external-form label:nth-of-type(3){grid-column:auto}}@media(max-width:520px){.identity-button{max-width:none;width:100%;justify-content:center;min-height:44px}.detail-grid{grid-template-columns:1fr}.drawer{width:100vw;padding:20px 16px 28px}.drawer h2{margin-right:42px;font-size:26px}}