.cover-photo-editor{background:white;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;box-shadow:0 20px 60px rgba(0,0,0,.3);font-family:Manrope,sans-serif;position:relative;animation:popoverZoomIn .3s ease-out forwards;z-index:10001}.cover-photo-editor--desktop{max-width:90vw;max-height:90vh;overflow-y:auto;overflow-x:hidden;resize:none;min-width:500px;min-height:500px;width:800px;height:700px}.cover-photo-editor--mobile{max-width:100%;width:100%;max-height:100vh;height:100vh;border-radius:0;overflow-y:auto}.cover-photo-editor.closing{animation:popoverZoomOut .15s ease-in forwards}@keyframes popoverZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes popoverZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.cover-photo-editor-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.cover-photo-editor-header--draggable{cursor:grab}.cover-photo-editor-header--draggable:active{cursor:grabbing}.cover-photo-editor-header h2{margin:0;font-size:24px;font-weight:600;color:#1a1a1a}.cover-photo-editor-close{width:40px;height:40px;border:none;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background-color .2s ease;color:#666}.cover-photo-editor-close:hover{background-color:#f0f0f0}.cover-photo-editor-close svg{width:20px;height:20px}.cover-photo-editor-preview{padding:16px 24px;display:flex;justify-content:center;align-items:center;background-color:#f9f9f9;flex-shrink:0;max-height:220px;overflow:hidden}.cover-photo-preview-image{position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.cover-photo-preview-image,.cover-photo-preview-placeholder{width:100%;max-width:500px;max-height:180px;aspect-ratio:16/9;border-radius:12px}.cover-photo-preview-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#e0e0e0;color:#666;font-size:16px;font-weight:500}.cover-photo-editor-options{padding:24px;display:flex;flex-direction:column;gap:32px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.cover-photo-option-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:8px}.cover-photo-section-icon{font-size:20px}.cover-photo-option-section--user{margin-bottom:8px}.cover-photo-option-section--google,.cover-photo-option-section--user{padding:16px;background:#f9f9f9;border-radius:12px;border:2px solid #e0e0e0}.cover-photo-option-section--google{margin-top:8px}.cover-photo-empty-placeholder{padding:8px 0}.cover-photo-empty-box{width:100%;aspect-ratio:1;max-width:200px;margin:0 auto 16px;border:2px dashed #d0d0d0;border-radius:12px;background:#fafafa;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background-color .2s}.cover-photo-empty-box:hover{border-color:#999;background:#f5f5f5}.cover-photo-empty-box-content{text-align:center;padding:24px;color:#666}.cover-photo-empty-icon{font-size:48px;display:block;margin-bottom:12px;opacity:.5}.cover-photo-empty-box-content p{margin:8px 0 0;font-size:14px;font-weight:500;color:#666}.cover-photo-empty-hint{font-size:12px!important;font-weight:400!important;color:#999!important;font-style:italic}.cover-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:4px}.cover-photo-grid-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:transform .2s ease,opacity .2s ease}.cover-photo-grid-item.dragging{opacity:.5;z-index:1000}.cover-photo-grid-item:hover{border-color:#371168;transform:scale(1.02)}.cover-photo-grid-item.selected{border-color:#371168;border-width:3px}.cover-photo-grid-item.disabled{opacity:.6;cursor:not-allowed}.cover-photo-grid-item.disabled:hover{border-color:transparent;transform:none}.cover-photo-selected-indicator{position:absolute;top:8px;right:8px;width:32px;height:32px;background-color:#371168;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.2)}.cover-photo-selected-indicator svg{width:18px;height:18px}.cover-photo-grid-label{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);display:flex;align-items:flex-end}.cover-photo-google-badge,.cover-photo-user-badge{font-size:12px;color:white;font-weight:600;padding:4px 8px;border-radius:4px;display:inline-block}.cover-photo-google-badge{background:rgba(66,133,244,.9)}.cover-photo-user-badge{background:rgba(34,197,94,.9)}.cover-photo-delete{position:absolute;top:8px;right:8px;background:rgba(239,68,68,.9);border:none;border-radius:50%;width:28px;height:28px;color:white;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:3;transition:background-color .2s}.cover-photo-delete:hover:not(:disabled){background:rgba(220,38,38,1)}.cover-photo-delete:disabled{opacity:.5;cursor:not-allowed}.cover-photo-drag-handle{position:absolute;top:8px;left:8px;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);border:none;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:2;transition:background-color .2s ease;color:#666}.cover-photo-drag-handle:hover{background:rgba(255,255,255,1);color:#333}.cover-photo-drag-handle:active{cursor:grabbing}.cover-photo-grid-item:hover .cover-photo-drag-handle{opacity:1}.cover-photo-upload-status,.cover-photo-upload-success{margin-top:12px;padding:12px;border-radius:8px;font-size:14px}.cover-photo-upload-status{background-color:#e3f2fd;color:#1976d2}.cover-photo-upload-success{background-color:#e8f5e9;color:#2e7d32}.cover-photo-editor-actions{padding:24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.cover-photo-editor-button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cover-photo-editor-button.cancel{background-color:#f5f5f5;color:#666}.cover-photo-editor-button.cancel:hover:not(:disabled){background-color:#e0e0e0}.cover-photo-editor-button.save{background-color:#371168;color:white}.cover-photo-editor-button.save:hover:not(:disabled){background-color:#2a0d4d}.cover-photo-editor-button:disabled{opacity:.5;cursor:not-allowed}@media screen and (max-width:767px){.cover-photo-editor{max-width:100%;width:100%;max-height:100vh;border-radius:0;-webkit-overflow-scrolling:touch}.cover-photo-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.cover-photo-editor-actions,.cover-photo-editor-header,.cover-photo-editor-options{padding:20px 16px}.cover-photo-editor-actions{flex-direction:column}.cover-photo-editor-button{width:100%;min-height:44px}.cover-photo-editor-close{width:44px;height:44px}}@media (hover:none) and (pointer:coarse){.cover-photo-grid-item:hover{border-color:transparent;transform:none}.cover-photo-grid-item:active{border-color:#371168;transform:scale(.98)}.cover-photo-editor-close:hover{background-color:transparent}.cover-photo-editor-close:active{background-color:#f0f0f0}}.cover-photo-editor-resize-handle{position:absolute;bottom:0;right:0;width:24px;height:24px;cursor:nwse-resize;background:linear-gradient(135deg,transparent,transparent 40%,#ccc 0,#ccc 45%,transparent 0,transparent 55%,#ccc 0,#ccc 60%,transparent 0);z-index:10;border-radius:4px 0 20px 0;pointer-events:auto;touch-action:none}.cover-photo-editor-resize-handle:hover{background:linear-gradient(135deg,transparent,transparent 40%,#666 0,#666 45%,transparent 0,transparent 55%,#666 0,#666 60%,transparent 0)}.cover-photo-editor-resize-handle:active{background:linear-gradient(135deg,transparent,transparent 40%,#333 0,#333 45%,transparent 0,transparent 55%,#333 0,#333 60%,transparent 0)}