.GenerateResultPanel_root__bqaCi{display:grid;gap:var(--space-4)}.GenerateResultPanel_headerTitle__kqouT,.GenerateResultPanel_header__O__kf{display:flex;gap:var(--space-3)}.GenerateResultPanel_header__O__kf{align-items:center;justify-content:space-between}.GenerateResultPanel_headerTitle__kqouT{min-width:0;flex:1 1 auto;align-items:center}.GenerateResultPanel_stage__0vgU6{--generate-result-max-canvas-height:calc(100vh - var(--site-nav-height) - var(--space-24) * 2);width:100%;max-width:min(calc(var(--space-24) * 6),calc(var(--generate-result-max-canvas-height) * var(--generate-result-width-ratio, calc(4 / 5))));margin-inline:auto;overflow:hidden}@supports (height:100dvh){.GenerateResultPanel_stage__0vgU6{--generate-result-max-canvas-height:calc(100dvh - var(--site-nav-height) - var(--space-24) * 2)}}.GenerateResultPanel_stage__0vgU6[data-shape=landscape]{max-width:none}.GenerateResultPanel_canvas__qL6r3{position:relative;width:100%;overflow:hidden;aspect-ratio:var(--generate-result-aspect,4/5);background:var(--surface-placeholder)}.GenerateResultPanel_media__QGxTy{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.GenerateResultPanel_placeholder__oMk_S{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-disabled)}.GenerateResultPanel_placeholder__oMk_S svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.GenerateResultPanel_scrim__Q9duK{position:absolute;inset:0;background:var(--material-media-scrim)}.GenerateResultPanel_overlay__xGmPl{position:absolute;right:var(--space-4);bottom:var(--space-4);left:var(--space-4);display:grid;gap:var(--space-2)}.GenerateResultPanel_overlay__xGmPl>:first-child{justify-self:start}.GenerateResultPanel_completeBadge__zkMSm svg,.GenerateResultPanel_overlay__xGmPl svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.GenerateResultPanel_progress__AEeaV{right:var(--space-4);padding:var(--space-3);border:1px solid var(--material-glass-border);border-radius:var(--radius-lg);background:var(--material-glass-bg)}.GenerateResultPanel_completeBadge__zkMSm,.GenerateResultPanel_progress__AEeaV{position:absolute;top:var(--space-4);left:var(--space-4)}.GenerateResultPanel_actions__nzcsA{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border);background:var(--surface-card)}.GenerateResultPanel_actions__nzcsA>:last-child{margin-left:auto}@media (max-width:22.4375rem){.GenerateResultPanel_header__O__kf{align-items:flex-start}.GenerateResultPanel_actions__nzcsA>:last-child{width:100%;margin-left:0}}.post-container{max-width:1200px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-16);font-family:var(--font);color:var(--text)}.post-state{min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-muted);font:var(--type-body-compact);letter-spacing:var(--type-body-ls)}.post-state-msg{color:var(--text-primary)}.post-spinner{width:32px;height:32px;border:3px solid var(--border-strong);border-top-color:var(--brand);border-radius:var(--radius-full);animation:post-spin var(--duration-spin) linear infinite}@keyframes post-spin{to{transform:rotate(1turn)}}.post-back-row{margin-bottom:var(--space-4)}.post-main{display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--material-card-shadow)}@media (min-width:960px){.post-main{flex-direction:row}}.post-media{position:relative;width:100%;background:transparent;display:flex;align-items:center;justify-content:center;min-height:360px}@media (min-width:960px){.post-media{width:60%;min-height:600px;max-height:85vh}}.post-media-bg{position:absolute;inset:0;background-size:cover;background-position:50%;opacity:.35;filter:var(--material-glass-filter)}.post-media-el{position:relative;z-index:1;max-width:100%;max-height:85vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.post-expand-btn{position:absolute;bottom:12px;right:12px;z-index:2;opacity:0;transition:opacity var(--duration-fast)}.post-media:hover .post-expand-btn{opacity:1}.post-side{flex:1;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width:960px){.post-side{width:40%;max-height:85vh;overflow-y:auto;padding:var(--space-8) var(--space-6)}}.post-title{font:var(--type-component-title);letter-spacing:var(--type-component-title-ls);color:var(--text-primary);margin:var(--space-1) 0 var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-stats{display:flex;align-items:center;gap:var(--space-2);font:var(--type-meta);letter-spacing:var(--type-meta-ls);color:var(--text-tertiary)}.post-stat{display:inline-flex;align-items:center;gap:var(--space-1)}.post-stat-sep{opacity:.5}.post-actions-primary{display:flex;gap:var(--space-3)}.post-actions-secondary{gap:var(--space-2)}.post-actions-secondary,.post-elements-grid{display:grid;grid-template-columns:repeat(3,1fr)}.post-elements-grid{gap:var(--space-3);padding:var(--space-1) 0 var(--space-3)}.post-element-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.post-element-img{width:100%;aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-sunken)}.post-element-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.post-element-label{font:var(--type-meta);letter-spacing:var(--type-meta-ls);color:var(--text-tertiary)}.post-element-name{font:var(--type-meta-strong);letter-spacing:var(--type-meta-ls);color:var(--text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-tags-list{display:flex;flex-wrap:wrap;gap:var(--space-1_5);padding:var(--space-1) 0 var(--space-3)}.post-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-sunken);color:var(--text-muted)}.post-empty,.post-tag{font:var(--type-meta);letter-spacing:var(--type-meta-ls)}.post-empty{color:var(--text-tertiary);padding:var(--space-1) 0 var(--space-3)}.post-prompt-box{font:var(--type-body-compact);letter-spacing:var(--type-body-ls);color:var(--text-secondary);padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word}.post-side-footer{margin-top:auto;padding-top:var(--space-5);display:flex;justify-content:flex-end}.wlb-stage{position:relative;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4) var(--space-2);overflow:hidden}.wlb-media{max-width:min(100%,92vw);width:auto;height:auto;-o-object-fit:contain;object-fit:contain;display:block;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:var(--surface-dark-grey)}.wlb-spinner{position:absolute;top:50%;left:50%;width:32px;height:32px;margin:calc(var(--space-4) * -1) 0 0 calc(var(--space-4) * -1);border:3px solid var(--border-media);border-top-color:var(--media-control-text);border-radius:var(--radius-full);animation:wlbSpin var(--duration-spin) linear infinite;pointer-events:none}@keyframes wlbSpin{to{transform:rotate(1turn)}}.wlb-nav{position:absolute;top:50%;z-index:5;transform:translateY(-50%);transition:transform var(--duration-fast)}.wlb-nav-prev{left:16px}.wlb-nav-next{right:16px}.wlb-nav-prev:hover{transform:translateY(-50%) translateX(-2px)}.wlb-nav-next:hover{transform:translateY(-50%) translateX(2px)}.wlb-counter{position:absolute;bottom:12px;left:16px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--media-control-bg);color:var(--media-control-text);font:var(--type-meta-strong);letter-spacing:var(--type-meta-ls);font-variant-numeric:tabular-nums;pointer-events:none;backdrop-filter:var(--media-control-filter);-webkit-backdrop-filter:var(--media-control-filter)}.wlb-toolbar{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(env(safe-area-inset-bottom, var(--space-3)) + var(--space-4));background:var(--material-media-scrim)}.wlb-tool>span{min-width:0}@media (max-width:640px){.wlb-stage{padding:var(--space-4) var(--space-2) var(--space-1)}.wlb-media{max-width:100%}.wlb-nav{transform:translateY(-50%)}.wlb-nav-prev{left:8px}.wlb-nav-next{right:8px}.wlb-toolbar{gap:var(--space-1);padding:var(--space-2) var(--space-2) calc(env(safe-area-inset-bottom, var(--space-2)) + var(--space-3))}.wlb-tool{flex:1;min-width:0}.wlb-counter{bottom:8px;left:var(--space-3);font:var(--type-meta-strong);letter-spacing:var(--type-meta-ls)}}.wlb-tool-visibility-label{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-0_5)}.wlb-tool-visibility-title{font:var(--type-meta-strong);letter-spacing:var(--type-meta-ls)}.wlb-tool-visibility-state{font:var(--type-meta);letter-spacing:var(--type-meta-ls);opacity:.7}