#preset-notes-open{color:#fff;flex-shrink:0}
#preset-notes-open.has-notes{color:#f1d36e}
#preset-notes-popup{position:fixed;inset:100px 24px auto auto;margin:0;padding:0;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
#preset-notes-drag{gap:12px;margin:0;padding:7px 12px 7px 18px;cursor:move;touch-action:none;border-bottom:1px solid #ffffff20}
#preset-notes-name{min-width:0;padding:3px 0;background:transparent;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#preset-notes-rename{min-width:0;width:100%;padding:3px 5px;border:1px solid #414957;border-radius:6px;background:#12161d;color:inherit}
#preset-notes-body{display:block;box-sizing:border-box;width:100%;height:230px;max-height:calc(100dvh - 160px);min-height:90px;margin:0;padding:18px;border:0;outline:0;resize:vertical;background:transparent;color:inherit;font:14px/1.65 Arial,Helvetica,sans-serif}
#preset-notes-body::placeholder{color:#a4adbd}
.preset-notes-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 12px}
#preset-notes-delete{background:transparent}
#preset-notes-popup :focus-visible:not(textarea){outline-offset:-2px}
#preset-notes-popup[hidden],#preset-notes-popup [hidden]{display:none}
#preset-notes-body:focus,#preset-notes-body:focus-visible{border:0;outline:0;box-shadow:none}
#editor-topbar .preset-actions .icon-button{flex:0 0 32px;width:32px;padding:0}
.topbar-presets{width:430px}
#settings-dialog label:has(#auto-open-notes){flex-direction:row;align-items:center;gap:10px}
#auto-open-notes{flex-shrink:0}
@media(max-width:620px){#editor-topbar .preset-controls:has(#preset-notes-open){flex-direction:column;align-items:stretch;gap:6px}}