.ugc-hub-page{display:flex;flex-direction:column;gap:0;background:transparent;color:var(--text-body);font-family:var(--font-asap),"Asap",system-ui,sans-serif;font-size:14px;line-height:1.55;padding-bottom:152px}.ugc-hub-page .uh-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:28px;flex-wrap:wrap}.ugc-hub-page .uh-hero__left{min-width:0;flex:1}.ugc-hub-page .uh-eyebrow{font-family:var(--font-caveat),"Caveat",cursive;font-weight:600;font-size:20px;color:var(--accent);display:inline-block;transform:rotate(-1deg);transform-origin:left center;margin-bottom:4px;letter-spacing:.01em}.ugc-hub-page .uh-title{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:clamp(2rem,3.6vw,2.8rem);letter-spacing:-.022em;line-height:1;color:var(--text-primary);margin-bottom:8px}.ugc-hub-page .uh-lede{font-family:var(--font-asap),"Asap",system-ui,sans-serif;font-size:14px;color:var(--text-soft);line-height:1.55;max-width:58ch}.ugc-hub-page .uh-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}@media (max-width:860px){.ugc-hub-page .uh-features{grid-template-columns:1fr}}.ugc-hub-page .uh-feat-card{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:var(--bg-elev-1);border:1px solid var(--border-mid);border-radius:12px;transition:border-color .18s var(--ease),background .18s var(--ease)}.ugc-hub-page .uh-feat-card:hover{background:var(--bg-elev-2);border-color:var(--border-strong)}.ugc-hub-page .uh-feat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ugc-hub-page .uh-feat-icon--violet{background:rgba(169,136,199,.15);color:#a988c7}.ugc-hub-page .uh-feat-icon--green{background:rgba(106,190,122,.15);color:var(--green)}.ugc-hub-page .uh-feat-icon--blue{background:var(--accent-soft);color:var(--accent)}.ugc-hub-page .uh-feat-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.ugc-hub-page .uh-feat-desc{font-size:11.5px;color:var(--text-muted);line-height:1.45;margin-top:2px}.ugc-hub-page .uh-section-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.ugc-hub-page .uh-section-title{font-family:var(--font-asap),"Asap",system-ui,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-quiet)}.ugc-hub-page .uh-count-badge{display:inline-flex;align-items:center;font-family:var(--font-mono-jb),"JetBrains Mono",monospace;font-size:10px;font-weight:700;color:var(--text-quiet);background:var(--bg-elev-1);border:1px solid var(--border-mid);border-radius:999px;padding:1px 7px;margin-left:8px}.ugc-hub-page .uh-search{display:flex;align-items:center;gap:7px;background:var(--bg-elev-1);border:1px solid var(--border-mid);border-radius:8px;padding:6px 11px;min-width:220px;transition:border-color .18s var(--ease)}.ugc-hub-page .uh-search:focus-within{border-color:var(--accent)}.ugc-hub-page .uh-search svg{color:var(--text-quiet);flex-shrink:0}.ugc-hub-page .uh-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-body);font-family:var(--font-asap),"Asap",system-ui,sans-serif;font-size:12.5px}.ugc-hub-page .uh-search input::-moz-placeholder{color:var(--text-faint)}.ugc-hub-page .uh-search input::placeholder{color:var(--text-faint)}.ugc-hub-page .uh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;grid-auto-rows:10px;grid-auto-flow:dense}.ugc-hub-page .uh-card{background:var(--bg-elev-1);border:1px solid var(--border-mid);border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;position:relative;transition:border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.ugc-hub-page .uh-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 14px 32px -10px rgba(0,0,0,.5)}.ugc-hub-page .uh-card--tall{grid-row:span 32}.ugc-hub-page .uh-card--wide{grid-row:span 19}.ugc-hub-page .uh-card--square{grid-row:span 25}.ugc-hub-page .uh-thumb{position:relative;overflow:hidden;flex-shrink:0}.ugc-hub-page .uh-card--tall .uh-thumb{aspect-ratio:9/16}.ugc-hub-page .uh-card--wide .uh-thumb{aspect-ratio:16/9}.ugc-hub-page .uh-card--square .uh-thumb{aspect-ratio:1/1}.ugc-hub-page .uh-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ugc-hub-page .uh-thumb-bg{width:100%;height:100%;background:var(--thumb-gradient,linear-gradient(160deg,var(--bg-elev-2),var(--bg-elev-3,#20212a)));position:relative}.ugc-hub-page .uh-chips{position:absolute;top:8px;left:8px;display:flex;gap:4px;z-index:5}.ugc-hub-page .uh-chip{padding:2px 7px;background:rgba(0,0,0,.62);color:#fff;font-family:var(--font-mono-jb),"JetBrains Mono",monospace;font-size:10px;font-weight:600;border-radius:999px;backdrop-filter:blur(4px);letter-spacing:.02em}.ugc-hub-page .uh-chip--accent{background:rgba(125,160,194,.92);color:var(--accent-text,#0e1a26)}.ugc-hub-page .uh-chip--green{background:rgba(106,190,122,.85);color:#0a1a0e}.ugc-hub-page .uh-chip--amber{background:rgba(224,165,64,.85);color:#1a1000}.ugc-hub-page .uh-chip--red{background:rgba(217,107,107,.85);color:#1a0606}.ugc-hub-page .uh-ver{position:absolute;top:8px;right:8px;padding:2px 7px;background:rgba(28,29,34,.85);color:var(--accent);font-family:var(--font-mono-jb),"JetBrains Mono",monospace;font-weight:700;font-size:10px;border-radius:4px;backdrop-filter:blur(4px);z-index:5}.ugc-hub-page .uh-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);border:1.5px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease),color .2s var(--ease);z-index:4;pointer-events:none}.ugc-hub-page .uh-card:hover .uh-play{background:rgba(125,160,194,.92);border-color:var(--accent);transform:translate(-50%,-50%) scale(1.06);color:#0e1a26}.ugc-hub-page .uh-hover-strip{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));padding:28px 10px 10px;display:flex;gap:4px;opacity:0;transition:opacity .16s var(--ease);z-index:4;flex-wrap:wrap}.ugc-hub-page .uh-card:hover .uh-hover-strip{opacity:1}.ugc-hub-page .uh-quick{padding:4px 8px;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;font-size:10.5px;font-weight:600;backdrop-filter:blur(6px);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease);display:inline-flex;align-items:center;gap:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ugc-hub-page .uh-quick--primary,.ugc-hub-page .uh-quick:hover{background:var(--accent);color:var(--accent-text,#0e1a26);border-color:var(--accent)}.ugc-hub-page .uh-quick--primary:hover{background:var(--accent-hi)}.ugc-hub-page .uh-quick--accent{color:var(--accent);border-color:rgba(125,160,194,.5)}.ugc-hub-page .uh-meta{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;flex:1}.ugc-hub-page .uh-meta__title{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:13.5px;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.ugc-hub-page .uh-meta__sub{font-size:11px;color:var(--text-soft);line-height:1.3;display:flex;align-items:center;gap:5px}.ugc-hub-page .uh-meta__sub .sep{color:var(--text-faint)}.ugc-hub-page .uh-meta__sub .genre{color:var(--text-muted)}.ugc-hub-page .uh-skeleton{animation:uh-pulse 1.6s ease-in-out infinite;background:var(--bg-elev-2);border-radius:8px}@keyframes uh-pulse{0%,to{opacity:1}50%{opacity:.45}}.ugc-hub-page .uh-empty{flex-direction:column;padding:60px 24px;border:1px dashed var(--border-strong);border-radius:14px;text-align:center;gap:8px}.ugc-hub-page .uh-empty,.ugc-hub-page .uh-empty__icon{display:flex;align-items:center;justify-content:center}.ugc-hub-page .uh-empty__icon{width:52px;height:52px;border-radius:50%;background:var(--bg-elev-2);color:var(--text-quiet);margin-bottom:8px}.ugc-hub-page .uh-empty__title{font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:17px;color:var(--text-primary)}.ugc-hub-page .uh-empty__body{font-size:13px;color:var(--text-muted);max-width:34ch;line-height:1.5}.ugc-hub-page .uh-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid var(--border-strong);background:var(--bg-elev-1);color:var(--text-body);border-radius:8px;font-size:13px;font-weight:600;font-family:var(--font-asap),"Asap",system-ui,sans-serif;cursor:pointer;transition:background .18s var(--ease),border-color .18s var(--ease)}.ugc-hub-page .uh-btn:hover{background:var(--bg-elev-2);border-color:var(--border-emphasis,#3a3b40)}.ugc-hub-page .uh-btn--primary{background:var(--accent);color:var(--accent-text,#0e1a26);border-color:var(--accent);box-shadow:0 6px 16px -4px rgba(125,160,194,.35)}.ugc-hub-page .uh-btn--primary:hover{background:var(--accent-hi);border-color:var(--accent-hi)}.ugc-hub-page .uh-btn--danger{color:var(--red);border-color:rgba(217,107,107,.25);background:transparent}.ugc-hub-page .uh-btn--danger:hover{background:rgba(217,107,107,.08);border-color:var(--red)}.ugc-hub-page .uh-console{position:fixed;bottom:24px;left:calc(264px + (100vw - 264px) / 2);transform:translateX(-50%);width:min(1020px,calc(100vw - 300px));height:68px;z-index:75;background:rgba(28,29,34,.96);border:1px solid var(--border-strong);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-console);display:flex;align-items:center;gap:10px;padding:0 10px 0 16px}.ugc-hub-page .uh-cons-model{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;background:var(--bg-canvas);border:1px solid var(--border-mid);border-radius:999px;color:var(--text-body);font-size:11.5px;font-weight:600;cursor:pointer;flex-shrink:0;transition:border-color .15s var(--ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ugc-hub-page .uh-cons-model:hover{border-color:var(--accent)}.ugc-hub-page .uh-cons-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 7px -1px rgba(125,160,194,.7);flex-shrink:0}.ugc-hub-page .uh-cons-caret{color:var(--text-quiet);font-size:9px}.ugc-hub-page .uh-cons-input-wrap{flex:1;min-width:0}.ugc-hub-page .uh-cons-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-body);font-family:var(--font-asap),"Asap",system-ui,sans-serif;font-size:15px;font-style:italic;padding:0;line-height:1.5}.ugc-hub-page .uh-cons-input::-moz-placeholder{color:var(--text-faint);font-style:italic}.ugc-hub-page .uh-cons-input::placeholder{color:var(--text-faint);font-style:italic}.ugc-hub-page .uh-cons-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;background:transparent;border:1px solid var(--border-mid);border-radius:999px;color:var(--text-soft);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;flex-shrink:0;transition:color .15s var(--ease),border-color .15s var(--ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ugc-hub-page .uh-cons-pill:hover{color:var(--accent);border-color:rgba(125,160,194,.45)}.ugc-hub-page .uh-cons-pill__caret{font-size:8px;opacity:.7}.ugc-hub-page .uh-cons-reuse{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;background:transparent;border:1px solid rgba(125,160,194,.4);border-radius:999px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.04em;flex-shrink:0;cursor:pointer;transition:background .15s var(--ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ugc-hub-page .uh-cons-reuse:hover{background:var(--accent-soft)}.ugc-hub-page .uh-cons-render{padding:8px 18px;background:var(--accent);color:var(--accent-text,#0e1a26);border:none;border-radius:999px;font-family:var(--font-zilla),"Zilla Slab",serif;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 6px 16px -4px rgba(125,160,194,.4);flex-shrink:0;cursor:pointer;transition:background .15s var(--ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ugc-hub-page .uh-cons-render:hover{background:var(--accent-hi)}.ugc-hub-page .uh-thumb-bg--0{background:radial-gradient(ellipse at 50% 35%,rgba(125,160,194,.3),transparent 55%),linear-gradient(160deg,#1e2a35,#7da0c2 50%,#0e1a26)}.ugc-hub-page .uh-thumb-bg--1{background:linear-gradient(165deg,#1c2a1c,#4a7a50 60%,#0e150e)}.ugc-hub-page .uh-thumb-bg--2{background:linear-gradient(165deg,#2a1c2a,#7a4a7a 60%,#1a0e1a)}.ugc-hub-page .uh-thumb-bg--3{background:linear-gradient(160deg,#2a2010,#c88c38 60%,#1a1008)}.ugc-hub-page .uh-thumb-bg--4{background:radial-gradient(ellipse at 50% 38%,#e8c8a0 0,#a87850 38%,#3a2018 95%)}.ugc-hub-page .uh-thumb-bg--5{background:linear-gradient(180deg,#2a3540,#4a6a7a 60%,#1a2530)}.ugc-hub-page .uh-thumb-bg--6{background:linear-gradient(160deg,#2a2840,#5a4a78 60%,#1a1830)}.ugc-hub-page .uh-thumb-bg--7{background:linear-gradient(180deg,#2a1510,#d6885a 60%,#1a0d08)}@media (max-width:1100px){.ugc-hub-page .uh-console{left:calc(132px + (100vw - 132px) / 2)}}@media (max-width:920px){.ugc-hub-page .uh-console{left:50%;width:min(1020px,calc(100vw - 24px))}}