.page{max-width:760px;margin:0 auto;padding:18px 16px 40px;display:flex;flex-direction:column;gap:14px}.page details img{max-width:380px;width:100%;border-radius:6px}.parents{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.parent canvas{display:block;width:100px;height:100px;margin-bottom:6px;background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 0 0 / 16px 16px;border:1px solid var(--border);border-radius:6px}.parent label{display:block;color:var(--muted);font-size:.9rem;margin-bottom:4px}.parent input[type=text]{width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:6px 8px;font:inherit}.parent-saved-select{width:100%;margin-top:6px}#amount-div{margin:14px 0 0;color:var(--muted)}#amount-input{width:70px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:6px 8px;font:inherit}#variance-div{margin:14px 0 0;color:var(--muted);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.variance-slider{display:flex;flex-direction:column}#variance-input{width:180px}.variance-hints{display:flex;justify-content:space-between;width:180px;font-size:.75rem;color:var(--muted)}#regenerate-button{display:block;margin:14px 0 0;background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}#regenerate-button:hover{filter:brightness(1.1);background:var(--accent)}#offspring{display:flex;flex-wrap:wrap;gap:10px}#swap-parents-button,.parent-thumbs-details{margin-top:10px}.parent-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.thumbs-empty{color:var(--muted);font-size:.85rem}.parent-thumb{width:96px;padding:5px;border:1px solid var(--border);border-radius:8px;background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.parent-thumb-canvas{width:60px;height:60px;image-rendering:pixelated;background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 0 0 / 16px 16px;border-radius:4px}.parent-thumb-name{font-size:.75rem;overflow-wrap:anywhere}.parent-thumb-buttons{display:flex;gap:4px}.parent-thumb-buttons button{font-size:.72rem;padding:2px 6px}.kit{display:flex;flex-direction:column;align-items:center;gap:4px}.kit-actions{display:flex;gap:4px}.kit-pin-button.pinned{border-color:var(--accent);color:var(--accent)}.cat-link{display:inline-block;border-radius:8px;border:1px solid var(--border);background:var(--surface);padding:6px;line-height:0}.cat-link:hover{border-color:var(--accent)}.kit-save-button{font-size:.8rem;padding:3px 8px}.kit-save-button:disabled{opacity:.7;cursor:default}.kit-tree-button{font-size:.8rem;padding:3px 8px}#litter-actions{display:flex}#send-litter-tree-button{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}#send-litter-tree-button:hover:not(:disabled){filter:brightness(1.1);background:var(--accent)}#send-litter-tree-button:disabled{opacity:.5;cursor:not-allowed}#rl-input{max-width:320px}#rl-analyze-button{margin-top:10px;background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}#rl-analyze-button:hover{filter:brightness(1.1);background:var(--accent)}.rl-rows{display:flex;flex-direction:column;gap:10px;margin-top:14px}.rl-row{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--border)}.rl-trait{font-weight:600;color:var(--muted);font-size:.9rem}.rl-value{font-weight:600}.rl-sources{margin-top:5px;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.rl-sources-lead{color:var(--muted);font-size:.82rem}.rl-badge{font-size:.78rem;padding:2px 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.rl-badge-top{border-color:var(--accent);color:var(--accent)}.rl-note{margin-top:5px;color:var(--muted);font-size:.82rem}.rl-examples{margin-top:18px}.rl-examples h3{margin:0 0 4px}.rl-pair{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.rl-parent{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.rl-parent canvas{width:60px;height:60px;background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 0 0 / 16px 16px;border:1px solid var(--border);border-radius:4px}.rl-parent-desc{font-size:.75rem;max-width:90px;overflow-wrap:anywhere}.rl-parent button{font-size:.72rem;padding:2px 8px}