#content-dialog:has(.mevsme-panel){width:min(1000px,calc(100vw - 28px));background:#eee8d9;color:#34383e;border-color:#7b8278}
#content-dialog:has(.mevsme-panel) .dialog-heading{background:#34383e;color:#eee8d9;border-color:#858b7e}
#content-dialog:has(.mevsme-panel) #dialog-close{width:44px;height:44px;min-height:44px;flex-shrink:0}
.mevsme-panel{color:#34383e;font-family:var(--body);line-height:1.8}
.mevsme-heading{display:flex;align-items:center;gap:22px;padding:4px 0 20px;border-bottom:2px solid #c3bfad;margin-bottom:20px}
.mevsme-heading>span{flex:0 0 100px;text-align:center;font:bold 15px/1.05 var(--pixel),monospace;letter-spacing:1px}.mevsme-heading>div{min-width:0}.mevsme-heading h3{font:20px/1.6 var(--pixel),monospace;margin:4px 0}.mevsme-heading p{font-size:12px;margin:4px 0;color:#66695e}.mevsme-panel .mevsme-kicker{font-size:11px;letter-spacing:.5px;color:#728075;margin:0 0 5px}
.mevsme-fitting{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:center;padding:20px;background:#e2dfd0;border:2px solid #a8ae9d}.mevsme-preview{width:180px;justify-self:center}.mevsme-preview canvas,.mevsme-look-card canvas{display:block;image-rendering:pixelated;max-width:100%;border:2px solid #7b8b7e}.mevsme-directions{display:flex;gap:4px;margin-top:9px}.mevsme-directions button{flex:1;min-height:44px;padding:5px 4px;font:12px var(--pixel);border:1px solid #a0a99b;background:#eeeadb;color:#47584e}.mevsme-directions button[aria-pressed=true]{background:#566e62;color:#fff4d7}
.mevsme-look-info h3{font:20px/1.6 var(--pixel);margin:5px 0 8px}.mevsme-look-info>p{font-size:13px;margin:0 0 15px}.mevsme-look-info .act-actions{display:flex;flex-wrap:wrap;gap:8px}.mevsme-panel .act-button{min-height:44px;font-size:12px}.mevsme-panel .act-button.primary{background:#3e554b;border-color:#263f35;color:#fff1d0}.mevsme-panel .act-button.secondary{background:#eee8d9;border-color:#9aab99;color:#465b4c}.mevsme-panel .mevsme-save-note{font-size:11px;color:#707264;margin-top:13px}
.mevsme-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.mevsme-look-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;align-items:center;text-align:left;padding:12px;background:#f5efdf;color:#34383e;border:2px solid #c1c2ae;cursor:pointer}.mevsme-look-card[aria-pressed=true]{border-color:#506b5d;box-shadow:inset 0 0 0 2px #8da58c}.mevsme-look-card strong{display:block;font:14px/1.7 var(--pixel)}.mevsme-look-card small{display:block;font-size:11px;color:#6f7668;margin-top:7px;overflow-wrap:anywhere}.mevsme-look-card em{display:inline-block;font-size:10px;font-style:normal;color:#486b52;background:#dde5cd;padding:2px 7px;margin-top:7px}
.mevsme-sources{border-top:1px dashed #b8bba8;padding:13px 0;margin-top:12px;font-size:11px;color:#6c7565}.mevsme-sources summary{font-size:12px;cursor:pointer;min-height:28px}.mevsme-sources a,.mevsme-source-link{display:block;padding:8px 0;color:#3e6c62;text-decoration:underline;overflow-wrap:anywhere}.mevsme-sources p{margin:6px 0 10px}
.mevsme-panel button:focus-visible,.mevsme-panel a:focus-visible,.mevsme-panel summary:focus-visible{outline:3px solid #527f70;outline-offset:3px}
@media(max-width:600px){.mevsme-heading{gap:12px}.mevsme-heading>span{flex-basis:72px;font-size:12px}.mevsme-heading h3{font-size:16px}.mevsme-heading p{font-size:11px}.mevsme-fitting{grid-template-columns:minmax(0,1fr);padding:15px;gap:15px}.mevsme-look-info h3{font-size:17px}.mevsme-look-info>p{font-size:12px}.mevsme-catalog{grid-template-columns:minmax(0,1fr)}.mevsme-look-card{gap:13px}}