.form-modal-overlay{z-index:400;background-color:#00000080;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.form-modal-panel{background-color:var(--bg-dark);flex-direction:column;width:100%;height:100vh;animation:.3s slideInRight;display:flex;overflow:hidden}.form-modal-header{border-bottom:1px solid color-mix(in srgb, var(--text) 10%, transparent);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.form-modal-header h2{margin:0;font-size:1.125rem}.form-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);transition:all var(--transition);background:0 0;border:none;padding:4px 8px;font-size:1.5rem;line-height:1}.form-modal-close:hover{color:var(--heading);background-color:color-mix(in srgb, var(--text) 10%, transparent)}.form-modal-panel>form{flex-direction:column;flex:1;min-height:0;display:flex}.form-modal-body{flex:1;padding:24px;overflow-y:auto}.form-modal-footer{border-top:1px solid color-mix(in srgb, var(--text) 10%, transparent);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.form-modal-centered{justify-content:center;align-items:center}.form-modal-panel-centered{border-radius:var(--radius-sm);height:auto;max-height:85vh;box-shadow:0 12px 40px rgba(var(--shadow), .4);animation:.2s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.selector-field{margin-bottom:1rem}.selector-field label{color:var(--text);margin-bottom:4px;font-size:.8rem;font-weight:500;display:block}.selector-trigger{width:100%;font-family:var(--font);color:var(--text-muted);background-color:var(--bg-dark);border:1px solid color-mix(in srgb, var(--text) 20%, transparent);border-radius:var(--radius-xs);cursor:pointer;text-align:left;transition:border-color var(--transition);padding:8px 12px;font-size:.875rem}.selector-trigger:hover{border-color:var(--accent)}.selector-value{background-color:var(--bg-dark);border:1px solid var(--accent);border-radius:var(--radius-xs);color:var(--heading);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.875rem;display:flex}.selector-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.1rem;line-height:1}.selector-clear:hover{color:var(--error)}.selector-overlay{z-index:600;background-color:#00000080;justify-content:center;align-items:center;animation:.15s selectorFadeIn;display:flex;position:fixed;inset:0}.selector-modal{background-color:var(--bg-dark);border-radius:var(--radius-sm);width:90%;max-width:520px;max-height:70vh;box-shadow:0 12px 40px rgba(var(--shadow), .4);flex-direction:column;animation:.2s selectorScaleIn;display:flex}.selector-modal-header{border-bottom:1px solid color-mix(in srgb, var(--text) 10%, transparent);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.selector-modal-header h3{color:var(--accent);margin:0;font-size:1rem}.selector-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;padding:2px 6px;font-size:1.4rem;line-height:1}.selector-modal-close:hover{color:var(--heading);background-color:color-mix(in srgb, var(--text) 10%, transparent)}.selector-modal-search{padding:12px 20px}.selector-modal-search input{width:100%;font-family:var(--font);color:var(--heading);background-color:var(--bg);border:1px solid color-mix(in srgb, var(--text) 20%, transparent);border-radius:var(--radius-xs);outline:none;padding:10px 14px;font-size:.9rem}.selector-modal-search input:focus{border-color:var(--accent)}.selector-modal-list{flex:1;max-height:300px;overflow-y:auto}.selector-modal-item{border:none;border-bottom:1px solid color-mix(in srgb, var(--text) 6%, transparent);width:100%;color:var(--text);font-family:var(--font);cursor:pointer;text-align:left;transition:background-color var(--transition);background:0 0;justify-content:space-between;align-items:center;padding:12px 20px;font-size:.875rem;display:flex}.selector-modal-item:hover{background-color:color-mix(in srgb, var(--accent) 10%, transparent)}.selector-modal-item-main{flex-direction:column;gap:2px;display:flex}.selector-modal-item-name{color:var(--heading);font-weight:500}.selector-modal-item-sub{color:var(--text-muted);font-size:.75rem}.selector-modal-item-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.selector-modal-item-badge{color:var(--accent);background-color:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:8px;padding:1px 6px;font-size:.7rem;font-weight:600}.selector-modal-empty{text-align:center;color:var(--text-muted);padding:24px 20px;font-size:.85rem}.selector-modal-footer{border-top:1px solid color-mix(in srgb, var(--text) 10%, transparent);padding:12px 20px}.selector-modal-create-btn{width:100%;color:var(--accent);font-family:var(--font);cursor:pointer;border-radius:var(--radius-xs);transition:background-color var(--transition);background:0 0;border:none;padding:10px;font-size:.85rem;font-weight:500}.selector-modal-create-btn:hover{background-color:color-mix(in srgb, var(--accent) 10%, transparent)}@keyframes selectorFadeIn{0%{opacity:0}to{opacity:1}}@keyframes selectorScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}