.ratio-lab{padding:24px;margin:24px 0;background:#f0f5fc;border:1px solid #cbd7eb;border-radius:20px}.ratio-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.ratio-controls select{font:inherit;padding:12px;width:100%;display:block;margin-top:8px}.ratio-model{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ratio-tray{background:white;border:1px solid #bdcbe3;border-radius:18px;padding:20px}.ratio-tray h3{margin-top:0}.ratio-beads{display:flex;gap:8px;flex-wrap:wrap;min-height:80px}.ratio-beads span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:700}.ratio-beads .blue{background:#415bb4}.ratio-beads .orange{background:#ac5924}.ratio-share{height:24px;background:#ac5924;border:1px solid #9facbf;border-radius:6px;overflow:hidden}.ratio-share span{display:block;height:100%;background:#415bb4}.ratio-tray small{display:block;margin-top:10px}.ratio-table{width:100%;border-collapse:collapse;background:white;margin:20px 0}.ratio-table caption{font-weight:700;margin:12px 0;text-align:left}.ratio-table th,.ratio-table td{padding:14px;text-align:left;border-bottom:1px solid #dbe3ee}.ratio-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.ratio-lab textarea{width:100%;display:block;min-height:100px;padding:12px;font:inherit;margin:12px 0}.ratio-lab>small{display:block}#ratioFeedback{background:white;border-left:4px solid #415bb4;padding:16px}@media(max-width:650px){.ratio-lab{padding:14px}.ratio-model,.ratio-controls{grid-template-columns:1fr}.ratio-table th,.ratio-table td{padding:8px}}