.notes-app.s-e6rvlp{background:hsla(var(--system-color-light-hsl),.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.notes-toolbar.s-e6rvlp{background:hsla(var(--system-color-light-hsl),.2);border-bottom:1px solid hsla(var(--system-color-dark-hsl),.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 16px 0 80px;display:flex}.toolbar-left.s-e6rvlp,.toolbar-right.s-e6rvlp{flex:1;align-items:center;gap:8px;display:flex}.toolbar-right.s-e6rvlp{justify-content:flex-end}.toolbar-center.s-e6rvlp{flex:1;justify-content:center;align-items:center;display:flex}.toolbar-btn.s-e6rvlp{background:hsla(var(--system-color-light-hsl),.1);border:1px solid hsla(var(--system-color-dark-hsl),.2);color:hsla(var(--system-color-dark-hsl),.8);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.toolbar-btn.s-e6rvlp:hover:not(:disabled){background:hsla(var(--system-color-primary-hsl),.1);border-color:hsla(var(--system-color-primary-hsl),.3)}.toolbar-btn.s-e6rvlp:disabled{opacity:.5;cursor:not-allowed}.save-btn.s-e6rvlp{background:hsla(var(--system-color-primary-hsl),.1);border-color:hsla(var(--system-color-primary-hsl),.3);color:hsla(var(--system-color-primary-hsl),1)}.file-title.s-e6rvlp{color:hsla(var(--system-color-dark-hsl),.8);align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.unsaved-indicator.s-e6rvlp{color:hsla(var(--system-color-primary-hsl),1);font-size:18px;line-height:1}.mode-indicator.s-e6rvlp{border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.mode-indicator.editing.s-e6rvlp{background:hsla(var(--system-color-primary-hsl),.1);color:hsla(var(--system-color-primary-hsl),1);border:1px solid hsla(var(--system-color-primary-hsl),.3)}.mode-indicator.viewing.s-e6rvlp{background:hsla(var(--system-color-dark-hsl),.1);color:hsla(var(--system-color-dark-hsl),.6);border:1px solid hsla(var(--system-color-dark-hsl),.2)}.notes-content.s-e6rvlp{background:hsla(var(--system-color-light-hsl),.1);flex:1;position:relative;overflow:hidden}.text-container.s-e6rvlp{width:100%;height:100%;position:relative}.text-editor.s-e6rvlp{width:100%;height:100%;color:hsla(var(--system-color-dark-hsl),.9);resize:none;background:0 0;border:none;outline:none;padding:20px;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.6}.text-editor.s-e6rvlp::placeholder{color:hsla(var(--system-color-dark-hsl),.4)}.text-display.s-e6rvlp{white-space:pre-wrap;word-wrap:break-word;width:100%;height:100%;color:hsla(var(--system-color-dark-hsl),.9);background:0 0;margin:0;padding:20px;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.6;overflow:auto}.notes-loading.s-e6rvlp,.notes-error.s-e6rvlp{color:hsla(var(--system-color-dark-hsl),.6);flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-spinner.s-e6rvlp{border:3px solid hsla(var(--system-color-dark-hsl),.1);border-top:3px solid hsla(var(--system-color-primary-hsl),1);border-radius:50%;width:32px;height:32px;animation:1s linear infinite s-e6rvlp-spin}.spinner.s-e6rvlp{border:2px solid hsla(var(--system-color-primary-hsl),.2);border-top:2px solid hsla(var(--system-color-primary-hsl),1);border-radius:50%;width:14px;height:14px;animation:1s linear infinite s-e6rvlp-spin}@keyframes s-e6rvlp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notes-error.s-e6rvlp svg:where(.s-e6rvlp){color:hsla(var(--system-color-primary-hsl),.7)}