.catalog-app{--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color:#171717;background:#fff;max-width:980px;min-height:100svh;margin:auto;padding-bottom:24px;font-family:Arial,Helvetica,sans-serif}.cat-header{border-bottom:1px solid #e9e9e9;justify-content:space-between;align-items:center;height:61px;padding:0 15px;display:flex}.cat-logo{letter-spacing:-1.8px;color:inherit;font-size:28px;font-weight:900;line-height:1;text-decoration:none}.cat-header>div{font-family:var(--mono);align-items:center;gap:13px;font-size:10px;display:flex}.cat-heading-label{color:#777;letter-spacing:.7px}.cat-date{font-variant-numeric:tabular-nums}.cat-toolbar{font-size:11px;font-family:var(--mono);color:#777;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 15px;display:flex}.cat-toolbar input{width:126px;font-family:var(--mono);outline-offset:4px;background:0 0;border:0;border-bottom:1px solid #d4d4d4;border-radius:0;padding:7px 0;font-size:11px}.cat-grid{border-top:1px solid #e9e9e9;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.cat-card{background:#fff;border-bottom:1px solid #e9e9e9;min-width:0;overflow:hidden}.cat-card:nth-child(odd){border-right:1px solid #e9e9e9}.cat-open-photo{cursor:pointer;width:100%;color:inherit;background:0 0;border:0;padding:0;display:block}.cat-photo{aspect-ratio:4/5;background:#f6f6f6;position:relative}.cat-photo img,.cat-photo video{object-fit:contain;width:100%;height:100%;display:block}.cat-number{font-family:var(--mono);color:#6c6c6c;background:#ffffffd9;padding:3px 4px;font-size:9px;position:absolute;top:9px;left:9px}.cat-photo-count{font-family:var(--mono);color:#666;background:#ffffffd9;padding:4px 5px;font-size:9px;position:absolute;bottom:8px;right:8px}.cat-copy{padding:12px 11px 14px}.cat-title{text-align:left;color:#222;-webkit-line-clamp:2;cursor:pointer;background:0 0;border:0;-webkit-box-orient:vertical;width:100%;min-height:36px;margin:0 0 8px;padding:0;font-family:inherit;font-size:13px;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.cat-price{flex-wrap:wrap;align-items:baseline;gap:6px;min-height:22px;margin:0 0 10px;display:flex}.cat-price strong{white-space:nowrap;letter-spacing:-.3px;font-size:15px;font-weight:600;line-height:1.25}.cat-price del{color:#888;white-space:nowrap;font-size:10px}.cat-more,.cat-ask{color:#111;font-family:var(--mono);letter-spacing:.1px;cursor:pointer;background:#fff;border:1px solid #222;border-radius:0;justify-content:space-between;align-items:center;width:100%;min-height:38px;padding:10px 11px;font-size:10px;font-weight:400;line-height:1.2;display:flex}.cat-more span,.cat-ask span{font-family:Arial,sans-serif;font-size:16px;line-height:1}.cat-more:hover,.cat-ask:hover{color:#fff;background:#111}.cat-empty{text-align:center;grid-column:1/-1;padding:40px 16px;font-size:13px;line-height:1.6}.cat-empty button{color:#111;font-family:var(--mono);background:#fff;border:1px solid #111;margin-top:14px;padding:12px 20px;font-size:11px}.cat-loading{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.cat-skeleton{background:linear-gradient(90deg,#f3f3f3,#fafafa,#f3f3f3) 0 0/200% 100%;height:300px;animation:1.5s linear infinite cat-load}.cat-footer{color:#888;font-family:var(--mono);letter-spacing:.5px;padding:22px 15px 0;font-size:8px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.cat-overlay{z-index:1000;overscroll-behavior:contain;background:#0007;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.cat-detail{overscroll-behavior:contain;background:#fff;width:100%;max-width:600px;max-height:100dvh;overflow:auto}.cat-detail-header{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:50px;font-family:var(--mono);background:#ffffffed;border-bottom:1px solid #e9e9e9;justify-content:space-between;align-items:center;padding:0 16px;font-size:10px;display:flex;position:sticky;top:0}.cat-detail-header button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.cat-gallery{scroll-snap-type:x mandatory;scrollbar-width:none;background:#f6f6f6;display:flex;overflow-x:auto}.cat-gallery::-webkit-scrollbar{display:none}.cat-gallery-slide{aspect-ratio:4/5;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;width:100%;min-width:0;max-height:65svh}.cat-gallery-slide img,.cat-gallery-slide video{object-fit:contain;width:100%;height:100%;display:block}.cat-gallery-nav{font-family:var(--mono);border-bottom:1px solid #eee;justify-content:center;align-items:center;gap:16px;padding:5px 15px;font-size:10px;display:flex}.cat-gallery-nav>button{cursor:pointer;background:0 0;border:0;min-width:38px;min-height:38px;font-size:18px}.cat-gallery-nav>button:disabled{opacity:.25}.cat-dots{align-items:center;gap:6px;display:flex}.cat-dots button{cursor:pointer;background:#d6d6d6;border:0;border-radius:50%;width:6px;height:6px;padding:0}.cat-dots button.active{background:#111}.cat-detail-copy{padding:20px 18px}.cat-detail-copy h2{letter-spacing:-.5px;margin:0 0 13px;font-size:21px;font-weight:500;line-height:1.25}.cat-detail-copy .cat-price strong{font-size:22px}.cat-detail-copy .cat-price del{font-size:13px}.cat-sizes{color:#555;margin:14px 0 20px;font-size:12px}.cat-full-text{border-top:1px solid #eee;padding-top:14px;font-size:12px;line-height:1.6}.cat-full-text summary{font-family:var(--mono);cursor:pointer;font-size:10px}.cat-full-text p{white-space:pre-line;margin:15px 0 0}.cat-detail-bottom{padding:12px 16px max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-top:1px solid #eee;position:sticky;bottom:0}.cat-detail-bottom .cat-ask{min-height:46px;padding:12px 15px;font-size:12px}@media (min-width:700px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cat-card{border-right:1px solid #e9e9e9}.cat-card:nth-child(3n){border-right:0}.cat-overlay{align-items:center;padding:22px}.cat-detail{max-height:calc(100dvh - 44px)}.cat-copy{padding:15px}.cat-title{font-size:14px}}@keyframes cat-load{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.cat-skeleton{animation:none}.cat-gallery{scroll-behavior:auto}}.cat-more,.cat-ask{justify-content:center}.cat-photo-retry{width:100%;height:100%;min-height:180px;font-family:var(--mono);color:#444;cursor:pointer;background:#f6f6f6;border:0;font-size:11px}.cat-color-count{font-family:var(--mono);color:#777;margin:-4px 0 8px;font-size:9px;display:block}.cat-colors{flex-wrap:wrap;gap:8px;margin:12px 0 18px;display:flex}.cat-colors button{color:#111;font-family:var(--mono);background:#fff;border:1px solid #ccc;min-height:38px;padding:10px 12px;font-size:11px}.cat-colors button.selected{color:#fff;background:#111;border-color:#111}.cat-detail{padding-top:0;padding-bottom:0}.cat-budgets{gap:7px;padding:4px 18px 18px;display:flex;overflow-x:auto}.cat-budgets button{color:#111;background:#fff;border:1px solid #ddd;border-radius:2px;flex-shrink:0;padding:10px 12px;font:11px ui-monospace,SFMono-Regular,monospace}.cat-budgets button.selected{color:#fff;background:#111;border-color:#111}.cat-stock{color:#777;margin:5px 0;font:11px ui-monospace,monospace;display:block}.cat-ask:disabled{opacity:.4;cursor:default}.cat-heading-label{overflow-wrap:anywhere;max-width:220px}.cat-category{font:11px var(--mono);align-items:center;gap:12px;padding:0 18px 14px;display:flex}.cat-category select{color:#111;min-width:0;max-width:290px;font:12px var(--mono);background:#fff;border:1px solid #ddd;border-radius:2px;flex:1;padding:10px}.cat-gallery-wrap{position:relative}.cat-new{z-index:2;color:#fff;letter-spacing:.05em;pointer-events:none;background:#111;padding:5px 8px;font:500 11px/1.2 monospace;position:absolute;top:12px;right:12px}.cat-card-sizes{font-family:var(--mono);color:#555;overflow-wrap:anywhere;margin:-2px 0 12px;font-size:11px;line-height:1.5}.cat-card-sizes p{margin:0}.cat-card-sizes p+p{margin-top:3px}.cat-remove{color:#222;cursor:pointer;background:#fff;border:1px solid #bbb;width:100%;margin-top:10px;padding:12px 6px;font:11px ui-monospace,SFMono-Regular,monospace;display:block}.cat-remove:disabled{opacity:.4;cursor:wait}.cat-share{color:#222;cursor:pointer;background:#fff;border:1px solid #ddd;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;margin-top:8px;padding:10px 4px;font:11px ui-monospace,SFMono-Regular,monospace;display:flex}.cm-row-actions{flex-wrap:wrap}