#ohana-media-bot{margin:20px 0}.ohm-toggle{width:100%;border:2px solid var(--deep);border-radius:14px;background:var(--sea);color:var(--deep);padding:14px 12px;font-weight:800;font-size:14px;text-align:left;min-height:48px}.ohm-panel{margin-top:9px;background:#fff;border:1px solid #b9d0c8;border-radius:14px;padding:16px;min-width:0}.ohm-panel[hidden]{display:none!important}.ohm-title{font-size:17px}.ohm-context,.dialog .ohm-note{font-size:11px;line-height:1.5;color:#496662;overflow-wrap:anywhere}.dialog .ohm-log p{font-size:13px;margin:10px 0;line-height:1.6}.ohm-user{background:#e3f5ed;border-radius:10px;padding:9px 12px;font-weight:700}.ohm-quick{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.ohm-quick button,.ohm-form button{border:1px solid var(--deep);background:var(--cream);color:var(--deep);font-weight:700;border-radius:22px;padding:10px 14px;min-height:44px}.ohm-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.ohm-input-label{grid-column:1/-1;font-size:12px;font-weight:700}.ohm-form input{width:100%;min-width:0;padding:11px 9px;border:1px solid #8cab9d;border-radius:8px;font-size:16px;color:var(--deep);min-height:44px}.ohm-form button{background:var(--deep);color:white}.ohm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.ohm-card{border:1px solid #bad0c6;border-radius:9px;padding:5px;background:#fafcf9;color:var(--deep);overflow:hidden;min-width:0;text-align:left}.ohm-card img{display:block;width:100%;height:105px;object-fit:contain;background:white;border-radius:6px}.ohm-card span{display:block;font-size:11px;line-height:1.35;padding:7px 3px;overflow-wrap:anywhere}.ohm-card:hover{border-color:var(--deep)}.ohm-preview{margin:12px 0;border:1px solid #bad0c6;border-radius:9px;background:white;padding:8px}.ohm-preview img{width:100%;height:auto;max-height:350px;object-fit:contain}.ohm-preview figcaption{font-size:12px;text-align:center;padding:8px}.ohm-panel button:focus-visible{outline:3px solid var(--coral);outline-offset:2px}@media(max-width:530px){.ohm-panel{padding:12px}.ohm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ohm-card img{height:105px}.ohm-title{font-size:16px}}
