.cm-image-panel{z-index:20;background:#141414;border:1px solid #ffffff14;border-radius:20px;margin-bottom:26px;padding:18px 18px 16px;position:relative;overflow:visible;box-shadow:0 6px 20px #00000059}.cm-image-tabs{border:none;gap:8px;margin-bottom:25px;padding-bottom:0;display:inline-flex}.cm-image-tab{color:#8f8f8f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;transition:color .2s,background .2s;display:inline-flex}.cm-image-tab--active{color:#fff;z-index:0;background:0 0;border-color:#0000;position:relative;overflow:hidden}@keyframes cm-spin-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cm-image-tab--active:before{content:"";z-index:-1;background-color:#4f06ac;background-image:conic-gradient(#0000 0%,#9c4fff 10%,#0000 20%);width:300%;height:0;margin-top:-150%;margin-left:-150%;padding-bottom:300%;animation:4s linear infinite cm-spin-border;position:absolute;top:50%;left:50%}.cm-image-tab--active:after{content:"";z-index:-1;background:#1a1a1a;border-radius:999px;position:absolute;inset:1px}.cm-image-prompt-label{flex-direction:column;gap:8px;display:flex}.cm-image-prompt-input{color:#f5f5f7;letter-spacing:.01em;resize:vertical;background:#0f0f0f;border:1px solid #ffffff14;border-radius:14px;width:auto;min-height:140px;padding:14px;font-size:16px;line-height:1.6;box-shadow:0 0 0 1px #ffffff0a}.cm-image-prompt-input::placeholder{color:#ffffff8c;font-weight:400}.cm-image-error{color:#fbbf24;min-height:18px;margin-top:6px;font-size:12px}.cm-image-warning{color:#fff;min-height:18px;margin-top:6px;font-size:12px}.cm-image-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:20px;display:flex}.cm-image-select-group{flex-wrap:wrap;gap:16px;display:flex}.cm-image-select-label{color:#d4d4dc;letter-spacing:.01em;flex-direction:column;gap:9px;font-size:11px;font-weight:500;display:flex}.cm-image-tabs-lower{padding-top:5%}.cm-lower-tabs{gap:24px;margin-bottom:24px;padding-bottom:0;display:flex}.cm-lower-tab{color:#888;cursor:pointer;background:0 0;border:none;padding:0 0 12px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.cm-lower-tab:hover{color:#ccc}.cm-lower-tab.active{color:#fff}.cm-lower-tab.active:after{content:"";background:#fff;border-radius:2px 2px 0 0;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.cm-image-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.cm-explore-card-16x9{cursor:pointer;background:#111;border-radius:14px;width:100%;padding-bottom:56.25%;transition:all .2s;position:relative;overflow:hidden}.cm-explore-card-16x9:hover{border-color:#fff3;transform:translateY(-2px)}.cm-explore-img{object-fit:cover;width:100%;height:100%;display:block}.cm-image-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;pointer-events:none;background:#0009;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.cm-creation-actions{opacity:0;gap:6px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.cm-explore-card:hover .cm-creation-actions{opacity:1}.cm-creation-btn,.cm-add-to-project-btn{color:#fff;cursor:pointer;background:#000000b3;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex}.cm-creation-btn:hover,.cm-add-to-project-btn:hover{background:#ffffff26}.cm-creation-btn--danger:hover{background:#dc2626cc;border-color:#dc262680}.cm-animate-btn{color:#000;opacity:0;cursor:pointer;background:#facc15;border:none;border-radius:999px;justify-content:center;align-items:center;width:70px;padding:6px 0;font-size:11px;font-weight:700;transition:all .2s;display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(4px)}.cm-explore-card:hover .cm-animate-btn{opacity:1;transform:translateY(0)}.cm-creation-placeholder{box-sizing:border-box;z-index:50;background:linear-gradient(135deg,#222,#2a2a2a);border:1px dashed #fff3;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:16px;display:flex;position:absolute;inset:0}.cm-creation-progress-bar{background:#facc15;border-radius:999px;height:100%;transition:width .3s}.cm-creation-progress-bar--indeterminate{background:linear-gradient(90deg,#0000,#facc15,#0000);animation:1.5s linear infinite progress-slide;width:50%!important}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(200%)}}.cm-creation-progress-label{color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.cm-upload-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:background .2s;display:inline-flex}.cm-upload-btn:hover{background:#fff3}.cm-justify-grid{flex-direction:column;gap:16px;width:100%;display:flex}.cm-justify-row{gap:16px;width:100%;display:flex}.cm-justify-item{flex:none;display:block;overflow:hidden}.cm-justify-item .cm-explore-card{width:100%;height:100%;aspect-ratio:unset}.cm-animate-btn{z-index:10}.cm-justify-item{position:relative}.cm-justify-item:hover .cm-animate-btn{opacity:1;transform:translateY(0)}.cm-explore-card{flex-direction:column;display:flex}.cm-creation-placeholder{z-index:50;background:#111 linear-gradient(135deg,#111 0%,#1a1a1a 100%);border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex;position:absolute;inset:0}.cm-justify-item{background:#141414;min-height:100px}.cm-creation-progress-wrap{background:#fff3;border-radius:4px;width:70%;height:4px;overflow:hidden}.cm-creation-progress-bar{background:#facc15;height:100%;box-shadow:0 0 10px #facc1580}.cm-justify-item{background:#141414;border-radius:12px;position:relative;overflow:hidden}.cm-creation-placeholder{border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;z-index:100!important;background:#111 linear-gradient(135deg,#161616 0%,#0a0a0a 100%)!important;width:100%!important;height:100%!important;display:flex!important;position:absolute!important}.cm-creation-progress-bar{box-shadow:0 0 10px #facc1566;background:#facc15!important}.cm-image-previews-grid{background:#0f0f0f;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px;display:flex}.cm-image-preview-item{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:10px;width:120px;height:120px;position:relative;overflow:hidden}.cm-image-preview-item img{object-fit:cover;width:100%;height:100%}.cm-image-preview-remove{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;opacity:0;background:#000000b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;line-height:1;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.cm-image-preview-item:hover .cm-image-preview-remove{opacity:1}.cm-image-preview-remove:hover{background:#dc2626e6;border-color:#dc262680;transform:scale(1.1)}.cm-image-preview-add{background:0 0;border:2px dashed #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:120px;height:120px;transition:all .2s;display:flex}.cm-image-preview-add button{color:#8f8f8f;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;transition:color .2s;display:flex}.cm-image-preview-add:hover{background:#ffffff05;border-color:#ffffff4d}.cm-image-preview-add:hover button{color:#fff}.cm-image-add-menu{z-index:100;background:#1a1a1a;border:1px solid #ffffff26;border-radius:10px;min-width:200px;margin-top:8px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.cm-image-add-menu button{color:#f5f5f7;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-size:13px;transition:background .2s;display:block;position:relative}.cm-image-add-menu button:hover{background:#ffffff14}.cm-image-add-menu button+button{border-top:1px solid #ffffff14}.animate-button:hover{background:#fef0b6}@media (max-width:768px){.cm-image-controls-row{flex-direction:column;align-items:stretch;gap:14px}.cm-image-select-group,.cm-image-select-label{width:100%}}