.feed-panel{background-color:var(--bg-primary);flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px 32px;display:flex;position:relative;overflow-y:auto}.feed-list{flex-direction:column;gap:28px;display:flex}
.feed-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;padding:8px;transition:border-color .62s cubic-bezier(.32,.72,0,1),transform .62s cubic-bezier(.32,.72,0,1),box-shadow .62s cubic-bezier(.32,.72,0,1),background .62s cubic-bezier(.32,.72,0,1);position:relative;box-shadow:0 2px 12px #0000002e,inset 0 1px #ffffff06}.feed-card:hover{background:#ffffff06;border-color:#10b9812e;transform:translateY(-2px);box-shadow:0 18px 40px #00000059,0 0 0 1px #10b9811f,inset 0 1px #ffffff09}.feed-card-inner{background:#ffffff07;border:1px solid #ffffff09;border-radius:16px;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,inset 0 -1px #00000026}.feed-card-meta{align-items:center;gap:12px;padding:20px 22px 16px;display:flex}.feed-card-model{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-primary);background:#10b98114;border:1px solid #10b98138;border-radius:100px;align-items:center;gap:7px;padding:5px 11px 5px 10px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.feed-card-model .type-icon{opacity:.75;margin-left:-1px}.feed-card-time{color:var(--text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.75;margin-left:auto;font-size:11px;font-weight:500}
.feed-card-status{text-transform:uppercase;letter-spacing:.14em;border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.feed-card-status.processing{color:#7dc4ff;background:#60a5fa1a;border:1px solid #60a5fa33;box-shadow:inset 0 1px #ffffff0d}.feed-card-status.failed{color:#fca5a5;background:#ef44441a;border:1px solid #ef444438;box-shadow:inset 0 1px #ffffff0d}.feed-card-status.failed.content-rejected{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b52;align-items:center;gap:6px;display:inline-flex}.feed-card-status.failed.content-rejected .rejected-help{color:#fcd34d;cursor:help;-webkit-user-select:none;user-select:none;background:#fcd34d1a;border:1px solid #fcd34d8c;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-weight:700;line-height:1;transition:background .16s cubic-bezier(.32,.72,0,1),border-color .16s cubic-bezier(.32,.72,0,1);display:inline-flex}.feed-card-status.failed.content-rejected .rejected-help:hover,.feed-card-status.failed.content-rejected .rejected-help:focus-visible{background:#fcd34d38;border-color:#fcd34dd9;outline:none}#help-hover-tooltip{color:#fff;letter-spacing:0;text-align:left;white-space:normal;overflow-wrap:break-word;pointer-events:none;opacity:0;z-index:9999;background:#1c1c1ef2;border-radius:8px;width:max-content;max-width:min(280px,100vw - 24px);padding:6px 11px;font-size:12px;font-weight:500;line-height:1.3;transition:opacity .14s,transform .14s;position:fixed;transform:translate(-50%,4px);box-shadow:0 6px 18px #00000073}#help-hover-tooltip.visible{opacity:1;transform:translate(-50%)}#help-hover-tooltip:after{content:"";border:5px solid #0000;border-top-color:#1c1c1ef2;margin-left:-5px;position:absolute;top:100%;left:50%}
.feed-card-prompt-wrap{background:#ffffff05;border:1px solid #ffffff09;border-radius:12px;align-items:flex-start;gap:12px;margin:18px 20px 4px;padding:14px 16px;transition:background .32s cubic-bezier(.32,.72,0,1),border-color .32s cubic-bezier(.32,.72,0,1);display:flex;position:relative;box-shadow:inset 0 1px #ffffff06}.feed-card-prompt-wrap--collapsed{cursor:pointer}.feed-card-prompt-wrap--expanded{cursor:default}.feed-card-prompt-wrap:hover{background:#ffffff09;border-color:#ffffff0f}.feed-card-prompt{letter-spacing:0;min-width:0;color:var(--text-secondary);word-break:break-word;white-space:pre-wrap;will-change:max-height;flex:1;font-size:13.5px;line-height:1.7;transition:max-height .36s cubic-bezier(.32,.72,0,1);position:relative;overflow:hidden}.feed-card-prompt-wrap--collapsed .feed-card-prompt{max-height:3.4em}.feed-card-prompt:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#11121800,#111218f5);height:1.9em;transition:opacity .26s cubic-bezier(.32,.72,0,1);position:absolute;bottom:0;left:0;right:0}.feed-card-prompt-wrap--collapsed .feed-card-prompt:after{opacity:1}.feed-card-prompt-tools{flex-shrink:0;align-items:flex-start;gap:6px;display:inline-flex}.feed-card-prompt-toggle{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .32s cubic-bezier(.32,.72,0,1);display:inline-flex}.feed-card-prompt-toggle:hover{color:var(--accent-primary);background:#10b9811a;border-color:#10b98166;transform:translate(1px,-1px)scale(1.05)}.feed-card-prompt-toggle:active{transform:translate(0)scale(.96)}.feed-card-prompt-toggle-icon{transform-origin:50%;transition:transform .26s cubic-bezier(.32,.72,0,1)}.feed-card-prompt-toggle-icon--expanded{transform:rotate(180deg)}.feed-card-prompt-copy{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .32s cubic-bezier(.32,.72,0,1);display:inline-flex}.feed-card-prompt-copy:hover{color:var(--accent-primary);background:#10b9811a;border-color:#10b98166;transform:translate(1px,-1px)scale(1.05)}.feed-card-prompt-copy:active{transform:translate(0)scale(.96)}.feed-card-prompt-copy.copied{color:var(--accent-primary);border-color:var(--accent-primary);background:#10b9812e;box-shadow:0 0 0 4px #10b98114}.feed-card-prompt-wrap .feed-card-actions{border-top:none;flex-shrink:0;align-items:center;gap:6px;margin-top:0;padding:0;display:inline-flex}.feed-card-prompt-wrap .feed-card-action-btn{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;gap:0;padding:0;transition:all .32s cubic-bezier(.32,.72,0,1);display:inline-flex}.feed-card-prompt-wrap .feed-card-action-btn:hover:not(:disabled){color:var(--accent-primary);background:#10b9811a;border-color:#10b98166;transform:translate(1px,-1px)scale(1.05)}.feed-card-prompt-wrap .feed-card-action-btn:active:not(:disabled){transform:translate(0)scale(.96)}.feed-card-prompt-wrap .feed-card-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.feed-card-prompt-wrap .feed-card-action-btn.copied{color:var(--accent-primary);border-color:var(--accent-primary);background:#10b9812e;box-shadow:0 0 0 4px #10b98114}.feed-card-prompt-wrap .feed-card-action-btn--danger:hover:not(:disabled){color:#fca5a5;background:#ef44441f;border-color:#ef444480;box-shadow:0 0 0 4px #ef44440f}.feed-card-prompt-wrap .feed-card-action-btn--upgrade-cta{color:#fff;white-space:nowrap;letter-spacing:.01em;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #8b5cf666;border-radius:16px;gap:6px;width:auto;height:32px;padding:0 12px 0 10px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #6366f140}.feed-card-prompt-wrap .feed-card-action-btn--upgrade-cta:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#7c7ef4,#9b6df5);border-color:#8b5cf6b3;transform:translateY(-1px)scale(1.02);box-shadow:0 4px 14px #6366f173}.feed-card-prompt-wrap .feed-card-action-btn--upgrade-cta svg{flex-shrink:0}.feed-card-prompt-wrap .feed-card-action-btn--upgrade-cta .cta-label{line-height:1}@media (max-width:480px){.feed-card-prompt-wrap .feed-card-action-btn--upgrade-cta{padding:0 10px 0 8px;font-size:11px}}.feed-card-prompt-wrap .feed-card-action-btn.is-loading svg{animation:.9s linear infinite feed-action-spin}@keyframes feed-action-spin{to{transform:rotate(360deg)}}.feed-card-prompt--empty{flex:1;min-width:0;min-height:0}@media (prefers-reduced-motion:reduce){.feed-card-prompt,.feed-card-prompt:after,.feed-card-prompt-toggle-icon{transition:none}}
.feed-card--optimistic{opacity:0;border-style:dashed;border-color:#10b9812e;animation:.22s cubic-bezier(.32,.72,0,1) forwards feed-card-optimistic-in;transform:translateY(-4px)}@keyframes feed-card-optimistic-in{to{opacity:1;transform:none}}
.feed-card-params{flex-wrap:wrap;gap:5px;margin:8px 14px 0;display:flex}.feed-card-param-pill{color:var(--text-tertiary);letter-spacing:.02em;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0f;border-radius:100px;align-items:center;padding:2px 9px;font-size:10.5px;font-weight:500;line-height:1.5;display:inline-flex}
.feed-card-media{background:#00000073;border:1px solid #ffffff08;border-radius:14px;margin:16px 14px 0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 4px 16px #00000040}.feed-card-media--split{background:#0006;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;padding:12px;display:grid}.feed-side{flex-direction:column;gap:8px;min-width:0;display:flex}.feed-side-main{aspect-ratio:16/9;background:#00000080;border-radius:8px;flex:none;justify-content:center;align-items:center;width:100%;min-height:200px;max-height:420px;display:flex;position:relative;overflow:hidden}.feed-side-main img,.feed-side-main video{object-fit:contain;cursor:zoom-in;width:100%;height:100%;max-height:none;transition:opacity .4s cubic-bezier(.32,.72,0,1);display:block}.feed-side-main video{cursor:default}.feed-side-main img:hover{opacity:.94}.feed-side-main--empty-output{background:radial-gradient(#ffffff05,#0000 58%),#00000080;border:1px dashed #ffffff09}.feed-side--input .feed-side-main img{cursor:zoom-in}.feed-side-thumbs{-ms-overflow-style:none;gap:4px;display:flex;overflow-x:auto}.feed-side-thumbs .feed-thumb{border-radius:6px;width:40px;height:40px}.feed-arrow{color:var(--accent-primary);opacity:.5;justify-content:center;align-items:center;padding:0 12px;display:flex}.feed-arrow svg{filter:drop-shadow(0 0 8px #10b9814d)}@media (max-width:768px){.feed-card-media--split{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:8px}.feed-arrow{padding:4px 0;transform:rotate(90deg)}}.feed-card-media img,.feed-card-media video{width:100%;transition:opacity .4s cubic-bezier(.32,.72,0,1);display:block}.feed-card-media video{object-fit:contain;background:#000;max-height:520px}.feed-card-main-media{aspect-ratio:16/10;isolation:isolate;background:#000;width:100%;min-height:280px;max-height:520px;position:relative;overflow:hidden}.feed-card-main-media video{object-fit:contain;object-position:center;width:100%;height:100%;max-height:none;position:absolute;inset:0}.feed-card-main-img{aspect-ratio:16/10;isolation:isolate;width:100%;min-height:280px;max-height:520px;position:relative;overflow:hidden}.feed-card-main-img img{object-fit:contain;object-position:center;cursor:zoom-in;width:100%;height:100%;display:block;position:absolute;inset:0}@media (max-width:768px){.feed-side-main{min-height:160px}.feed-card-main-img,.feed-card-main-media{min-height:200px}}.feed-thumb-strip{-ms-overflow-style:none;background:#00000040;gap:6px;padding:8px;display:flex;overflow-x:auto}.feed-thumb{cursor:pointer;opacity:.5;background:0 0;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:56px;height:56px;padding:0;transition:all .3s cubic-bezier(.32,.72,0,1);overflow:hidden}.feed-thumb:hover{opacity:.8}.feed-thumb.active{opacity:1;border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.feed-thumb img{object-fit:cover;width:100%;height:100%;display:block}
.feed-card-actions{border-top:1px solid #ffffff06;align-items:center;gap:6px;margin-top:16px;padding:12px 16px 18px;display:flex}.feed-card-action-btn{color:var(--text-tertiary);cursor:pointer;background:#ffffff06;border:1px solid #ffffff0a;border-radius:100px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .28s cubic-bezier(.32,.72,0,1);display:inline-flex}.feed-card-action-btn:hover{color:var(--text-primary);background:#fff1;border-color:#ffffff1a;transform:translateY(-1px)}.feed-card-action-btn:active{transform:translateY(0)scale(.98)}.feed-card-meta>.feed-card-action-btn{color:var(--text-secondary);margin-left:auto;padding:6px 8px}.feed-card-meta>.feed-card-action-btn.copied{color:var(--accent-primary);background:#10b9811f;border-color:#10b98147}.feed-card-loading{flex-direction:column;gap:12px;padding:14px;display:flex}.feed-card-loading--compact{justify-content:center;min-height:156px;padding:10px}.feed-shimmer{aspect-ratio:16/10;isolation:isolate;background:radial-gradient(at 0 0,#10b98108,#0000 60%),linear-gradient(135deg,#ffffff05 0%,#ffffff0a 100%);border:1px solid #ffffff0a;border-radius:14px;min-height:280px;max-height:520px;position:relative;overflow:hidden}.feed-card-loading--compact .feed-shimmer{aspect-ratio:16/9;min-height:clamp(220px,25vw,420px);max-height:420px}.feed-shimmer:before{content:"";will-change:transform;pointer-events:none;background:linear-gradient(135deg,#0000 42%,#ffffff0f 47%,#ffffff2e 50%,#ffffff0f 53%,#0000 58%);animation:2.6s cubic-bezier(.32,.72,0,1) infinite diagonalBeam;position:absolute;inset:-60%}@keyframes diagonalBeam{0%{transform:translate(-55%,-55%)}to{transform:translate(55%,55%)}}.feed-card-main-img:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;opacity:1;background:radial-gradient(at 0 0,#10b98106,#0000 55%),linear-gradient(135deg,#ffffff06 0%,#ffffff0b 100%);transition:opacity .52s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}.feed-card-main-img:after{content:"";will-change:transform;pointer-events:none;z-index:2;opacity:1;background:linear-gradient(135deg,#0000 42%,#ffffff0d 47%,#ffffff29 50%,#ffffff0d 53%,#0000 58%);transition:opacity .52s cubic-bezier(.32,.72,0,1);animation:2.6s cubic-bezier(.32,.72,0,1) infinite diagonalBeam;position:absolute;inset:-60%}.feed-card-main-img.loaded:before,.feed-card-main-img.loaded:after{opacity:0}.feed-card-main-img{background:#ffffff04}.feed-card-main-img img{z-index:3;opacity:0;transition:opacity .62s cubic-bezier(.32,.72,0,1)}.feed-card-main-img.loaded img{opacity:1}.feed-progress{align-items:center;gap:12px;display:flex}.feed-progress-track{background:#ffffff0f;border-radius:100px;flex:1;height:3px;overflow:hidden}.feed-progress-bar{background:linear-gradient(90deg, var(--accent-primary), #60a5fa);background-size:200% 100%,auto;background-image:linear-gradient(110deg, transparent 0%, #ffffff47 50%, transparent 100%), linear-gradient(90deg, var(--accent-primary), #60a5fa);will-change:width, background-position;background-position:-100% 0,0 0;background-repeat:no-repeat,no-repeat;border-radius:100px;width:5%;height:100%;animation:90s cubic-bezier(.16,1,.3,1) forwards feedProgressMarch,1.6s linear infinite feedProgressShimmer}@keyframes feedProgressMarch{0%{width:5%}8%{width:28%}25%{width:55%}50%{width:78%}75%{width:88%}to{width:92%}}@keyframes feedProgressShimmer{0%{background-position:-100% 0,0 0}to{background-position:200% 0,0 0}}.feed-progress-label{color:var(--text-tertiary);white-space:nowrap;font-size:11px;font-weight:500}.feed-data-skeleton-list{padding:0}.feed-data-skeleton-card{pointer-events:none}.feed-data-skeleton-model{box-shadow:inset 0 0 0 1px #10b9811f}.feed-data-skeleton-time{margin-left:auto}.feed-data-skeleton-media-frame{pointer-events:none}.feed-data-skeleton-side-main{min-height:clamp(220px,25vw,420px)}.feed-data-skeleton-main-img{pointer-events:none}.feed-data-skeleton-main-img:before,.feed-data-skeleton-main-img:after{content:none}.feed-data-skeleton-media-fill{width:100%;height:100%}.feed-data-skeleton-prompt-wrap{align-items:center}.feed-data-skeleton-prompt{align-items:center;display:flex}.feed-data-skeleton-action-icons{margin-left:auto}.feed-data-skeleton-params{padding-bottom:8px}
.empty-state{color:var(--text-muted);text-align:center;pointer-events:auto;z-index:1;flex-direction:column;align-items:center;padding:24px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.empty-state-orb{pointer-events:none;z-index:0;background:radial-gradient(circle,#10b9810f 0%,#0000 70%);border-radius:50%;width:320px;height:320px;margin-top:-160px;margin-left:-160px;animation:8s cubic-bezier(.32,.72,0,1) infinite alternate emptyOrbFloat;position:absolute;top:50%;left:50%}.empty-state-orb--video{background:radial-gradient(circle,#60a5fa0f 0%,#0000 70%)}@keyframes emptyOrbFloat{0%{transform:translate(-20px,10px)scale(1)}to{transform:translate(20px,-10px)scale(1.1)}}.empty-state-content{z-index:1;flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.empty-state-icon-ring{width:72px;height:72px;color:var(--text-tertiary);background:#ffffff08;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px 1px #ffffff0a,0 0 40px #10b9810a}.empty-state h3{color:var(--text-primary);letter-spacing:-.4px;margin:0;font-size:20px;font-weight:600}.empty-state p{max-width:360px;color:var(--text-tertiary);margin:0;font-size:14px;line-height:1.7}#empty-state-guest,#empty-state-user{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.empty-state-login-btn{align-self:center;padding:10px 32px;font-size:15px}.task-spinner{border:2px solid #ffffff4d;border-top-color:var(--accent-primary);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite feed-task-spin;display:inline-block}@keyframes feed-task-spin{to{transform:rotate(360deg)}}@media (max-width:480px){.empty-state h3{font-size:16px}.empty-state p{max-width:260px;font-size:13px}}
@media (max-width:768px){.feed-panel{display:none!important}.feed-panel:not(.hidden-mobile){display:flex!important}.feed-panel{gap:16px;padding:16px}.feed-card{border-radius:16px;padding:4px}.feed-card-inner{border-radius:12px}.feed-card-meta{padding:12px 16px 8px}.feed-card-prompt-wrap{margin:10px 12px 0;padding:10px 12px}.feed-card-prompt{font-size:12px}}
.feed-scroll-edge-controls{right:24px;bottom:calc(var(--feed-scroll-edge-bottom,24px) + env(safe-area-inset-bottom,0px));z-index:25;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed}.feed-scroll-edge-btn{border:1px solid color-mix(in srgb, var(--accent-primary) 68%, var(--border-subtle));background:color-mix(in srgb, var(--bg-panel) 92%, transparent);width:42px;height:42px;color:var(--text-primary);cursor:pointer;pointer-events:auto;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-primary) 14%, transparent), 0 10px 28px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.feed-scroll-edge-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-primary) 34%, transparent), 0 12px 30px #00000052;transform:translateY(-1px)}.feed-scroll-edge-btn:active{transform:translateY(0)}.feed-scroll-edge-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width:768px){.feed-scroll-edge-controls{gap:6px;right:12px}.feed-scroll-edge-btn{width:38px;height:38px}}
#image-modal .modal-container{max-width:90vw;box-shadow:none;background:0 0;border:none;flex-direction:column;align-items:center;display:flex}#image-modal:before{background:#000000e6}.modal-img-wrapper{justify-content:center;align-items:center;width:100%;max-height:80vh;display:flex;overflow:hidden}.modal-image-bg{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;min-height:300px;max-height:80vh;display:block}.modal-download-btn{-webkit-backdrop-filter:blur(12px);width:36px;height:36px;color:var(--text-muted);cursor:pointer;z-index:10;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;top:16px;right:64px}.modal-download-btn:hover{color:#fff;background:#10b9812e;border-color:#10b98166;transform:translateY(-1px)scale(1.05);box-shadow:0 0 0 4px #10b98114}.modal-download-btn:active{transform:translateY(0)scale(.96)}.modal-download-btn svg{stroke-width:1.8px;width:18px;height:18px}.modal-caption{color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:20px;margin-top:16px;padding:8px 16px;font-size:14px}@media (max-width:768px){#image-modal .modal-container{border-radius:0;max-width:100vw;max-height:100dvh;margin:0}.modal-img-wrapper{border-radius:0;max-height:70vh}}