/* Lenci Studio — the "My models" and "My wardrobe" tile rows in the inspector (v3/models/CONTRACT.md, v3/wardrobe/CONTRACT.md).
   Additive only: builds on studio.css (.sub, .tiles, .tile, .note, .ghost); nothing here restyles an existing control.
   Logical properties, so Arabic mirrors by itself. */
.my-models-block, .my-wardrobe-block { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.my-models-block:empty, .my-wardrobe-block:empty { display: none; }
.sub .my-manage { order: 2; margin-inline-start: 6px; flex: none; padding: 3px 9px; font-size: 9.5px; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; line-height: 1.2; border-radius: 999px; }
[dir="rtl"] .sub .my-manage { letter-spacing: 0; text-transform: none; font-size: 10.5px; }
.note.my-note { margin: 0; }
.my-link { color: #d6c9ff; text-decoration: underline; text-underline-offset: 3px; }
.my-link:hover { color: #fff; }
.tiles.my-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.my-tile img { aspect-ratio: 3 / 4; object-fit: cover; object-position: 50% 12%; }
.my-tile span { text-transform: none; letter-spacing: .02em; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.my-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.my-row .my-note { flex: 1 1 140px; min-width: 0; }
.ghost.my-clear { padding: 5px 10px; font-size: 10.5px; }
.note.face-own-model { font-style: italic; color: var(--accent-2, #c9b8ff); }