.creative-generation-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.creative-generation-heading{flex-wrap:wrap;flex:1;align-items:center;gap:8px 12px;min-width:0;display:flex}.creative-generation-status{color:#999;flex-shrink:0;align-items:center;gap:6px;min-height:26px;font-size:12px;display:flex}.creative-generation-heading h3{overflow-wrap:anywhere;flex-shrink:0;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:500;line-height:26px;display:flex}.creative-output-grid{grid-template-columns:repeat(var(--creative-columns,4),minmax(0,1fr));gap:6px;width:100%;display:grid}.creative-output{border-radius:6px;min-width:0;margin:0;position:relative}.creative-ai-mark{pointer-events:none;z-index:2;width:51px;height:19px;display:block;position:absolute;top:10px;left:10px}.creative-output .el-image{aspect-ratio:var(--creative-ratio,9/16);cursor:pointer;-o-object-fit:contain;object-fit:contain;background:#252525;border-radius:6px;width:100%;height:auto;display:block;overflow:hidden}.creative-output .el-image:focus-visible{outline-offset:-2px;outline:2px solid #b5c6ff}.creative-output-grid .creative-output .creative-video-preview{aspect-ratio:var(--creative-ratio,9/16);color:#ddd;cursor:pointer;background:#252525;border:0;border-radius:6px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.creative-video-preview video,.creative-video-preview>.creative-output-thumbnail{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.creative-video-play{width:48px;height:48px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.creative-video-preview.is-playing .creative-video-play{opacity:0}.creative-video-duration{color:#fff;background:#0009;border-radius:3px;padding:2px 5px;font-size:11px;position:absolute;bottom:10px;right:10px}.creative-output-tools{opacity:0;z-index:3;background:#111c;border-radius:6px;gap:2px;padding:3px;transition:opacity .12s;display:flex;position:absolute;bottom:6px;right:6px}.creative-output .creative-output-tools button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:24px;height:24px;min-height:0;padding:0;display:grid}.creative-output .creative-output-tools button:hover:not(:disabled){background:#ffffff1a}.creative-output .creative-output-tools button:disabled{cursor:default;opacity:.5}.creative-output button:focus-visible{outline:2px solid #b5c6ff}.creative-output .creative-output-tools button :-webkit-any(svg,.iconify){flex-shrink:0;width:16px;height:16px;display:block}.creative-output .creative-output-tools button :is(svg,.iconify){flex-shrink:0;width:16px;height:16px;display:block}.creative-output:focus-within .creative-output-tools,.creative-output:hover .creative-output-tools{opacity:1}@media (prefers-reduced-motion:reduce){.creative-output-tools{transition:none}}.creative-generation-card{box-sizing:border-box}.creative-generation-card .creative-generation-header{margin-bottom:8px}.creative-generation-card .creative-generation .creative-generation-parameters{gap:6px}.creative-generation-card .creative-generation .creative-generation-parameters .creative-generation-references,.creative-generation-card .creative-generation .creative-generation-parameters>span{color:#a7a9af;background:#26282c;border-radius:4px;min-height:24px;padding:0 6px;font-size:12px;line-height:24px}.creative-generation-card .creative-generation-parameters>span+span:before{display:none}.creative-generation-card .creative-output-grid{flex-wrap:wrap;gap:12px;display:flex}.creative-generation-card .creative-output-grid>:-webkit-any(article,figure){border-radius:12px;flex:0 0 188px;width:188px;height:250px;overflow:hidden}.creative-generation-card .creative-output-grid>:is(article,figure){border-radius:12px;flex:0 0 188px;width:188px;height:250px;overflow:hidden}.creative-generation-card[data-media-type=video] .creative-output-grid>:-webkit-any(article,figure){border-radius:8px;flex-basis:480px;width:480px;max-width:100%;height:288px}.creative-generation-card[data-media-type=video] .creative-output-grid>:is(article,figure){border-radius:8px;flex-basis:480px;width:480px;max-width:100%;height:288px}.creative-generation-card .creative-output-grid>:-webkit-any(article,figure)>:-webkit-any(.el-image,video,.creative-video-preview){aspect-ratio:auto;width:100%;height:100%}.creative-generation-card .creative-output-grid>:is(article,figure)>:is(.el-image,video,.creative-video-preview){aspect-ratio:auto;width:100%;height:100%}.creative-generation-input{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;margin-bottom:8px;display:flex}.creative-generation-input .creative-message-media{justify-content:flex-start}.creative-generation-prompt{color:#ededed;overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%;font-size:14px;line-height:20px}.creative-generation-prompt>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.creative-generation-reference-content{flex-direction:column;gap:10px;display:flex}.creative-generation-reference-popper .creative-generation-reference-content .creative-message-media{justify-content:flex-start}.creative-generation-reference-popper.el-popover.el-popper{--el-bg-color-overlay:#25272b;--el-border-color-light:#ffffff18;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);color:#ddd;border-radius:12px;max-width:360px;padding:8px}.creative-generation-card .creative-generation :-webkit-any(.creative-direct-actions,.creative-legacy-task-actions){gap:8px;margin-top:16px}.creative-generation-card .creative-generation :is(.creative-direct-actions,.creative-legacy-task-actions){gap:8px;margin-top:16px}.creative-generation-card .creative-generation :-webkit-any(.creative-direct-actions,.creative-legacy-task-actions)>button{background:#25272b;border-radius:5px;gap:6px;height:28px;min-height:28px;padding:0 10px}.creative-generation-card .creative-generation :is(.creative-direct-actions,.creative-legacy-task-actions)>button{background:#25272b;border-radius:5px;gap:6px;height:28px;min-height:28px;padding:0 10px}button.creative-generation-references>img{-o-object-fit:cover;object-fit:cover;border-radius:2px;width:16px;height:16px}