.stage{height:650px}.note{top:25px;transform:none;padding:18px 22px;width:96%;left:2%}.note-menu{border:0;background:transparent;color:#4876b5;font:inherit;cursor:pointer}.note textarea{display:block;width:100%;height:105px;resize:none;border:0;background:transparent;color:#456488;font:24px/1.45 Georgia,serif;margin:18px 0 9px;outline-offset:3px}.note textarea:focus-visible{outline:2px solid #79aaff;border-radius:5px}.note small{color:#6681a5}#pasted-image{display:flex;align-items:center;gap:10px;margin-bottom:7px}.pasted-landscape{margin:0;width:58px;height:30px}.clip-demo{top:290px;left:12%;width:85%;max-width:355px}.clip-top{font-size:12px}.demo-search{font-size:12px;padding:9px}#add-clip{display:flex;gap:5px;margin:7px 0}#new-clip{min-width:0;flex:1;background:#ffffff96;border:1px solid #dbe6f5;border-radius:5px;padding:8px;font:11px "Segoe UI",sans-serif;color:#31517c}#add-clip button{border:0;border-radius:5px;background:#2868d9;color:white;font-size:10px;padding:5px 9px;cursor:pointer}#demo-history{max-height:144px;overflow:auto;scrollbar-width:thin;scrollbar-color:#a3b9d7 transparent}.demo-clip{display:flex;align-items:center;border-radius:5px;transition:background .15s}.demo-clip:hover,.demo-clip.selected{background:#e0edff}.demo-row{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-width:0;padding:11px 9px;background:transparent!important}.pin-clip{border:0;background:transparent;color:#527aa9;font-size:10px;padding:9px;cursor:pointer}.pin-clip[aria-pressed=true]{color:#1e5ec5;font-weight:650}.clip-footer{font-size:9px}.demo-image{font-size:11px}.image-label{font-size:11px;background:#e0edff}.muted{font-size:9px}.shortcut{bottom:26px;left:9%;transform:none;font-size:7px;letter-spacing:.4px}.demo-caption{left:0;right:0;text-align:center;bottom:-7px;font-size:9px;letter-spacing:0;color:#617faa}.thumbnail{border-radius:4px}button:focus-visible,input:focus-visible{outline:2px solid #598ee7;outline-offset:2px}
@media(max-width:900px){.clip-demo{left:4%;width:94%}.note textarea{font-size:21px}.shortcut{left:3%}.stage{height:660px}}
@media(max-width:650px){.stage{max-width:420px;margin-top:35px;height:660px}.note{top:5px}.clip-demo{top:270px;left:4%;width:92%}.shortcut{bottom:40px;left:5%}.demo-caption{bottom:0;font-size:9px}.note textarea{font-size:22px}}
@media(prefers-reduced-motion:reduce){.demo-clip{transition:none}}
.stage{height:735px}.shortcut{bottom:30px}.demo-caption{bottom:0}
.brand-mark{display:block;flex-shrink:0}.clip-top strong{display:flex;align-items:center;gap:6px}.mini-brand{display:block}
@media(max-width:900px){.stage{height:745px}}
@media(max-width:650px){.stage{height:735px}.shortcut{bottom:40px}}