.live-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:28px 0 16px}.live-controls h3{font-size:14px;font-weight:600;margin:0}.live-controls form{display:flex;align-items:center;gap:12px;min-width:0}.live-controls label{font-size:13px;color:var(--muted);white-space:nowrap}.live-controls input{font:inherit;font-size:14px;border:1px solid var(--soft);border-radius:10px;background:#fff9;color:var(--ink);padding:11px 12px;min-width:0}.live-search input{width:210px}.live-search button{min-width:auto;padding:10px 16px}.live-themes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:30px}.live-theme{display:flex;align-items:center;gap:10px;min-width:0;min-height:80px;padding:12px;border:1px solid var(--soft);border-radius:12px;background:#fff;transition:border-color .15s,background-color .15s}.live-theme:hover,.live-theme.selected{border-color:var(--accent);text-decoration:none}.live-theme.selected{background:#fff4eb;box-shadow:0 0 0 1px var(--accent)}.live-theme:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.live-theme img{display:block;flex:none;width:48px;height:48px;object-fit:contain;border-radius:7px;background:#fff;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}.live-theme span{font-size:13px;font-weight:600;line-height:1.5;text-align:start;overflow-wrap:anywhere}.live-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:30px}.live-category{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:10px;border:1px solid var(--soft);border-radius:14px;background:#fff8;min-width:0;transition:border-color .15s}.live-category:hover,.live-category.selected{border-color:var(--accent);text-decoration:none}.live-category.selected{box-shadow:0 0 0 1px var(--accent)}.live-category img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px}.live-category span{font-size:13px;font-weight:600;margin-top:4px;flex:1}.live-category small{font-size:11px;color:var(--muted);margin-top:4px}.live-list-heading{margin-bottom:18px}.live-list-heading h3{font-size:20px;margin:8px 0 0}.live-list-heading p{font-size:13px;color:var(--muted);max-width:60ch}.live-back{font-size:13px;color:#9b431f}.live-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px;margin-top:22px}.live-grid.books{grid-template-columns:repeat(4,minmax(0,1fr))}.live-card{display:block;min-width:0}.live-card:hover{text-decoration:none}.live-card-art{display:block;border:1px solid var(--soft);border-radius:12px;overflow:hidden;background:#fff;aspect-ratio:3/4;transition:border-color .15s}.live-card:hover .live-card-art{border-color:#b6623d}.live-card-art img{display:block;width:100%;height:100%;object-fit:contain;padding:4px;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}.live-card-title{display:block;font-size:12px;font-weight:600;margin:9px 3px 0;line-height:1.55;overflow-wrap:anywhere}.live-card-subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:var(--muted);margin:5px 3px}.live-book .live-card-title{font-size:14px}.live-pagination{display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px;color:var(--muted);margin:24px 0}.live-pagination a:hover{text-decoration:none;background:#eee7da}.live-pagination .disabled{opacity:.4}.live-status{font-size:13px;color:#9b431f;text-align:center}.live-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}.live-preview{width:min(1050px,calc(100vw - 28px));max-width:1050px;padding:36px 28px 20px}.live-detail-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);gap:32px;align-items:center;margin-top:16px}.live-detail-art{max-width:100%}.live-detail-art>img{max-height:65dvh;width:auto;max-width:100%;object-fit:contain}.live-detail-info{text-align:start}.live-detail-info h3{font-family:var(--font-display);font-size:26px;line-height:1.35;margin:6px 0 14px;overflow-wrap:anywhere}.live-detail-info p{text-align:start;font-size:13px;line-height:1.7;margin:8px 0;color:var(--muted)}.live-detail-info .live-kicker{font-size:12px;color:#9b431f}.live-download{margin-top:8px;background:var(--ink);color:#fff;border-color:var(--ink)}.live-detail-info .live-qr-note{font-size:11px;margin:10px 0 0}.live-app-prompt{border-top:1px solid var(--soft);padding-top:20px;margin-top:24px}.live-app-prompt h4{font-size:18px;margin:0 0 8px}.live-app-links{display:flex;flex-direction:column;align-items:start;gap:10px;margin-top:16px}.live-app-links .store-button{max-width:100%;width:100%}.live-detail-pages{display:flex;justify-content:space-between;gap:14px;font-size:12px;align-items:center;margin:24px 0 0}.live-preview .preview-watermark img{margin:0;max-height:none}.live-preview .live-status:empty{display:none}[data-live-library][aria-busy=true]{opacity:.65;pointer-events:none}
@media(max-width:900px){.live-controls{align-items:stretch;gap:16px}.live-search{align-self:end}.live-themes{grid-template-columns:repeat(3,minmax(0,1fr))}.live-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.live-grid.books{grid-template-columns:repeat(3,minmax(0,1fr))}.live-detail-layout{gap:22px;grid-template-columns:minmax(0,1fr) minmax(240px,1fr)}}
@media(max-width:640px){.live-controls{flex-direction:column;margin-top:22px;gap:12px}.live-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}.live-theme{min-height:72px;padding:9px;gap:8px}.live-theme img{width:40px;height:40px}.live-theme span{font-size:12px}.live-controls form{width:100%}.live-search input{flex:1;width:100px}.live-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px}.live-category{padding:7px}.live-category span{font-size:12px}.live-grid,.live-grid.books{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.live-list-heading{margin-bottom:18px}.live-list-heading h3{font-size:18px}.live-pagination{gap:12px}.live-pagination .page-button{min-width:70px;padding:8px 12px}.live-preview{padding:36px 18px 18px}.live-detail-layout{grid-template-columns:1fr;gap:18px}.live-detail-art>img{max-height:52dvh}.live-detail-info h3{font-size:22px}.live-app-prompt{margin-top:18px;padding-top:16px}.live-detail-pages{gap:8px}.live-app-links .store-button{width:100%}.live-detail-info .live-qr-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.live-theme,.live-category,.live-card-art{transition:none}}