/* Une carte compacte laisse le studio visible, les réglages restent accessibles. */
#hero-insp.studio-focus{width:min(290px,calc(100% - 40px));max-height:48%;padding:12px;border-radius:16px;overflow:auto}
#hero-insp.studio-focus .hi-img{width:44px;height:52px;object-fit:cover;float:left;margin:0 10px 6px 0;border-radius:6px}
#hero-insp.studio-focus h3{font-size:17px;padding-right:20px;line-height:1.2}
#hero-insp.studio-focus .hi-sub{font-size:11px;margin-bottom:6px}
#hero-insp.studio-focus .studio-actions{clear:both;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
#hero-insp.studio-focus .studio-actions button{flex:1;font-size:11px;padding:8px}
#hero-insp.studio-focus details{clear:both;border-top:1px solid var(--line);padding-top:8px}
#hero-insp.studio-focus summary{cursor:pointer;font-size:12px;color:var(--fg-2);padding:4px 0}
#hero-insp.studio-focus details .hi-act{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#easel-actions{position:absolute;inset:0;pointer-events:none;z-index:3}
#easel-actions[hidden]{display:none}
#easel-actions button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;font-size:11px;background:var(--surface);border:1px solid var(--line)}
.easel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;max-height:42vh;overflow:auto;margin:12px 0}
.easel-grid button{display:flex;flex-direction:column;white-space:normal;height:auto;padding:6px;font-size:12px}
.easel-grid button[hidden]{display:none}.easel-grid img{width:100%;height:100px;object-fit:contain;border-radius:8px}
@media(max-width:640px){#hero-insp.studio-focus{left:12px;right:auto;bottom:70px;width:min(280px,calc(100% - 24px));max-height:38%}}