.webcam-tags-editor{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.webcam-tags-editor.loading{text-align:center;color:#fff9;padding:2rem}.tags-editor-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.tags-editor-header h3{color:#1d1d1f;letter-spacing:-.03em;margin:0;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700}.tags-expand-btn{color:#4fc3f7;cursor:pointer;background:#4fc3f733;border:1px solid #4fc3f7;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.tags-expand-btn:hover{background:#4fc3f74d;transform:translateY(-1px)}.webcam-thumbnail-preview{object-fit:cover;border:2px solid #4fc3f780;border-radius:6px;width:auto;height:240px;transition:all .2s;box-shadow:0 2px 8px #0003}.webcam-thumbnail-preview:hover{border-color:#4fc3f7;transform:scale(1.05);box-shadow:0 4px 12px #4fc3f766}.thumbnail-section{flex-direction:column;align-items:center;gap:.75rem;display:flex}.thumbnail-upload-btn{color:#9c27b0;cursor:pointer;white-space:nowrap;background:#9c27b033;border:1px solid #9c27b0;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.thumbnail-upload-btn:hover{background:#9c27b04d;transform:translateY(-1px);box-shadow:0 2px 8px #9c27b04d}.tags-display{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tag-badge{color:#334155;background:#e2e8f0;border:1px solid #0000;border-radius:50px;padding:8px 18px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-block}.tag-badge.clickable{cursor:pointer}.tag-badge.clickable:hover{color:#2d3748;background:#cbd5e1;transform:translateY(-1px)}.tag-badge.clickable:active{transform:translateY(0)}.no-tags{color:#ffffff80;margin:0;font-style:italic}.tags-editor-section{border-top:1px solid #ffffff1a;padding-top:1rem;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tags-editor-hint{color:#000;margin-bottom:1rem;font-size:.85rem;font-style:italic}.tags-group{margin-bottom:1.5rem}.tags-group:last-child{margin-bottom:0}.tags-group h4{color:#86868b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700}.tags-grid{flex-wrap:wrap;gap:.5rem;display:flex}.tag-button{color:#64748b;cursor:pointer;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:50px;align-items:center;padding:8px 18px;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.tag-button:hover{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.tag-button.selected{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.tag-button.selected:hover{background:#2563eb;border-color:#2563eb}@media (max-width:768px){.webcam-tags-editor{padding:1rem}.tags-editor-header h3{font-size:1rem}.tag-badge,.tag-button{padding:.5rem .8rem;font-size:.85rem}}.thumbnail-upload-container{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:10px;display:flex}.thumbnail-file-input{color:#e0e0e0;box-sizing:border-box;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:8px;font-size:.9rem}.thumbnail-file-input::file-selector-button{color:#9c27b0;cursor:pointer;background:#9c27b033;border:1px solid #9c27b0;border-radius:4px;margin-right:10px;padding:6px 12px;font-weight:500;transition:all .2s}.thumbnail-file-input::file-selector-button:hover{background:#9c27b04d}