.kit-page{--kit-spring:linear(0,.009,.035 2.1%,.141,.281 6.7%,.723 12.9%,.938 16.7%,1.017,1.077,1.121 24%,1.149 26.4%,1.159,1.154 31.2%,1.129 34.3%,1.051 41.4%,1.017 45.1%,.991 49%,.977 52.6%,.974 56.9%,.991 68.4%,1.001 84.5%,1);gap:16px;width:100%;max-width:1040px;margin:0 auto;padding-bottom:40px;display:grid}.kit-hero{background:radial-gradient(120% 120% at 0% 0%,#ffe3ef,transparent 55%),radial-gradient(120% 120% at 100% 0%,#dff1ff,transparent 55%),var(--card);border:1px solid var(--border);border-radius:24px;gap:6px;padding:22px;display:grid}.kit-eyebrow{letter-spacing:.16em;color:#8b5cf6;align-items:center;gap:6px;font-size:.6875rem;font-weight:900;display:inline-flex}.kit-hero h1{letter-spacing:-.01em;margin:0;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900}.kit-hero p{color:var(--muted-foreground);margin:0;font-weight:600;line-height:1.7}.kit-empty{border:1px dashed var(--border);background:var(--card);border-radius:18px;justify-items:start;gap:10px;padding:18px;display:grid}.kit-empty p{margin:0;font-weight:700}.kit-skeleton{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.kit-skeleton span{background:linear-gradient(100deg,var(--muted) 30%,color-mix(in srgb,var(--muted) 40%,var(--card)) 50%,var(--muted) 70%);background-size:300% 100%;border-radius:18px;height:180px;animation:1.4s linear infinite kit-sh}@keyframes kit-sh{to{background-position:-150% 0}}.kit-pick{scroll-snap-type:x mandatory;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.kit-pick button{background:var(--card);width:104px;color:var(--foreground);font:inherit;cursor:pointer;scroll-snap-align:start;transition:border-color .2s,scale .3s var(--kit-spring);border:2px solid #0000;border-radius:16px;flex:none;justify-items:center;gap:4px;padding:6px;display:grid}.kit-pick button:hover{scale:1.04}.kit-pick button.is-on{border-color:var(--primary);box-shadow:0 10px 22px -16px var(--primary)}.kit-pick img{object-fit:cover;view-transition-name:none;border-radius:12px;width:88px;height:88px}.kit-pick button.is-on img{view-transition-name:kit-pick}.kit-pick span{text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-size:.6875rem;font-weight:800;overflow:hidden}.kit-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"wall head head""wall icon stamp";gap:14px;margin:0;padding:0;list-style:none;display:grid}.kit-card{border:1px solid var(--border);background:var(--card);animation:kit-in .7s var(--kit-spring) calc(var(--i) * 70ms) both;border-radius:20px;align-content:start;gap:8px;padding:12px;display:grid}.kit-card.is-wallpaper{grid-area:wall}.kit-card.is-header{grid-area:head}.kit-card.is-icon{grid-area:icon}.kit-card.is-stamp{grid-area:stamp}@keyframes kit-in{0%{opacity:0;translate:0 18px;scale:.96}}.kit-frame{background:repeating-conic-gradient(color-mix(in srgb,var(--muted) 70%,transparent) 0 25%,transparent 0 50%) 0 0/16px 16px;transition:transform .5s var(--kit-spring);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.kit-card:hover .kit-frame{transform:perspective(900px)rotateX(3deg)rotateY(-4deg)translateY(-3px)}.kit-frame img{object-fit:contain;width:100%;height:100%;animation:.5s ease-out both kit-fade;display:block}@keyframes kit-fade{0%{opacity:0;filter:blur(8px)}}.kit-shimmer{width:100%;height:100%;color:var(--muted-foreground);background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/300% 100%;place-items:center;animation:1.2s linear infinite kit-sh;display:grid}.kit-meta{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.kit-meta b{font-weight:900}.kit-meta small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.6875rem}.kit-save{justify-content:center}.kit-note,.kit-msg{color:var(--muted-foreground);margin:0;font-size:.8125rem}@media (max-width:760px){.kit-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""wall icon""wall stamp"}.kit-skeleton{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.kit-card,.kit-frame img,.kit-skeleton span,.kit-shimmer{animation:none}.kit-frame,.kit-pick button{transition:none}}