.image-source-tabs{float:left;width:100%;display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.image-source-tab{padding:8px 16px;background:#6afcff14;border:1px solid rgba(106,252,255,.2);border-radius:8px;color:#8ac;font-size:.9em;cursor:pointer;transition:all .2s ease}.image-source-tab:hover{background:#6afcff26;border-color:#6afcff66;color:#6afcff}.image-source-tab.active{background:#6afcff33;border-color:#6afcff;color:#6afcff;font-weight:500}.image-source-content{clear:both;animation:fadeIn .2s ease}.image-source-content:not(.active){display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.uploads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;max-height:220px;overflow-y:auto;padding:4px;margin-bottom:8px;background:#00000026;border-radius:10px}.uploads-grid.generated-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.upload-thumb-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:#0000004d}.upload-thumb-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.upload-thumb-item:hover{border-color:#6afcff66}.upload-thumb-item:hover img{transform:scale(1.05)}.upload-thumb-item.selected{border-color:#6afcff;box-shadow:0 0 12px #6afcff66}.upload-select-check{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#6afcff;color:#0a1628;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 6px #0006}.upload-thumb-item.selected .upload-select-check{display:flex}.generated-badge{position:absolute;bottom:4px;left:4px;padding:2px 6px;background:#000000b3;color:#6afcff;font-size:.65em;border-radius:4px;text-transform:uppercase;font-weight:600}.uploads-hint{font-size:.8em;color:#679;margin:8px 0 0}.uploads-hint a{color:#8ac}.uploads-hint a:hover{color:#6afcff}.uploads-grid::-webkit-scrollbar{width:6px}.uploads-grid::-webkit-scrollbar-track{background:#0003;border-radius:3px}.uploads-grid::-webkit-scrollbar-thumb{background:#6afcff4d;border-radius:3px}.uploads-grid::-webkit-scrollbar-thumb:hover{background:#6afcff80}.frame-picker{position:relative;float:left;width:100%;box-sizing:border-box;margin-bottom:10px}.frame-picker-row{display:flex;flex-wrap:wrap;gap:0 10px}.frame-picker-row>.frame-picker{flex:1 1 calc(50% - 5px);min-width:200px;float:none;width:auto;display:flex;flex-direction:column}.frame-picker-row>.frame-picker>.frame-picker-trigger{flex:1}.frame-picker-trigger{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;height:unset;margin:0;padding:8px 15px 12px;background:var(--surface-4);border:1px solid #293c60;border-radius:var(--radius-md);box-shadow:2px 2px 1px var(--black);color:var(--text);font-family:inherit;font-size:15px;text-align:left;cursor:pointer;transition:var(--transition)}.frame-picker-trigger:hover{background:#081414;box-shadow:none;transform:translateY(-1px)}.frame-picker-trigger label{width:100%;text-align:left;margin:0 0 4px;padding:0;float:none;font-family:Noto Sans,Open Sans,sans-serif;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer}.frame-picker-selected{flex:1;display:flex;align-items:center;min-height:26px;gap:8px;margin-right:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.frame-picker-selected img{width:26px;height:26px;flex-shrink:0;object-fit:cover;border-radius:var(--radius-sm)}.frame-picker-selected.is-empty{color:var(--text-muted)}.frame-picker-chevron{display:flex;align-items:center;flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.frame-picker.open .frame-picker-chevron{transform:rotate(180deg)}.frame-picker-backdrop{position:fixed;inset:0;z-index:199;background:rgba(var(--black-rgb),.35)}.frame-picker-panel{position:fixed;z-index:200;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:90%;max-width:520px;max-height:85vh;overflow:hidden;background:#0c172a;border:1px solid #2b3e58;border-radius:var(--radius-2xl);box-shadow:2px 2px 3px #0a0f20,0 0 15px #0a0f20}.frame-picker-panel[hidden],.frame-picker-backdrop[hidden]{display:none}.frame-picker-panel .custom-dropdown-title{display:flex;align-items:center;gap:10px}.frame-picker-panel .custom-dropdown-title svg{flex-shrink:0;stroke:currentColor}@media(max-width:768px){.frame-picker-panel{width:86%;max-height:70vh}}.frame-picker-panel.dragging{transition:none}.frame-picker-content{padding:16px 20px 20px;overflow-y:auto}.frame-picker-content>.reference-hint{display:flex;align-items:flex-start;gap:8px;margin:0 0 15px;font-size:.9em;color:var(--text-muted);line-height:1.4}.frame-picker-content>.reference-hint .tip-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}@media(max-width:768px){.image-source-tabs{gap:6px}.image-source-tab{padding:6px 12px;font-size:.85em}.uploads-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));max-height:180px}.uploads-grid.generated-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}