/* Lenci Studio hooks of workstream D (v3/locations, v3/looks): the "My locations" tile row in the Set section and the look sheet
   ("Save as look…" / "Browse looks…" from the Presets menu). Linked after studio.css; additive only — nothing here restyles an
   existing control. Logical properties so Arabic mirrors by itself. */
.tile.places-add { display: grid; place-items: center; align-content: center; gap: 4px; min-height: 72px; text-decoration: none; color: var(--muted); background: rgba(255,255,255,.02); border-style: dashed; }
.tile.places-add:hover { color: var(--ink); }
.tile.places-add .places-add-mark { font: 700 22px/1 var(--display); color: #a78bfa; }
.tile.places-add span:last-child { padding: 0 8px 6px; font-family: var(--display); font-size: 10px; font-weight: 600; text-align: center; white-space: normal; line-height: 1.3; }
.look-sheet .look-card { display: grid; gap: 14px; width: min(100%, 720px); }
.look-preview { width: 100%; max-height: 300px; height: auto; object-fit: contain; border-radius: 12px; background: #0d0d13; border: 1px solid var(--line); justify-self: center; }
.look-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.look-form .look-in { width: 100%; box-sizing: border-box; font: 500 13px var(--latin); color: var(--ink); background: rgba(255,255,255,.04); border: 1px solid var(--line-2); border-radius: 10px; padding: 9px 11px; outline: none; }
.look-form .look-in:focus { border-color: rgba(168,85,247,.7); box-shadow: 0 0 0 3px rgba(139,92,246,.22); }
[dir="rtl"] .look-form .look-in { font-family: var(--arabic); }
.look-form select.look-in option { background: #14141c; color: var(--ink); }
.look-form #look-name { grid-column: 1 / -1; }
.look-check { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink); grid-column: 1 / -1; cursor: pointer; }
.look-check input { accent-color: #8b5cf6; }
.look-status { margin: 0; min-height: 16px; font-size: 12px; color: var(--muted); }
.look-foot { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; align-items: center; }
.look-foot a.ghost { text-decoration: none; display: inline-flex; align-items: center; }
.look-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; max-height: min(60vh, 520px); overflow: auto; padding: 2px; }
.look-tile img, .look-tile canvas { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; background: #0d0d13; }
.look-tile span { white-space: normal; }
.look-note { margin: 0; }
@media (max-width: 560px) { .look-form { grid-template-columns: minmax(0, 1fr); } .look-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .look-sheet .modal-card { padding: 20px 14px 16px; } }