.panel{border-right:1px solid #2d3148;flex-direction:column;flex:1;min-width:0;padding:16px;display:flex;overflow:hidden}.panel-title{color:#94a3b8;letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.panel-icon{color:#818cf8;font-size:15px}.sortable-layout{flex:1;gap:12px;display:flex;overflow:hidden}.list-card{flex-direction:column;flex:1;min-width:0;display:flex}.list-label{color:#64748b;margin-bottom:6px;padding-left:2px;font-size:11px}.dnd-list{background-color:#161924;border:1px solid #2d3148;border-radius:2px;min-height:40px;margin:0;padding:6px;list-style:none;position:relative;overflow-y:auto}.drag-list-box,.drop-list-box{flex:1;overflow-y:auto}.dnd-item{cursor:grab;-webkit-user-select:none;user-select:none;color:#cbd5e1;background:#1e2235;border:1px solid #2d3148;border-radius:4px;align-items:center;gap:8px;margin:3px 0;padding:7px 10px;transition:background .12s,border-color .12s;display:flex}.dnd-item:hover{background:#252a40;border-color:#4f5b8a}.drag-handle{color:#4f5b8a;cursor:grab;flex-shrink:0;font-size:15px;line-height:1}.dnd-nested-item{cursor:grab;-webkit-user-select:none;user-select:none;color:#cbd5e1;min-height:unset;overflow-y:unset;background:#1e2235;border:1px solid #2d3148;border-radius:4px;align-items:center;gap:8px;margin:3px 0;padding:7px 10px;transition:background .12s,border-color .12s;display:flex}.dnd-nested-item:hover{background:#252a40;border-color:#4f5b8a}.item-tag{color:#a5b4fc;background:#312e81;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:inline-flex}.dnd-active{outline-offset:-1px;outline:1px solid #6366f1}.dnd-item.dragging,.dnd-nested-item.dragging{opacity:.4}.dnd-hover{background-color:#252a40!important;border-color:#4f5b8a!important}.dnd-canDrop{background-color:#052e16!important;border-color:#22c55e!important}.dnd-noDrop{background-color:#1c1008!important;border-color:#f59e0b!important}.dnd-dragging{opacity:.5;background-color:#0f172a!important}.dnd-ghost{pointer-events:none;z-index:9999;border-radius:4px;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 12px 32px #00000080,0 0 0 1px #6366f14d}.dnd-placeholder{background:#1e2235;border:1px dashed #4f5b8a;border-radius:4px;height:36px;margin:3px 0}.draggable-layout{flex:1;gap:12px;display:flex;overflow:hidden}.canvas-card{flex-direction:column;flex:2;min-width:0;display:flex}.draggable-container{background-color:#161924;background-image:linear-gradient(#6366f10a 1px,#0000 1px),linear-gradient(90deg,#6366f10a 1px,#0000 1px);background-size:20px 20px;border:1px solid #2d3148;border-radius:6px;flex:1;position:relative;overflow:hidden}.drager-item{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:5px;justify-content:center;align-items:center;width:72px;height:48px;font-size:11px;font-weight:500;display:flex;position:absolute;top:0;left:0}.drager-item--warn{color:#fbbf24;background:#422006;border:1px solid #92400e}.drager-item--info{color:#38bdf8;background:#082f49;border:1px solid #0369a1}.drager-item--muted{color:#94a3b8;background:#1e1e2e;border:1px solid #3f3f5e}.drager-item--accent{color:#a5b4fc;background:#1e1b4b;border:1px solid #4338ca}.drager-label{pointer-events:none;white-space:nowrap}.draggable-dot-wrap{pointer-events:none;z-index:1;box-sizing:border-box;position:absolute;top:0;bottom:0;left:0;right:0}.draggable-dot{z-index:2;pointer-events:auto;background:#3a7afe;border-radius:50%;width:10px;height:10px;display:block;position:absolute;transform:translate(-50%,-50%)}.draggable-dot[data-pos=tl]{cursor:nw-resize;top:0%;left:0%}.draggable-dot[data-pos=tm]{cursor:n-resize;border-radius:8px;width:16px;height:8px;top:0%;left:50%}.draggable-dot[data-pos=tr]{cursor:ne-resize;top:0%;right:0%;transform:translate(50%,-50%)}.draggable-dot[data-pos=rm]{cursor:e-resize;border-radius:8px;width:8px;height:16px;top:50%;right:0%;transform:translate(50%,-50%)}.draggable-dot[data-pos=br]{cursor:se-resize;bottom:0%;right:0%;transform:translate(50%,50%)}.draggable-dot[data-pos=bm]{cursor:s-resize;border-radius:8px;width:16px;height:8px;bottom:0%;left:50%;transform:translate(-50%,50%)}.draggable-dot[data-pos=bl]{cursor:sw-resize;bottom:0%;left:0%;transform:translate(-50%,50%)}.draggable-dot[data-pos=lm]{cursor:w-resize;border-radius:8px;width:8px;height:16px;top:50%;left:0%}.draggable-rotate{z-index:2;cursor:grab;pointer-events:auto;position:absolute;top:0;left:50%;transform:translate(-50%,-200%)}.draggable-rotate:after{content:"";background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22%233a7afe%22%20d%3D%22M784.512%20230.272v-50.56a32%2032%200%201%201%2064%200v149.056a32%2032%200%200%201-32%2032H667.52a32%2032%200%201%201%200-64h92.992A320%20320%200%201%200%20524.8%20833.152a320%20320%200%200%200%20320-320h64a384%20384%200%200%201-384%20384%20384%20384%200%200%201-384-384%20384%20384%200%200%201%20643.712-282.88z%22/%3E%3C/svg%3E) 50%/contain no-repeat;width:16px;height:16px;display:block}.draggable-markline-x,.draggable-markline-y{z-index:9999;background-color:#3a7afe;display:none;position:absolute;top:0;left:0}.draggable-markline-x{width:1px;height:100%}.draggable-markline-y{width:100%;height:1px}.dnd-mirror{pointer-events:none;z-index:999999;will-change:transform;opacity:.5;background:#fff;margin:0;position:fixed;top:0;left:0;transform:translate(0)}*,:before,:after{box-sizing:border-box}html,body,#app{color:#e2e8f0;background-color:#0f1117;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;overflow:hidden}.dnd-body{flex-direction:column;width:100%;height:100%;display:flex}.dnd-header{background:#1a1d27;border-bottom:1px solid #2d3148;flex-shrink:0;align-items:center;gap:10px;height:44px;padding:0 20px;display:flex}.dnd-header-title{color:#a5b4fc;letter-spacing:.02em;font-size:14px;font-weight:600}.dnd-header-badge{color:#94a3b8;background:#2d3148;border-radius:10px;padding:1px 7px;font-size:11px}.dnd-main{flex:1;display:flex;overflow:hidden}