.grok-main{width:min(2000px,100%);margin:0 auto;display:flex;flex-direction:column;position:relative;min-height:calc(100vh - 76px)}.masonry{columns:200px;column-gap:14px;max-width:1400px;width:100%;margin:0 auto;padding:20px 24px 220px}.masonry-item{break-inside:avoid;margin-bottom:14px;border-radius:16px;overflow:hidden;position:relative;cursor:zoom-in;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease}.masonry-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}@media (max-width:600px){.masonry{columns:150px;column-gap:8px;padding:12px 12px 220px}.masonry-item{margin-bottom:8px;border-radius:12px}}.m-frame{position:relative;overflow:hidden;border-radius:14px;background:var(--bg-soft);border:1px solid var(--border)}.m-frame,.m-frame>img{width:100%;display:block}.m-frame>img{height:100%;object-fit:cover}.m-square{aspect-ratio:1/1}.m-portrait{aspect-ratio:9/16}.m-wide{aspect-ratio:16/9}.m-tall{aspect-ratio:3/4}.m-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:10px;opacity:0;transition:opacity .2s ease;pointer-events:none}.m-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 32%,transparent 56%,rgba(0,0,0,.66));z-index:-1}.masonry-item:focus-within .m-overlay,.masonry-item:hover .m-overlay{opacity:1;pointer-events:auto}@media (hover:none){.m-overlay{opacity:1;pointer-events:auto}.m-overlay:before{background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.55))}}.m-overlay-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.m-badge{display:inline-flex;align-items:center;max-width:64%;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:600;color:#fff;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-actions{display:inline-flex;gap:6px}.m-icon-btn{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);cursor:pointer;transition:background .15s,transform .15s}.m-icon-btn:hover{background:rgba(0,0,0,.72);transform:scale(1.06)}.m-icon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.m-icon-btn svg{width:15px;height:15px}.m-overlay-bottom{display:flex;flex-direction:column;gap:8px}.m-prompt{margin:0;font-size:12px;line-height:1.4;color:rgba(255,255,255,.92);text-shadow:0 1px 4px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.m-recreate{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:600;color:#fff;background:var(--brand-gradient);border:none;cursor:pointer;box-shadow:0 6px 16px rgba(222,106,66,.35);transition:transform .15s ease,filter .15s ease}.m-recreate:hover{transform:scale(1.04);filter:brightness(1.08)}.m-recreate svg{width:14px;height:14px}.imagine-dock{position:fixed;bottom:16px;left:0;right:0;display:flex;justify-content:center;padding:0 16px;padding-left:calc(var(--sidebar-current, 0px) + 16px);pointer-events:none;z-index:90;transition:padding-left .28s ease}.imagine-dock-inner{width:100%;max-width:760px;pointer-events:auto;background:color-mix(in srgb,var(--bg-elev) 80%,transparent);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px 10px;box-shadow:0 12px 40px rgba(15,15,20,.1),0 2px 8px rgba(15,15,20,.06);display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease,box-shadow .2s ease}.imagine-dock-inner:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 12px 40px rgba(222,106,66,.14),0 2px 8px rgba(15,15,20,.06)}[data-theme=dark] .imagine-dock-inner{background:var(--bg-elev);box-shadow:0 12px 40px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3)}.imagine-input{display:flex;align-items:center;gap:12px}.imagine-input .plus-btn{width:40px;height:40px;border-radius:50%;background:var(--text);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s}.imagine-input .plus-btn:hover{opacity:.85}.imagine-input input{flex:1;background:transparent;border:none;outline:none;font-size:15px;padding:4px 0;color:var(--text)}.imagine-input input::placeholder{color:var(--text-subtle)}.imagine-input .send-circle{width:40px;height:40px;border-radius:50%;background:var(--brand-gradient);color:#fff;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:var(--btn-brand-shadow);flex-shrink:0}.imagine-input .send-circle:hover:not(:disabled){transform:scale(1.07)}.imagine-input .send-circle:disabled{background:var(--bg-soft);color:var(--text-subtle);border-color:var(--border);box-shadow:none;cursor:not-allowed}.imagine-input .send-circle .send-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .6s linear infinite}.mode-chips{display:flex;gap:4px;flex-wrap:wrap;margin:0;padding:0;border:none}.mode-chips .mode-chip-link,.mode-chips button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 14px;border-radius:999px;background:transparent;border:1px solid transparent;font-size:13.5px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:background .2s,color .2s,border-color .2s}.mode-chips .mode-chip-link:hover,.mode-chips button:hover{background:var(--bg-soft);color:var(--text)}.mode-chips button.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent)}.mode-chips button.disabled,.mode-chips button:disabled{color:var(--text-subtle);opacity:.5;cursor:not-allowed}.mode-chips .mode-chip-link svg,.mode-chips button svg{width:14px;height:14px}.mode-chips button .dropdown-caret{width:12px;height:12px;opacity:.5;margin-left:2px}@media (max-width:720px){.mode-chips .mode-chip-link,.mode-chips button{min-height:var(--control-h-mobile-min);width:100%;justify-content:center}}.skel-pulse{background:linear-gradient(100deg,rgba(255,255,255,.04),rgba(255,255,255,.12) 50%,rgba(255,255,255,.04));background-size:200% 100%;animation:skel-pulse-shimmer 1.4s ease-in-out infinite;pointer-events:none}@keyframes skel-pulse-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ref-preview-grid{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.ref-preview-item{position:relative;width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg-soft)}.ref-preview-item img{width:100%;height:100%;object-fit:cover}.ref-preview-item.is-uploading img{opacity:.5}.ref-preview-item.is-uploading .ref-preview-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ref-preview-item.is-uploading .ref-preview-spinner:after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--text-muted);border-top-color:var(--accent);animation:spin .6s linear infinite}.ref-preview-item.is-failed{border-color:#dc2626;background:rgba(220,38,38,.1);display:flex;align-items:center;justify-content:center}.ref-preview-error-icon{color:#dc2626;font-size:16px;font-weight:700}.ref-preview-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;border:none;font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.ref-preview-remove:hover{background:rgba(0,0,0,.9)}@keyframes spin{to{transform:rotate(1turn)}}.image-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:120px 24px;text-align:center;animation:image-empty-in .5s ease both}@keyframes image-empty-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.image-empty-orb{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;color:#fff;background:var(--brand-gradient);box-shadow:0 18px 40px rgba(222,106,66,.35)}.image-empty-orb svg{width:40px;height:40px}.image-empty-title{font-size:17px;font-weight:700;color:var(--text)}.image-empty-desc{font-size:13.5px;line-height:1.55;max-width:380px;color:var(--text-muted)}