.material-card{position:relative;min-width:0;border:1px solid #edf3f6;border-radius:12px;background:white;overflow:hidden}
.material-card>.material{width:100%;padding:7px 3px 3px;min-height:104px}
.material-actions{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 9px;gap:8px}
.bead-info,.bead-add{width:30px;height:30px;min-width:30px;border-radius:50%;font-size:18px;line-height:1;display:grid;place-items:center}
.bead-info{background:#fff;border:1px solid #9ec6d7;color:#608b9e;font-family:Georgia,serif;font-weight:bold}
.bead-add{background:var(--accent,#73bce0);color:white}
.material-card .material em{font-size:9px;max-width:90%;overflow:hidden}
.material-card .source-label{font-size:9px}
.info-heading h2{margin:10px 0 14px;font-size:22px}
.info-picture{height:180px;display:grid;place-items:center;background:#f5f8fa;border-radius:18px;overflow:hidden;margin-bottom:15px}
.info-picture img{width:100%;height:100%;max-height:180px;object-fit:contain}
.info-specs{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#f9fbfc;padding:16px;border-radius:14px;margin:0 0 20px}
.info-specs dt{color:#8ba0ac;font-size:11px}.info-specs dd{margin:3px 0 0;font-size:14px}
.info-description{margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.info-add{margin-top:18px}.modal[role=dialog]{outline:none}

/* Render original bead assets without a synthetic sphere underneath. */
.bead.has-image{background:transparent;border-radius:0;box-shadow:none;overflow:visible}.bead.has-image::before,.bead.has-image::after{display:none}.bead.has-image img{width:100%;height:100%;object-fit:contain;border-radius:0}.material .swatch{height:74px}.material .swatch .bead{width:66px;height:66px}

.variant-select{width:calc(100% - 12px);margin:3px 6px 9px;padding:6px 3px;font-size:12px;background:#f2f8fb;border:1px solid #deebf0;border-radius:8px}.material-card>.material{touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.material img{pointer-events:none}.material-card .material small{min-height:32px;display:block}.material-card .material b{font-size:11px}.material-card>.material{min-height:120px}