@layer components{.just-post-it-preview{--canvas-bg:#1a202b;--canvas-bg-accent:#232c3a;--canvas-dot:#fff3;height:100%;color:var(--grey-100);background:radial-gradient(circle at 88% 14%, #2d3950 0%, transparent 36%), linear-gradient(160deg, var(--canvas-bg) 0%, var(--canvas-bg-accent) 100%);flex-direction:column;display:flex;position:relative;overflow:clip}.just-post-it-preview:before{content:"";background-image:radial-gradient(circle, var(--canvas-dot) 1px, transparent 1px);opacity:.6;pointer-events:none;background-size:16px 16px;position:absolute;inset:0}.just-post-it-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000059);height:32%;position:absolute;inset:auto 0 0}.just-post-it-preview__toolbar{z-index:1;justify-content:center;align-items:center;gap:8px;height:38px;padding:8px 10px;display:flex;position:relative}.just-post-it-preview__action{color:var(--black);background-color:#d5ddf8;border:1px solid #0a0d122e;border-radius:6px;flex:none;padding:4px 9px;font-size:9px;font-weight:700;line-height:1;box-shadow:0 2px 8px #0003}.just-post-it-preview__canvas{flex:100%;padding:10px;position:relative}.just-post-it-preview__note{background-color:#000000ed;border:1px solid #ffffff61;border-radius:7px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;box-shadow:0 10px 22px #00000059}.just-post-it-preview__note--1{width:120px;height:80px;animation:6s ease-in-out infinite just-post-it-note-float-1;top:16px;left:10px}.just-post-it-preview__note--2{width:140px;height:102px;animation:6.5s ease-in-out infinite just-post-it-note-float-2;top:60px;left:86px}.just-post-it-preview__note--3{width:122px;height:86px;animation:5.8s ease-in-out infinite just-post-it-note-float-3;top:118px;left:42px}.just-post-it-preview__note-title{color:#ffffffe6;letter-spacing:.01em;align-items:center;gap:6px;font-size:10px;font-weight:700;line-height:1;display:flex}.just-post-it-preview__dot{border-radius:50%;width:7px;height:7px}.just-post-it-preview__dot--red{background-color:#ff2d2d}.just-post-it-preview__dot--green{background-color:#00ca4e}.just-post-it-preview__dot--blue{background-color:#2865ff}.just-post-it-preview__note-body{opacity:.7;background-image:linear-gradient(#0000 0 18%,#fff3 18% 23%,#0000 23% 43%,#fff3 43% 48%,#0000 48% 68%,#fff3 68% 73%,#0000 73% 100%);border-radius:4px;position:relative}.just-post-it-preview__note-body--short{width:88%;height:46px}.just-post-it-preview__note-body--medium{width:92%;height:54px}.just-post-it-preview__note-body--long{width:96%;height:66px}@keyframes just-post-it-note-float-1{0%,to{transform:translate(0)}50%{transform:translate(4px,-4px)}}@keyframes just-post-it-note-float-2{0%,to{transform:translate(0)}50%{transform:translate(-4px,4px)}}@keyframes just-post-it-note-float-3{0%,to{transform:translate(0)}50%{transform:translate(4px,4px)}}@media (prefers-reduced-motion:reduce){.just-post-it-preview__note{animation:none}}}