.base-grid-view{background:#0a0a0a;width:100%;height:100%;padding:20px;overflow:auto}.base-grid-view__loading{color:#ffffffb3;justify-content:center;align-items:center;height:100%;display:flex}.base-grid-view--edit .base-grid-item{cursor:grab}.base-grid-view--edit .base-grid-item:active{cursor:grabbing}.base-grid-layout .react-grid-item{transition:transform .15s,box-shadow .2s}.base-grid-layout .react-grid-item.react-draggable-dragging{z-index:1000;transition:none}.base-grid-layout .react-grid-item.react-draggable-dragging .base-grid-item{transform:scale(1.02);box-shadow:0 20px 40px #00000080}.base-grid-layout .react-grid-item.react-resizable-resizing{z-index:1000;transition:none}.base-grid-layout .react-grid-item.react-grid-placeholder{border-radius:12px;opacity:1!important;background:#ffffff14!important;border:2px dashed #ffffff4d!important}.base-grid-layout .react-resizable-handle{cursor:se-resize;z-index:10;opacity:0;background:0 0;width:16px;height:16px;transition:opacity .2s;position:absolute;bottom:4px;right:4px}.base-grid-layout .react-resizable-handle:after{content:"";border-bottom:2px solid #ffffff80;border-right:2px solid #ffffff80;border-radius:0 0 2px;width:8px;height:8px;position:absolute;bottom:2px;right:2px}.base-grid-layout .react-grid-item:hover .react-resizable-handle{opacity:1}.base-grid-item{cursor:pointer;background:#1a1a1a;border:1px solid #ffffff26;border-radius:12px;width:100%;height:100%;transition:all .2s;position:relative;overflow:hidden}.base-grid-item:hover{background:#1f1f1f;border-color:#ffffff4d}.base-grid-item--selected{background:#222;border-color:#fff9}.base-grid-item--hovered{border-color:#fff6}.base-grid-item--edit{border-style:solid;border-color:#fa06}.base-grid-item--edit:hover{border-color:#ffaa00b3}.base-grid-item__open-btn{cursor:pointer;color:#ffffffb3;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:absolute;top:8px;right:8px}.base-grid-item__open-btn:hover{color:#fff;background:#fff3;transform:scale(1.05)}.base-grid-item__drag-handle{color:#fa09;cursor:grab;z-index:5;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex;position:absolute;top:8px;left:8px}.base-grid-item__drag-handle:hover{color:#ffaa00e6;background:#ffaa001a}.base-grid-item__drag-handle:active{cursor:grabbing}.base-grid-item__content{z-index:1;flex-direction:column;height:100%;padding:14px 16px;display:flex;position:relative}.base-grid-item__header{align-items:center;gap:10px;min-height:24px;margin-bottom:8px;display:flex}.base-grid-item__icon{opacity:.9;flex-shrink:0;font-size:18px}.base-grid-item__title{color:#fff;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.base-grid-item__body{color:#ffffff80;flex:1;font-size:13px;line-height:1.5;overflow:hidden}.base-grid-item__actions{z-index:10;gap:4px;display:flex;position:absolute;top:8px;right:8px}.base-grid-item__action{cursor:pointer;color:#fff9;background:#ffffff14;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.base-grid-item__action:hover{color:#fff;background:#ffffff26}.base-grid-item__action--danger:hover{color:#ef4444;background:#ef444433}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.base-grid-item__body .text-sm{font-size:13px}.base-grid-item__body .text-muted-foreground{color:#ffffff73}.base-grid-item__body .text-blue-600{color:#60a5fa}.base-grid-item__body .line-through{opacity:.6;text-decoration:line-through}.base-grid-item[data-block-type=container] .base-grid-item__icon{color:#f59e0b}.base-grid-item[data-block-type=text] .base-grid-item__icon{color:#22c55e}.base-grid-item[data-block-type=todo] .base-grid-item__icon{color:#a855f7}.base-grid-item[data-block-type=link] .base-grid-item__icon{color:#3b82f6}.base-grid-item[data-block-type=media] .base-grid-item__icon{color:#ec4899}.base-grid-item[data-block-type=calendar] .base-grid-item__icon{color:#14b8a6}.base-grid-item[data-block-type=goal] .base-grid-item__icon{color:#f97316}.base-grid-item[data-block-type=context] .base-grid-item__icon{color:#06b6d4}