.reference-media-panel{align-items:flex-start;gap:12px;width:100%;min-width:0;min-height:76px;display:flex}.reference-media-panel__group{flex:0 0 48px;width:48px;min-width:0;position:relative}.reference-media-panel__file{min-height:52px}.reference-media-panel__add,.homepage-generator-v2.hero-generator-simple--home .reference-media-panel .hero-generator-simple__upload-trigger,.homepage-generator-v2.hero-generator-simple--home .reference-media-panel .hero-generator-simple__upload-thumb{border:1px dashed color-mix(in oklab, var(--foreground) 20%, transparent);background:color-mix(in oklab, var(--foreground) 3%, transparent);width:40px;height:52px;min-height:52px;max-height:52px;color:var(--muted-foreground);box-shadow:none;border-radius:8px;justify-content:center;align-items:center;margin-inline:auto;padding:0;display:flex}.reference-media-panel__add:hover{background:color-mix(in oklab, #ff2442 6%, var(--background));color:#ff2442}.homepage-generator-v2.hero-generator-simple--home .reference-media-panel .hero-generator-simple__inline-uploader{height:auto;min-height:0}.homepage-generator-v2.hero-generator-simple--home .reference-media-panel .hero-generator-simple__upload-icon{width:24px;min-width:0;height:24px;box-shadow:none;background:0 0;border:0}.homepage-generator-v2.hero-generator-simple--home .reference-media-panel .hero-generator-simple__upload-icon svg{width:16px;height:16px}.homepage-generator-v2.hero-generator-simple--home .reference-media-panel .hero-generator-simple__frame-tile-label{display:none}.homepage-generator-v2.hero-generator-simple--home .reference-media-panel .hero-generator-simple__upload-list{gap:4px;width:48px;margin:0}.reference-media-panel__details{margin-top:4px}.reference-media-panel__details summary{color:var(--muted-foreground);cursor:pointer;flex-direction:column;align-items:center;gap:1px;font-size:10px;line-height:14px;list-style:none;display:flex}.reference-media-panel__details summary::-webkit-details-marker{display:none}.reference-media-panel__details summary:hover{color:var(--foreground)}.reference-media-panel__count{font-variant-numeric:tabular-nums;opacity:.65;font-size:9px;line-height:12px}.reference-media-panel__specs{top:100%;z-index:30;border:1px solid var(--border);background:var(--background);width:190px;color:var(--muted-foreground);border-radius:10px;margin-top:6px;padding:10px 12px;font-size:11px;line-height:1.7;position:absolute;inset-inline-start:0;box-shadow:0 8px 24px #0002}.reference-media-panel__file video{object-fit:cover;border-radius:8px;width:40px;height:52px;margin-inline:auto;display:block}.reference-media-panel__file audio{width:48px;height:52px}.reference-media-panel__filename{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.reference-media-panel__hint{color:var(--muted-foreground);font-size:9px}.reference-media-panel__actions{justify-content:space-between;align-items:center;font-size:9px;display:flex}.reference-media-panel__actions button{min-height:24px}.reference-media-panel button:focus-visible,.reference-media-panel summary:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.reference-media-panel button:disabled{opacity:.5}.homepage-generator-v2.hero-generator-simple--home .hero-generator-simple__editor-row:has([data-reference-media-panel]){grid-template-columns:168px minmax(0,1fr);align-items:start;gap:12px;height:auto;min-height:0;max-height:none;display:grid}.homepage-generator-v2.hero-generator-simple--home .hero-generator-simple__upload:has([data-reference-media-panel]){align-self:start;width:168px;height:auto;min-height:0}.homepage-generator-v2.hero-generator-simple--home .hero-generator-simple__input-row:has([data-reference-media-panel]){height:auto;min-height:0;max-height:none}.homepage-generator-v2.hero-generator-simple--home .hero-generator-simple__editor-row:has([data-reference-media-panel])>.hero-generator-simple__prompt{align-self:stretch;width:100%;min-width:0}@media (width<=767px){.homepage-generator-v2.hero-generator-simple--home .hero-generator-simple__editor-row:has([data-reference-media-panel]){grid-template-columns:minmax(0,1fr);gap:8px}}.reference-media-panel__label{align-items:center;gap:2px;display:flex}.reference-media-panel__group:last-child .reference-media-panel__specs{inset-inline:0 auto}.homepage-generator-v2.hero-generator-simple--home .reference-media-panel .hero-generator-simple__upload-thumb>button:last-of-type:not(:first-child){width:20px;height:20px;inset:0 0 auto auto}.homepage-generator-v2.hero-generator-simple--home .reference-media-panel :is(.hero-generator-simple__upload-trigger,.reference-media-panel__add){transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s,border-color .18s,color .18s;animation:.24s cubic-bezier(.16,1,.3,1) both reference-slot-enter}.homepage-generator-v2.hero-generator-simple--home .reference-media-panel :is(.hero-generator-simple__upload-trigger,.reference-media-panel__add):hover{background:color-mix(in oklab, #ff2442 6%, var(--background));color:#ff2442;border-color:#ff2442;transform:translateY(-2px)scale(1.015)}.homepage-generator-v2.hero-generator-simple--home .reference-media-panel :is(.hero-generator-simple__upload-trigger,.reference-media-panel__add):active{transform:scale(.985)}.homepage-generator-v2.hero-generator-simple--home .reference-media-panel .hero-generator-simple__upload-trigger:hover .hero-generator-simple__upload-icon{color:#ff2442}@keyframes reference-slot-enter{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.homepage-generator-v2.hero-generator-simple--home .reference-media-panel :is(.hero-generator-simple__upload-trigger,.reference-media-panel__add){transition:none;animation:none;transform:none}}