.portal-snip-text-block{background:linear-gradient(135deg,#06b6d408,#8b5cf608,#3b82f608);border:2px dashed #d4d4d8;border-radius:8px;margin:8px 0;padding:12px;transition:all .3s;position:relative}.portal-snip-text-block:hover{background:linear-gradient(135deg,#06b6d414,#8b5cf614,#3b82f614);border-color:#0000}.portal-snip-text-block:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#06b6d4,#8b5cf6,#3b82f6);border-radius:10px;padding:2px;transition:opacity .3s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.portal-snip-text-block:hover:before{opacity:1;animation:3s linear infinite portal-gradient-rotate}.portal-snip-title{color:#9ca3af;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:500;transition:color .2s;display:flex}.portal-snip-text-block:hover .portal-snip-title{color:#8b5cf6}.portal-snip-icon{width:14px;height:14px}.portal-snip-image-block{border:2px solid #0000;border-radius:8px;margin:16px 0;transition:border-color .3s;position:relative;overflow:hidden}.portal-snip-image-block:hover{border-color:#8b5cf6}.portal-snip-image-block img{border-radius:6px;max-width:100%;display:block}.portal-snip-image-caption{color:#6b7280;text-align:center;margin-top:8px;font-size:12px}@keyframes portal-gradient-rotate{0%{background:linear-gradient(135deg,#06b6d4,#8b5cf6,#3b82f6)}33%{background:linear-gradient(135deg,#8b5cf6,#3b82f6,#06b6d4)}66%{background:linear-gradient(135deg,#3b82f6,#06b6d4,#8b5cf6)}to{background:linear-gradient(135deg,#06b6d4,#8b5cf6,#3b82f6)}}.portal-snip-syncing{color:#8b5cf6;background:#8b5cf61a;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex;position:absolute;top:8px;right:8px}.portal-snip-syncing:before{content:"";background:#8b5cf6;border-radius:50%;width:8px;height:8px;animation:1.5s infinite portal-pulse}@keyframes portal-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.portal-snip-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.portal-snip-picker-item{transition:background-color .15s}.portal-snip-picker-item:hover{background-color:#8b5cf614}.portal-snip-drag-flipper{transform-style:preserve-3d;transition:transform .4s}.portal-snip-drag-hover-area:hover .portal-snip-drag-flipper{transform:rotateY(180deg)}.portal-snip-drag-hover-area:hover .portal-snip-drag-tooltip{transform:translate(-50%)translateY(-4px);opacity:1!important}