.notepad-shell{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid var(--line,#dfe5da);border-radius:12px;background:var(--surface,#fff);min-height:580px;overflow:hidden}.notepad-sidebar{padding:20px;border-right:1px solid var(--line,#dfe5da);background:var(--surface-alt,#f7f8f4)}.notepad-sidebar>label{display:block;font-size:12px;margin-bottom:10px}.notepad-sidebar input{box-sizing:border-box;width:100%;padding:11px;border:1px solid var(--line,#dfe5da);border-radius:6px;background:transparent;color:inherit}.notepad-sidebar #noteList{margin-top:20px;max-height:550px;overflow:auto}#noteList>button{display:block;width:100%;text-align:left;padding:13px 10px;border:0;border-radius:5px;background:transparent;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}#noteList>button.active{background:#e5eddf;color:#273b2b}.notepad-work{min-width:0}.notepad-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--line,#dfe5da);min-height:48px;padding:7px}.notepad-tabs>button{border:0;border-radius:5px;background:transparent;color:inherit;padding:10px 14px;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.notepad-tabs>button.active{background:#e5eddf;color:#273b2b}.notepad-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:18px;border-bottom:1px solid var(--line,#dfe5da)}#noteTitle{flex:1;min-width:160px;font:inherit;font-weight:600;border:1px solid transparent;border-radius:5px;padding:10px;background:transparent;color:inherit}#noteTitle:focus{border-color:#88a47b;outline:0}#noteBody{display:block;width:100%;box-sizing:border-box;min-height:440px;padding:24px;border:0;resize:vertical;background:transparent;color:inherit;font:14px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;outline:0;tab-size:2}.notepad-status{display:flex;justify-content:space-between;gap:20px;padding:15px 24px;border-top:1px solid var(--line,#dfe5da);font-size:11px;color:var(--muted,#7c8579)}#noteStatus{max-width:80%;overflow-wrap:anywhere}#noteDeleteDialog{max-width:420px;border:1px solid var(--line,#dfe5da);border-radius:12px;padding:28px;background:var(--surface,#fff);color:inherit}#noteDeleteDialog::backdrop{background:#13201880}.notepad-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}[data-theme=dark] .notepad-shell,[data-theme=dark] #noteDeleteDialog{background:#1b251e;color:#e7eae4}[data-theme=dark] .notepad-sidebar{background:#151e17}[data-theme=dark] .notepad-shell,[data-theme=dark] .notepad-tabs,[data-theme=dark] .notepad-toolbar,[data-theme=dark] .notepad-sidebar,[data-theme=dark] .notepad-status{border-color:#303d32}#view-notepad [hidden]{display:none!important}@media(max-width:700px){.notepad-shell{grid-template-columns:1fr}.notepad-sidebar{border-right:0;border-bottom:1px solid var(--line,#dfe5da)}.notepad-sidebar #noteList{max-height:150px;margin-top:10px}.notepad-toolbar{padding:12px;gap:6px}#noteTitle{flex-basis:100%}#noteBody{padding:18px;min-height:350px}.notepad-status{padding:12px 18px}}

#view-notepad .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#view-notepad .danger-btn,#noteDeleteDialog .danger-btn{border:1px solid #d7a89d;border-radius:6px;padding:9px 13px;background:transparent;color:#a94332;cursor:pointer;font:inherit;font-size:12px}#view-notepad .danger-btn:hover,#noteDeleteDialog .danger-btn:hover{background:#faeee9}[data-theme=dark] #view-notepad .danger-btn,[data-theme=dark] #noteDeleteDialog .danger-btn{color:#e5aa9a;border-color:#805b52}#view-notepad .notepad-tabs>button,#view-notepad #noteList>button{font:inherit;font-size:12px}#view-notepad .notepad-work,#view-notepad #noteEditor{min-width:0;width:100%}#view-notepad .notepad-status{flex-wrap:wrap}
#view-notepad #noteBody{font-family:inherit;font-size:14px;line-height:1.9}