.base-grid-view{background:linear-gradient(135deg,#0f172af2 0%,#1e293be6 50%,#0f172af2 100%);width:100%;height:100%;padding:16px;overflow:auto}.base-grid-view__loading{color:#e2e8f0;justify-content:center;align-items:center;height:100%;display:flex}.base-grid-view--edit .base-grid-item{cursor:move}.base-grid-view--edit .base-grid-item:hover{border-color:#fa0c;box-shadow:0 8px 20px #ffaa004d}.base-grid-layout .react-grid-item{transition:all .2s}.base-grid-layout .react-grid-item.react-draggable-dragging,.base-grid-layout .react-grid-item.react-resizable-resizing{z-index:1000;transition:none}.base-grid-layout .react-resizable-handle{cursor:se-resize;z-index:10;background:linear-gradient(-45deg,#0000 0% 40%,#fa0c 40% 60%,#0000 60%);width:20px;height:20px;position:absolute;bottom:0;right:0}.base-grid-layout .react-resizable-handle:after{content:"";border-bottom:2px solid #fa0c;border-right:2px solid #fa0c;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.base-grid-item{cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#002850e6 0%,#003c78cc 50%,#001e3ce6 100%);border:1px solid #0ff6;border-radius:8px;width:100%;height:100%;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff1a}.base-grid-item:before{content:"";pointer-events:none;background:linear-gradient(45deg,#00ffff0d 0%,#0000 30% 70%,#0096ff0d 100%);position:absolute;inset:0}.base-grid-item:hover{border-color:#0ff9;transform:translateY(-2px);box-shadow:0 8px 20px #0ff3,inset 0 1px #fff3}.base-grid-item--selected{background:linear-gradient(135deg,#003c78e6 0%,#0050a0cc 50%,#002850e6 100%);border-color:#0ff;box-shadow:0 0 20px #00ffff80,inset 0 0 10px #0ff3}.base-grid-item--edit{border-style:dashed;border-color:#fa09}.base-grid-item--edit .base-grid-item__content{pointer-events:none}.base-grid-item--edit .base-grid-item__actions{pointer-events:auto}.base-grid-item__content{z-index:1;flex-direction:column;height:100%;padding:12px;display:flex;position:relative}.base-grid-item__header{align-items:center;gap:8px;min-height:20px;margin-bottom:8px;display:flex}.base-grid-item__icon{filter:drop-shadow(0 0 3px #ffffff4d);flex-shrink:0;font-size:16px}.base-grid-item__title{color:#e2e8f0;text-shadow:0 1px 2px #00000080;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.base-grid-item__body{color:#cbd5e1;flex:1;font-size:12px;line-height:1.4;overflow:hidden}.base-grid-item__actions{z-index:10;gap:4px;display:flex;position:absolute;top:4px;right:4px}.base-grid-item__action{cursor:pointer;background:#000000b3;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex}.base-grid-item__action:hover{background:#fa0c;transform:scale(1.1)}.base-grid-item__edit-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:0;z-index:3;pointer-events:none;background:#ffaa001a;justify-content:flex-start;align-items:flex-end;padding:4px;transition:opacity .3s;display:flex;position:absolute;inset:0}.base-grid-item--edit .base-grid-item__edit-overlay{opacity:1}.base-grid-item__grid-info{color:#fa0;background:#000000b3;border:1px solid #ffaa0080;border-radius:2px;padding:1px 3px;font-family:monospace;font-size:9px;font-weight:600}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:120px){.base-grid-item__title{font-size:12px}.base-grid-item__body{font-size:10px}.base-grid-item__icon{font-size:14px}}.base-grid-item[data-block-type=text]{border-color:#22c55e66}.base-grid-item[data-block-type=text]:hover{border-color:#22c55e99;box-shadow:0 8px 20px #22c55e33}.base-grid-item[data-block-type=todo]{border-color:#a855f766}.base-grid-item[data-block-type=todo]:hover{border-color:#a855f799;box-shadow:0 8px 20px #a855f733}.base-grid-item[data-block-type=link]{border-color:#3b82f666}.base-grid-item[data-block-type=link]:hover{border-color:#3b82f699;box-shadow:0 8px 20px #3b82f633}.base-grid-item[data-block-type=media]{border-color:#f59e0b66}.base-grid-item[data-block-type=media]:hover{border-color:#f59e0b99;box-shadow:0 8px 20px #f59e0b33}