/* Brand asset tools: the Brand book look lock and the chat card's brand-look line (session A's stylesheet). */
.look-lock{margin-top:var(--space-5)}
.look-lock>p{color:var(--muted);font-size:13px;margin:0 0 var(--space-4)}
.look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-4)}
.look-grid select{width:100%}
.look-palette{display:flex;align-items:center;gap:9px;font-size:14px;margin:0 0 var(--space-4)}
.look-palette input{width:16px;height:16px;accent-color:var(--text)}
.look-refs{margin:var(--space-2) 0 var(--space-4)}
.look-refs-title{display:block;font-weight:600;font-size:13px;margin-bottom:var(--space-2)}
.look-refs-title small{display:block;font-weight:400;color:var(--muted);font-size:12px}
.look-ref-grid{display:flex;flex-wrap:wrap;gap:10px}
.look-ref{position:relative;width:84px;height:84px;padding:0;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--raised);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}
.look-ref img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity var(--motion-fast) var(--motion-ease)}
.look-ref i{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;background:var(--text);color:var(--bg);opacity:0;transform:scale(.6);transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}
.look-ref[aria-pressed="true"]{box-shadow:0 0 0 2px var(--text)}
.look-ref[aria-pressed="true"] img{opacity:1}
.look-ref[aria-pressed="true"] i{opacity:1;transform:none}
.look-ref:hover{transform:translateY(-1px)}
.look-preview-box{margin:0 0 var(--space-4)}
.look-preview-box summary{cursor:pointer;font-size:13px;color:var(--muted)}
.look-preview{white-space:pre-wrap;font-family:var(--font-data);font-size:12px;line-height:1.5;margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--radius-control);background:var(--raised);border:1px solid var(--line)}
.look-test{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.look-test-note{color:var(--muted);font-size:13px}
.look-test-note button{margin-left:var(--space-1)}
.look-test-image{display:block;width:180px;border-radius:12px;margin:var(--space-2) 0;animation:look-in var(--motion-medium) var(--motion-ease)}
@keyframes look-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.assist-gen-look{margin:2px 0 0;font-size:12px;color:var(--muted)}
.assist-gen-look span{color:var(--text)}
.assist-gen-check{display:flex!important;align-items:center;gap:8px;grid-template-columns:none}
.assist-gen-check input{accent-color:var(--text)}
@media (max-width:640px){.look-grid{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.look-ref,.look-ref img,.look-ref i{transition:none}.look-test-image{animation:none}}
/* Create → Settings: brand look and saved subjects for images. */
.create-look{border-top:1px solid var(--line);margin-top:var(--space-2);padding-top:var(--space-1)}
.create-look-subjects{border:0;padding:0;margin:var(--space-2) 0 0;display:grid;gap:6px}
#lookSubjects{display:grid;gap:4px}
.create-look-subject{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.create-look-subject input{accent-color:var(--text)}
.create-look-subject img{width:28px;height:28px;border-radius:8px;object-fit:cover}
.create-look-subject small{display:block;color:var(--muted);font-size:11px}
/* Drops from the chat or Files (public/asset-drop.js): places that take a picture show a quiet outline while a FuelStorm
   asset is being dragged, and a solid one under the pointer. */
.is-dragging-asset :is(.cr-card,.fl-card,.tpl-img,.reel-clips){outline:1px dashed color-mix(in srgb,var(--text) 30%,transparent);outline-offset:3px;transition:outline-color .15s ease}
.is-dragging-asset .rw{border-radius:4px}
.is-asset-over:not(.rw){outline:2px solid var(--text)!important;outline-offset:3px}
.rw.is-asset-over{background:color-mix(in srgb,var(--text) 18%,transparent);box-shadow:0 0 0 2px var(--text)}
@media (prefers-reduced-motion:reduce){.is-dragging-asset :is(.cr-card,.fl-card,.tpl-img,.reel-clips){transition:none}}