/* v2-ownlook.css — "Your own look" card + popup (unified popup system, v2-modal.css) */
#lookRec .olCard{position:relative}
#lookRec .olCard .olEmpty{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:10px!important;border:1.5px dashed rgba(229,168,46,.45)!important;border-radius:8px!important;background:rgba(229,168,46,.04);color:var(--tp,#F5F4F0);text-align:center;padding:12px}
#lookRec .olCard .olEmpty b{font-size:15px;font-weight:600}#lookRec .olCard .olEmpty small{font-size:12.5px;color:var(--ts,#B8B2A7)}
#lookRec .olCard .olIc{color:var(--gold,#E5A82E);display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:rgba(229,168,46,.1)}
#lookRec .olCard:hover .olEmpty{border-color:var(--gold,#E5A82E);background:rgba(229,168,46,.08)}
#lookRec .olCard .ph img{width:100%;height:100%;object-fit:cover}
.olTag{position:absolute;left:10px;bottom:10px;z-index:3;padding:4px 8px;border-radius:8px;background:rgba(18,17,15,.8);color:#F5F4F0;font:600 11px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.olEdit{position:absolute;right:10px;bottom:10px;z-index:3;padding:5px 10px;border-radius:8px;background:rgba(18,17,15,.8);border:1px solid rgba(245,244,240,.2);color:#F5F4F0;font:600 12px Inter,sans-serif;cursor:pointer}
.olEdit:hover{border-color:var(--gold,#E5A82E);color:var(--gold,#E5A82E)}
html body .mCard.olWin{position:relative;width:min(920px,calc(100vw - 48px));max-height:90vh;overflow-y:auto;padding:36px 32px 24px;border-radius:8px}
.olBody{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;margin-top:4px}
.olDrop{position:relative;display:block;min-height:340px;border-radius:8px;border:1.5px dashed rgba(245,244,240,.22);background:#151411;cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s}
.olDrop:hover,.olDrop.drag,.olDrop:focus-visible{border-color:var(--gold,#E5A82E);background:rgba(229,168,46,.05);outline:none}
.olDrop.has{border-style:solid;border-color:rgba(245,244,240,.14)}
.olPrev{position:absolute;inset:0}.olPrev img{width:100%;height:100%;object-fit:cover;display:block}
.olDz{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--tp,#F5F4F0);text-align:center;padding:20px}
.olDz b{font-size:16px;font-weight:600}.olDz small{font-size:13px;color:var(--ts,#B8B2A7)}
.olDz .olIc{color:var(--gold,#E5A82E);display:grid;place-items:center;width:54px;height:54px;border-radius:8px;background:rgba(229,168,46,.1)}
.olDrop.has .olDz{inset:auto 12px 12px auto;padding:7px 12px;border-radius:8px;background:rgba(18,17,15,.82);border:1px solid rgba(245,244,240,.2);flex-direction:row;gap:0}
.olDrop.has .olDz .olIc,.olDrop.has .olDz small{display:none}.olDrop.has .olDz b{font-size:13px}
.olSide{display:flex;flex-direction:column;gap:10px;min-width:0}
.olL{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ts,#B8B2A7);margin-top:6px}.olL span{text-transform:none;letter-spacing:0;font-weight:400;opacity:.8;margin-left:6px}
.olOpts{display:flex;flex-direction:column;gap:8px}
.olOpt{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;border-radius:8px;border:1px solid rgba(245,244,240,.16);background:#1d1b18;color:var(--tp,#F5F4F0);font:inherit;cursor:pointer;min-height:44px}
.olOpt b{font-size:15px;font-weight:600}.olOpt small{font-size:13px;line-height:1.4;color:var(--ts,#B8B2A7)}
.olOpt:hover{border-color:rgba(245,244,240,.36)}.olOpt.on{border-color:var(--gold,#E5A82E);box-shadow:0 0 0 1px var(--gold,#E5A82E);background:rgba(229,168,46,.06)}.olOpt.on b{color:var(--gold,#E5A82E)}
.olTips{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--ts,#B8B2A7)}
.olNote{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border-radius:8px;border:1px solid rgba(245,244,240,.18);background:#12110f;color:var(--tp,#F5F4F0);font:14px Inter,sans-serif}.olNote:focus{outline:none;border-color:var(--gold,#E5A82E)}
.olFoot{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(245,244,240,.1)}
.olWarn{margin-right:auto;font-size:13px;color:#e8a24a}
.olFoot .cta{width:auto;margin:0;padding:12px 26px}.olFoot .cta:disabled{opacity:.45;cursor:not-allowed}.olFoot .backb{padding:12px 20px}
@media (max-width:760px){
html body #olOv{align-items:stretch;padding:0}
html body .mCard.olWin{width:100vw;height:100%;max-height:none;border-radius:0;padding:20px var(--mob-g,16px) 0}
.olBody{grid-template-columns:1fr;gap:18px}.olDrop{min-height:240px}
.olFoot{position:sticky;bottom:0;margin:16px calc(-1 * var(--mob-g,16px)) 0;padding:12px var(--mob-g,16px) calc(12px + env(safe-area-inset-bottom,0px));background:#1b1a17}
.olFoot .cta{flex:1}
}

/* no stitched/dashed outline (user) — solid, quiet tile like the other cards */
#lookRec .olCard .olEmpty{border:0!important;margin:0!important;border-radius:0!important;background:rgba(229,168,46,.05)}
#lookRec .olCard:hover .olEmpty{background:rgba(229,168,46,.1)}