.packs-wrap{padding:clamp(30px,6vh,64px) 0 110px}.packs-wrap h1{margin-bottom:18px}.reg-link{font-weight:700}.packs-loading{color:var(--ink-2);align-items:center;gap:12px;font-weight:700;display:flex}.packs-error{background:var(--flame);color:var(--on-flame);border:var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);max-width:560px;padding:14px 20px;font-weight:700}.packs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin:34px 0 22px;display:grid}.pk{background:var(--card);color:var(--ink);border:var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);transition:transform .18s var(--pop), box-shadow .18s var(--pop);flex-direction:column;gap:12px;padding:24px;display:flex}.pk:hover{box-shadow:var(--shadow-lg);transform:translate(-4px,-4px)}.pk-head{align-items:center;gap:14px;display:flex}.pk-swatch{border:var(--border-2);background:var(--c,var(--ink));color:#fff;width:52px;height:52px;font:800 13px/1 var(--display);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.pk h2{font-size:23px;line-height:1.05}.pk-sub{color:var(--ink-2);margin-top:3px;font-size:13.5px;font-weight:600}.pk-desc{color:var(--ink-2);margin:0;font-size:14.5px;font-weight:500;line-height:1.5}.pk-meta{flex-wrap:wrap;gap:7px;display:flex}.pk-meta span{font:700 12px/1 var(--body);color:var(--ink-2);border:var(--border-2);border-radius:999px;padding:6px 11px}.pk-meta .pk-count{background:var(--sun);color:#14110d;font-weight:800}.pk-run{background:var(--code-bg);color:var(--code-ink);border:var(--border-2);border-radius:12px;align-items:center;gap:8px;margin-top:auto;padding:10px 12px;display:flex}.pk-run code{min-width:0;color:inherit;white-space:nowrap;background:0 0;flex:1;padding:0;font-size:12px;font-weight:600;overflow-x:auto}.pk-run button{background:var(--sun);color:#14110d;border:2px solid var(--code-ink);font:800 11px/1 var(--display);cursor:pointer;border-radius:999px;flex-shrink:0;padding:5px 12px}.pk-run button:hover{background:#fff}.pk-links{gap:14px;display:flex}.pk-links a{font:700 13.5px/1 var(--body);color:var(--t,var(--t-blue));text-decoration:none}.pk-links a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:3px}.packs-publish{max-width:720px;padding:28px}.packs-publish h2{margin-bottom:10px}.packs-publish p{color:var(--ink-2);margin:0 0 18px;font-size:15px;font-weight:500}