.work-note,.work-note-reopen{position:fixed;right:var(--gallery-edge,3vw);bottom:56px;z-index:35;color:#d1d3d5;font-family:inherit}
.work-note{width:264px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 144px);overflow:auto;overscroll-behavior:contain;padding:16px 18px 18px;border:1px solid #dbe5f019;border-radius:9px;background:rgba(20,23,29,.58);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 24px #0000001a;animation:work-note-in .25s ease both}
.work-note[hidden],.work-note-reopen[hidden],.work-note [hidden],.portfolio-open .work-note,.portfolio-open .work-note-reopen{display:none!important}
.work-note-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.work-note-kicker{font-size:8px;line-height:1.5;letter-spacing:1.8px;color:#9299a1}
.work-note-tools{display:flex;align-items:center;gap:10px}
.work-note-tools button{padding:3px 0;font-size:10px;line-height:1.5;color:#9ba2a9;transition:color .2s}
.work-note-tools button:hover,.work-note-tools button:focus-visible{color:#e1e5e9}
#work-note-close{min-width:18px;font-size:17px;line-height:17px}
#work-note-title{margin:0 0 8px;font-size:13px;font-weight:400;line-height:1.6;letter-spacing:.1px;overflow-wrap:anywhere}
#work-note-body{margin:0;color:#acb1b7;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.work-note-reopen{padding:8px 13px;border:1px solid #dbe5f019;border-radius:5px;background:#15171d88;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#9da4ad;font-size:10px;line-height:1.5}
@keyframes work-note-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:540px){.work-note,.work-note-reopen{bottom:44px}.work-note{max-height:calc(100dvh - 120px)}}
@media(prefers-reduced-motion:reduce){.work-note{animation:none}.work-note-tools button{transition:none}}
@media print{.work-note,.work-note-reopen{display:none!important}}