.ugc-spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(43,208,197,.2);border-top-color:#2BD0C5;margin:0 auto;animation:ugcSpin .8s linear infinite;}
@keyframes ugcSpin{to{transform:rotate(360deg);}}
.ugc-chip{padding:7px 12px;border-radius:9px;border:1px solid var(--border-strong,rgba(255,255,255,.14));background:var(--surface2,#1c1f2b);color:var(--text-muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .12s;}
.ugc-chip:hover{color:var(--text);border-color:rgba(43,208,197,.5);}
.ugc-chip.on{background:linear-gradient(135deg,rgba(46,124,246,.25),rgba(43,208,197,.18));border-color:#2BD0C5;color:#fff;}
.ugc-media-workspace{min-width:0;max-width:100%;box-sizing:border-box;}
.media-pane-intro{margin:0 0 14px;}
.media-pane-title{font-size:14px;font-weight:700;line-height:1.35;color:var(--text);}
.media-pane-subtitle{font-size:12px;line-height:1.55;color:var(--text-muted);margin-top:3px;}
#ugcGrid,#ugcGrid>div{min-width:0;max-width:100%;box-sizing:border-box;}
#ugcResultWrap::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#2BD0C5,transparent);opacity:0;pointer-events:none;}
#ugcResultWrap.scanning::after{opacity:.9;animation:ugcScan 1.6s ease-in-out infinite;}
@keyframes ugcScan{0%{transform:translateY(0);}100%{transform:translateY(230px);}}
@media(max-width:720px){#ugcGrid{grid-template-columns:minmax(0,1fr)!important;}.ugc-media-workspace{padding:16px!important;}}
@media(prefers-reduced-motion:reduce){.ugc-spin,#ugcResultWrap.scanning::after{animation:none;}}