.mr-fun{padding:14px 18px;background:#fff7df;border-left:4px solid #d6a339;border-radius:8px} .mr-tool{min-width:0} .mr-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end} .mr-controls select{max-width:100%} .mr-controls label{flex:1 1 180px;min-width:0} .mr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:20px} .mr-card{padding:18px;border:1px solid #dce3e9;border-radius:12px;min-width:0;overflow-wrap:anywhere} .mr-card h3{margin-top:0} .mr-card dl{margin:0} .mr-card dt{font-weight:600;margin-top:10px} .mr-card dd{margin:0} .mr-swatches{display:flex;flex-wrap:wrap;gap:12px} .mr-swatch{width:90px;min-height:76px;border:1px solid #8a8a8a;border-radius:10px;display:grid;place-items:center;font-weight:700} #mr-result{margin-top:20px} .mr-tool textarea{width:100%;box-sizing:border-box;min-height:150px} .mr-hero{font-size:1.25rem} @media print{.mr-controls,.mr-actions{display:none}}