.creative-generation-detail.el-drawer{--el-drawer-bg-color:#19191b;--el-bg-color:#19191b;--el-fill-color-blank:#29292c;--el-fill-color-light:#353538;--el-text-color-primary:#efeff1;--el-text-color-regular:#d2d2d6;--el-text-color-secondary:#929299;--el-border-color:#414145;--el-color-primary:#c3cced;color:#efeff1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;max-width:100vw;overflow:visible}.creative-generation-detail .el-drawer__body{padding:40px 28px;overflow:auto}.creative-generation-detail__close,.creative-generation-detail__navigation button{color:#eee;cursor:pointer;background:#242426e6;border:0;border-radius:8px;place-items:center;width:40px;height:40px;padding:0;display:grid}.creative-generation-detail__close{position:absolute;top:28px;left:-50px}.creative-generation-detail__navigation{flex-direction:column;display:flex;position:absolute;top:50%;left:-50px;transform:translateY(-50%)}.creative-generation-detail__navigation button:first-child{border-radius:8px 8px 0 0}.creative-generation-detail__navigation button:last-child{border-radius:0 0 8px 8px}.creative-generation-detail__navigation button:disabled{color:#666;cursor:not-allowed}.creative-generation-detail__close:hover,.creative-generation-detail__navigation button:hover:not(:disabled){background:#424247}.creative-generation-detail__close svg,.creative-generation-detail__navigation svg{width:20px;height:20px}.creative-generation-detail__content{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:40px;display:grid}.creative-generation-detail__content .media-box{background:#101012;height:min(715px,100dvh - 180px);min-height:360px;width:100%!important}.creative-generation-detail__info{overflow-wrap:anywhere;min-width:0;max-height:min(715px,100dvh - 180px);margin-right:-24px;padding-right:24px;line-height:1.6;overflow-y:auto}.creative-generation-detail.el-drawer .base-info.theme-one-key-video-dark{background:0 0;border-color:#ffffff14;padding-top:8px}.creative-generation-detail .base-info.is-missing-created-at .created-at,.creative-generation-detail .base-info.is-missing-created-at .created-at+.divider{display:none}.creative-generation-detail .base-info .title{font-size:20px;line-height:1.4}.creative-generation-detail__section{margin-top:24px}.creative-generation-detail__references{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.creative-generation-detail__references .el-image{cursor:pointer;border-radius:8px;width:80px;height:80px}.creative-generation-detail__reference-video{cursor:pointer;background:#101012;border:0;border-radius:8px;flex-shrink:0;width:80px;height:80px;padding:0;display:block;overflow:hidden}.creative-generation-detail__reference-video:focus-visible{outline-offset:3px;outline:2px solid #c3cced}.creative-generation-reference-preview.el-dialog{--el-dialog-bg-color:#202023;--el-text-color-primary:#eee;--el-text-color-regular:#bbb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid #ffffff20;border-radius:12px;max-width:calc(100vw - 32px)}.creative-generation-reference-preview video{-o-object-fit:contain;object-fit:contain;background:#101012;width:100%;max-height:72dvh;display:block}.creative-generation-detail__parameters{flex-wrap:wrap;gap:4px 0;margin-top:8px;font-size:14px;line-height:22px;display:flex}.creative-generation-detail__parameters>span+span:before{color:#48484e;content:"｜";margin:0 5px}.creative-generation-detail__actions{box-sizing:border-box;background:#242426;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:24px auto 0;padding:16px;display:flex}.creative-generation-detail__save-anchor{display:inline-flex}.creative-generation-detail__tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.creative-generation-detail__tools .el-button{border-radius:8px;height:36px;margin:0;padding:6px 10px;font-size:13px}.creative-generation-detail__tools .el-button>span{gap:5px}.creative-generation-detail__tools .el-button.is-text{padding:6px 8px}.creative-generation-detail__tools svg{flex-shrink:0;width:16px;height:16px}.creative-generation-detail__edit-icon{flex:0 0 16px;width:16px;height:16px;display:block}.creative-generation-detail__tools .creative-generation-detail__icon{--el-button-bg-color:#ffffff14;border:0;width:36px;height:36px;padding:0}.creative-generation-detail__divider{background:#ffffff12;width:1px;height:22px;margin-inline-start:16px;margin-inline-end:16px}.creative-generation-detail .el-button{--el-button-hover-bg-color:#3b3b40;--el-button-hover-border-color:#686874;--el-button-hover-text-color:#fff}.creative-generation-detail__tools .creative-generation-detail__edit{--el-button-text-color:#fff;--el-button-bg-color:#ffffff14;--el-button-hover-bg-color:#ffffff1f}.creative-generation-detail__tools .creative-generation-detail__icon--quiet{--el-button-bg-color:transparent;--el-button-hover-bg-color:#ffffff1f}.creative-generation-detail .creative-generation-detail__download{--el-button-bg-color:#fff;--el-button-text-color:#202024;--el-button-border-color:#fff;--el-button-hover-bg-color:#fff;--el-button-hover-border-color:#fff;--el-button-hover-text-color:#202024;--el-button-active-bg-color:#fff;--el-button-active-border-color:#fff;--el-button-active-text-color:#202024;opacity:1;padding-inline-start:18px;padding-inline-end:18px}.creative-generation-detail .creative-generation-detail__download:hover:not(:disabled){opacity:.8}.creative-generation-detail__tools .el-button:disabled{--el-button-disabled-text-color:var(--el-button-text-color);--el-button-disabled-bg-color:var(--el-button-bg-color);--el-button-disabled-border-color:var(--el-button-border-color);opacity:.3}@media (max-width:900px){.creative-generation-detail.el-drawer{max-width:calc(100vw - 56px)}}@media (max-width:600px){.creative-generation-detail.el-drawer{max-width:100vw}.creative-generation-detail .el-drawer__body{padding:64px 16px 24px}.creative-generation-detail__close{top:12px;left:auto;right:16px}.creative-generation-detail__navigation{flex-direction:row;gap:4px;top:12px;left:16px;transform:none}.creative-generation-detail__navigation button:first-child,.creative-generation-detail__navigation button:last-child{border-radius:8px}.creative-generation-detail__content{grid-template-columns:minmax(0,1fr);gap:20px}.creative-generation-detail__content .media-box{height:44vh;min-height:240px}.creative-generation-detail__info{max-height:none;margin-right:0;padding-right:0;overflow:visible}.creative-generation-detail__actions{justify-content:flex-start;padding:12px}.creative-generation-detail__divider{display:none}}