@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes simplePulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.drag-drop-container{box-sizing:border-box;flex-direction:column;gap:1rem;height:calc(100vh - 150px);padding-top:.5rem;display:flex;overflow:hidden}.portals-container{flex:1;gap:1rem;min-height:0;display:flex}.portal-container{background-color:#f8fafc;border-radius:.5rem;flex-direction:column;flex:1;min-height:0;padding:.75rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.portal-container:hover{box-shadow:0 2px 6px #00000026}.portal-container-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.portal-title{color:#1e293b;flex-shrink:0;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.portal-indicator{border-radius:9999px;width:.5rem;height:.5rem}.portal-indicator-left{background-color:#64748b}.portal-indicator-right{background-color:#2563eb}.portal-dropzone{background-color:#fff;border:1px dashed #cbd5e1;border-radius:.375rem;flex:1;padding:.5rem;transition:all .2s;overflow-y:auto}.portal-dropzone:hover{border-color:#94a3b8}.empty-container{color:#94a3b8;justify-content:center;align-items:center;height:100%;min-height:120px;display:flex}.empty-content{text-align:center}.empty-icon{opacity:.4;width:2.5rem;height:2.5rem;margin:0 auto .5rem}.item-container{-webkit-user-select:none;user-select:none;animation:.3s ease-out fadeIn;position:relative}.item{cursor:grab;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;align-items:center;margin-bottom:.375rem;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s;display:flex}.item:hover{border-color:#93c5fd;box-shadow:0 1px 3px #00000014}.available-menu-item{min-height:3.75rem}.available-menu-item:focus-within,.available-menu-item:hover{border-color:#75a7ff;box-shadow:0 0 0 1px #3b82f62e,0 8px 18px #0f172a1a}.item.parent-item{border-left:4px solid #3b82f6}.item.child-item{border-left:4px solid #10b981}.item.nested-item{background-color:#f8fafc}.item.single-item{border-left:4px solid #8b5cf6}.item.active{background-color:#3b82f614;border-color:#3b82f666;box-shadow:0 0 6px #3b82f640}.drag-handle{color:#94a3b8;cursor:grab;flex-shrink:0;align-items:center;margin-right:.5rem;transition:all .2s;display:flex}.drag-handle:hover{color:#475569}.drag-handle svg{width:1.1rem;height:1.1rem}.item-content{justify-content:space-between}.item-content,.item-content-left{flex:1;align-items:center;gap:.5rem;display:flex}.item-content-left{min-width:0}.item-title{color:#1e293b;font-size:.875rem;font-weight:500}.item-badge{text-transform:capitalize;border-radius:9999px;padding:.15rem .4rem;font-size:.7rem;font-weight:500;display:inline-block}.item-badge.parent-badge{color:#1e40af;background-color:#dbeafe}.item-badge.child-badge{color:#065f46;background-color:#d1fae5}.item-badge.single-badge{color:#5b21b6;background-color:#ede9fe}.item-content-right{opacity:0;align-items:center;transition:opacity .2s;display:flex}.item:hover .item-content-right{opacity:1}.quick-actions{background-color:#f1f5f9;gap:.35rem;padding:.35rem .5rem;box-shadow:0 1px 2px #0f172a0f,inset 0 0 0 1px #e2e8f0b3}.action-button,.quick-actions{border-radius:9999px;align-items:center;display:flex}.action-button{color:#64748b;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;width:1.75rem;height:1.75rem;padding:.25rem;transition:all .2s}.action-button:hover{color:#2563eb;background-color:#eaf3ff}.available-item-actions .edit-action-button{color:#64748b;background-color:#f1f5f9;border:0;border-radius:9999px;width:2.15rem;height:2.15rem}.available-item-actions .edit-action-button:focus-visible,.available-item-actions .edit-action-button:hover{color:#2563eb;background-color:#eaf3ff;outline:none;box-shadow:0 3px 8px #2563eb2e}.action-button svg,.action-icon{width:.85rem;height:.85rem}.available-item-actions .edit-action-button svg{width:1rem;height:1rem}.available-item-actions .quick-actions{box-shadow:none;background:0 0;padding:0}.expand-button{cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;margin-right:.25rem;padding:.15rem;transition:all .2s;display:flex}.expand-button:hover{background-color:#e2e8f0}.expand-button-icon{width:1rem;height:1rem;transition:transform .2s}.expand-button-icon.expanded{transform:rotate(90deg)}.children-container{border-left:1px dashed #cbd5e1;margin-left:1rem;padding-left:.5rem}.drop-indicator-after,.drop-indicator-before{z-index:10;background-color:#3b82f6;border-radius:9999px;height:3px;position:absolute;left:0;right:0;box-shadow:0 1px 3px #3b82f666}.drop-indicator-before{top:-2px}.drop-indicator-after{bottom:-2px}.parent-target-indicator{color:#2563eb;text-align:center;background-color:#eff6ff;border:1px dashed #3b82f6;border-radius:.375rem;margin-left:1rem;padding:.35rem .5rem;font-size:.75rem}.shake-animation{animation:.4s ease-in-out shake}