.photo-collage-container{display:flex;flex-direction:column;gap:1.5rem}.template-selector{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;padding:1rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px}.template-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:#fff;border:2px solid var(--border-color, #dee2e6);border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:80px}.template-btn:hover{border-color:var(--primary-color, #007bff)}.template-btn.active{border-color:var(--primary-color, #007bff);background:#007bff1a}.template-preview{display:grid;gap:2px;width:40px;height:40px;background:var(--border-color, #dee2e6)}.template-preview div{background:var(--primary-color, #007bff);opacity:.6}.template-label{font-size:.75rem;color:var(--text-secondary, #6c757d)}.image-slots{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px;justify-content:center}.image-slot{position:relative;width:100px;height:100px;background:#fff;border:2px dashed var(--border-color, #dee2e6);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .2s ease}.image-slot:hover{border-color:var(--primary-color, #007bff)}.image-slot.filled{border-style:solid}.image-slot img{width:100%;height:100%;object-fit:cover}.slot-placeholder{color:var(--text-secondary, #6c757d);font-size:1.5rem}.remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:#f00c}.controls-section{display:flex;gap:1.5rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:1rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px}.control-group{display:flex;flex-direction:column;gap:.25rem;align-items:center}.control-group label{font-size:.75rem;color:var(--text-secondary, #6c757d)}.control-group input[type=range]{width:100px}.control-group input[type=color]{width:40px;height:30px;padding:0;border:1px solid var(--border-color, #dee2e6);border-radius:4px;cursor:pointer}.preview-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.collage-preview{background:#f0f0f0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.privacy-note{text-align:center;padding:1rem;color:var(--text-secondary, #6c757d);font-size:.875rem}@media(max-width:600px){.template-selector{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.image-slot{width:80px;height:80px}.controls-section{flex-direction:column}}