:root{--bg:#f7f8f5;--surface:#fff;--surface2:#f0f3ee;--line:#e5e9e1;--text:#23352f;--muted:#738078;--accent:#47786a;--soft:#e7f0e9;--danger:#b35050;--shadow:0 18px 70px #20382a18;font-family:'Segoe UI','Noto Sans KR',system-ui,sans-serif;font-size:15px;color:var(--text);background:var(--bg);color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{border:0;background:transparent;border-radius:9px;padding:9px 12px}button:hover{background:var(--surface2)}input,select,textarea{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 12px;min-width:0}a{color:var(--accent)}.primary{background:var(--accent);color:white;font-weight:650}.primary:hover{background:#396657}.secondary{background:var(--soft);color:var(--accent)}.danger{color:var(--danger)}.muted{color:var(--muted);font-size:12px}.hidden{display:none!important}.row{display:flex;align-items:center;gap:8px}.grow{flex:1}.app{height:100dvh;display:grid;grid-template-columns:226px 330px minmax(0,1fr);overflow:hidden}.sidebar{padding:27px 16px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--bg);gap:9px;overflow:auto}.brand{font-size:23px;letter-spacing:-1px;font-weight:750;margin:0 10px 4px;display:flex;align-items:center;gap:9px}.brand-icon{display:grid;place-items:center;width:35px;height:35px;background:var(--accent);color:#fff;border-radius:12px;font-size:23px}.tagline{color:var(--muted);font-size:11px;margin:0 10px 20px}.new-button{width:100%;padding:13px;text-align:left;margin-bottom:13px}.nav-button{text-align:left;width:100%;display:flex;align-items:center;gap:9px;line-height:1.4}.nav-button.active{background:var(--soft);color:var(--accent);font-weight:650}.count{font-size:11px;margin-left:auto;color:var(--muted)}.section-label{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin:20px 10px 4px}.folder-tree{min-height:40px}.folder-row{display:flex;align-items:center}.folder-actions{opacity:.4;padding:4px 7px}.folder-row:hover .folder-actions{opacity:1}.sidebar-footer{margin-top:auto;padding-top:20px}.security-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--accent);margin:10px}.note-column{border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.list-header{padding:25px 20px 16px}.search{width:100%;background:var(--surface2);border:0;padding:12px 14px}.list-title{font-weight:700;font-size:20px;letter-spacing:-.6px;margin:22px 0 4px}.list-controls{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.list-controls select{border:0;background:transparent;font-size:11px;padding:6px;color:var(--muted)}.note-list{padding:0 10px 14px;overflow:auto;flex:1}.note-card{width:100%;padding:18px 14px;text-align:left;display:block;border-radius:12px;border:1px solid transparent;margin-bottom:4px}.note-card.active{background:var(--surface);border-color:var(--line);box-shadow:0 3px 12px #20382a04}.note-title{font-weight:650;font-size:14px;margin-bottom:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.note-preview{color:var(--muted);font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;min-height:20px}.note-info{font-size:10px;color:var(--muted);margin-top:12px;display:flex;gap:8px;align-items:center}.pin{color:var(--accent)}.conflict{background:#fff0da;color:#8f632b;border-radius:4px;padding:2px 5px;font-size:10px}.cards .note-card{background:var(--surface);border-color:var(--line);margin:0 0 10px}.empty-list{padding:50px 16px;text-align:center;color:var(--muted);font-size:13px;line-height:2}.editor-column{background:var(--surface);display:flex;flex-direction:column;min-width:0;position:relative}.editor-top{min-height:75px;padding:14px 30px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.folder-select{border:0;color:var(--accent);background:var(--soft);max-width:240px;font-size:12px;font-weight:600}.save-state{font-size:10px;color:var(--muted);padding:5px 30px;line-height:1.6}.document-meta{padding:2px 38px 12px;font-size:10px;color:var(--muted)}.title-input{width:100%;border:0;padding:28px 38px 12px;font-size:30px;line-height:1.4;font-weight:700;letter-spacing:-1px;background:transparent;outline:0}.title-input::placeholder{color:#bcc5bf}.editor-body{flex:1;overflow:auto;min-height:0}.ql-container.ql-snow{border:0!important;font:inherit;height:auto;min-height:200px}.ql-editor{padding:16px 38px 120px;line-height:1.9;font-size:var(--editor-size,16px);min-height:50dvh;overflow:visible;color:var(--text);word-break:break-word}.ql-editor.ql-blank:before{left:38px;right:38px;font-style:normal;color:#adb8b1}.ql-editor .ql-ui:before{cursor:pointer}.ql-editor li[data-list=checked]{color:var(--muted)}.ql-editor li[data-list=checked]>.ql-ui:before{color:var(--accent)}.ql-toolbar.ql-snow{border:0;border-top:1px solid var(--line);background:var(--surface);padding:10px 22px;display:flex;flex-wrap:wrap;gap:3px;z-index:2}.ql-snow .ql-formats{margin-right:8px!important}.ql-snow .ql-picker{color:var(--text)}.ql-snow .ql-stroke{stroke:var(--text)}.ql-snow .ql-fill{fill:var(--text)}.ql-snow .ql-picker-options{background:var(--surface);border-color:var(--line)!important;bottom:100%;top:auto!important}.ql-toolbar button{color:var(--text)}.ql-toolbar .tool-text{width:auto!important;height:28px;padding:2px 8px;font-size:12px}.extra-toolbar{padding:8px 22px 10px;border-top:1px solid var(--line);display:flex;gap:5px;align-items:center;flex-wrap:wrap;background:var(--surface)}.extra-toolbar button{font-size:12px;padding:7px 9px}.ql-font-serif{font-family:Georgia,'Batang',serif}.ql-font-monospace{font-family:Consolas,'D2Coding',monospace}.welcome{display:grid;place-items:center;min-height:100dvh;padding:28px;background:radial-gradient(ellipse at top,#e9f1e9,var(--bg) 60%)}.welcome-card{max-width:470px;width:100%;background:var(--surface);padding:38px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.welcome-card h1{font-size:28px;margin:22px 0 10px;letter-spacing:-1px}.welcome-card p{font-size:13px;color:var(--muted);line-height:1.9}.welcome-card input{display:block;width:100%;margin:8px 0}.welcome-card button{width:100%;margin:5px 0}.welcome-card label{font-size:12px;margin-top:12px;display:block}.welcome-tabs{display:flex;gap:7px;margin:20px 0}.welcome-tabs button{font-size:12px}.divider{height:1px;background:var(--line);margin:20px 0}.blank-state{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:40px;gap:15px;color:var(--muted)}.blank-icon{font-size:58px;color:#acbeb3}.blank-state h2{color:var(--text);font-size:22px;margin:0}.blank-state p{font-size:13px;line-height:1.8;margin:0}.modal{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:18px;max-width:min(92vw,560px);width:100%;padding:28px;box-shadow:var(--shadow);max-height:88dvh;overflow:auto}.modal::backdrop{background:#152d2566;backdrop-filter:blur(4px)}.modal h2{font-size:21px;margin:0 0 16px}.modal p{font-size:13px;line-height:1.9;color:var(--muted)}.modal label{font-size:12px;display:block;margin:16px 0 6px}.modal input,.modal select,.modal textarea{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.modal-actions button{min-width:80px}.error-text{font-size:12px;color:var(--danger);line-height:1.7}.settings-group{padding:14px 0;border-bottom:1px solid var(--line)}.settings-line{display:flex;align-items:center;gap:15px;justify-content:space-between;margin:10px 0;font-size:13px}.settings-line select{max-width:200px}.recovery{padding:16px;background:var(--surface2);border:1px solid var(--line);border-radius:9px;overflow-wrap:anywhere;user-select:all;font:14px monospace}.attachment-card{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--bg);margin:14px 0;white-space:normal}.attachment-title{font-size:13px;font-weight:650;overflow-wrap:anywhere;margin-bottom:6px}.attachment-actions{display:flex;gap:5px;font-size:11px;margin-top:6px;flex-wrap:wrap}.attachment-actions button{font-size:11px;padding:5px 8px;background:var(--surface2)}.attachment-card img{display:block;max-width:100%;max-height:350px;object-fit:contain;border-radius:8px;margin:8px 0;cursor:zoom-in}.attachment-card audio{display:block;width:100%;height:40px;margin-top:8px}.media-dialog{max-width:95vw;width:auto;max-height:95dvh}.media-dialog img,.media-dialog video{display:block;max-width:85vw;max-height:75dvh}.media-dialog video{width:min(85vw,1000px)}.editor-find{padding:8px 30px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line)}.editor-find input{flex:1;padding:7px 10px;font-size:12px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.menu-grid button{text-align:left;font-size:13px}.mobile-only{display:none}.sync-status{font-size:11px;line-height:1.7;color:var(--muted);padding:8px 10px;overflow-wrap:anywhere}.recording{color:#d04f4f;background:#fdeeed!important;animation:blink 1.4s infinite}.ql-size-small{font-size:.75em}.ql-size-large{font-size:1.5em}.ql-size-huge{font-size:2.5em}mark{background:#f5df8b;color:#23352f;border-radius:2px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#253b32;color:white;border-radius:12px;padding:12px 20px;font-size:13px;box-shadow:var(--shadow);z-index:100;display:none;line-height:1.8}#toast.show{display:block}.ql-snow .ql-tooltip{left:10px!important;max-width:95%;background:var(--surface);color:var(--text);z-index:3}.ql-snow .ql-tooltip input{max-width:140px}dialog input[type=checkbox]{width:auto}.version-button{display:block;text-align:left;border:1px solid var(--line);width:100%;padding:16px;margin:8px 0}.warning{padding:12px;background:#fff3dc;color:#8c672e;border-radius:8px;font-size:12px;line-height:1.8}
[data-theme=dark]{--bg:#17221e;--surface:#1d2b25;--surface2:#25372e;--line:#314238;--text:#e1eae2;--muted:#9bab9e;--accent:#9fceb2;--soft:#2b4436;color-scheme:dark}[data-theme=dark] .primary{background:#5d8b70;color:white}[data-theme=dark] .welcome{background:var(--bg)}[data-theme=dark] .warning{background:#3b3222;color:#dfc18c}
@keyframes blink{50%{opacity:.55}}@media(min-width:1600px){.app{grid-template-columns:250px 370px minmax(0,1fr)}.ql-editor,.document-meta{padding-left:65px;padding-right:65px}.title-input{padding-left:65px}}
@media(max-width:1100px){.app{grid-template-columns:190px 280px minmax(0,1fr)}.sidebar{padding:23px 10px}.editor-top{padding:12px 16px}.title-input{font-size:25px;padding:22px 23px 10px}.ql-editor{padding-left:23px;padding-right:23px}.document-meta{padding-left:23px}.ql-toolbar.ql-snow{padding:8px 10px}.extra-toolbar{padding:7px 10px}.save-state{padding-left:20px}}
@media(max-width:850px){.app{grid-template-columns:290px minmax(0,1fr)}.sidebar{display:none}.app.show-folders .sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:255px;z-index:10;box-shadow:10px 0 60px #0004}.mobile-only{display:initial}.list-header{padding:18px 16px 12px}.list-title{margin-top:16px}.editor-top{min-height:63px}.folder-select{max-width:170px}}
@media(max-width:600px){.app{grid-template-columns:minmax(0,1fr)}.editor-column{display:none}.app.editing .note-column{display:none}.app.editing .editor-column{display:flex;height:100dvh}.editor-top{gap:3px;padding:10px 12px;min-height:55px}.editor-top button{padding:8px}.folder-select{flex:1;max-width:none;font-size:12px}.list-header{padding:23px 18px 12px}.note-list{padding:0 10px 80px}.note-card{padding:17px}.new-floating{position:fixed;bottom:24px;right:22px;width:56px;height:56px;font-size:27px;box-shadow:0 5px 25px #47786a33;z-index:5}.list-title{font-size:24px}.title-input{padding:22px 22px 7px;font-size:27px}.ql-editor{padding:14px 22px 50px;min-height:40dvh}.ql-editor.ql-blank:before{left:22px;right:22px}.document-meta{padding:0 22px 10px}.ql-toolbar.ql-snow{flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;min-height:45px;flex-shrink:0;padding:6px 8px}.ql-snow .ql-formats{flex-shrink:0;display:flex;align-items:center}.extra-toolbar{flex-wrap:nowrap;overflow:auto;min-height:47px;flex-shrink:0}.extra-toolbar button{flex-shrink:0;font-size:11px}.save-state{padding:4px 20px}.editor-find{padding:7px 12px}.welcome-card{padding:27px}.modal{padding:23px}.note-info{font-size:11px}.ql-toolbar .ql-picker-options{position:fixed;bottom:100px!important;left:18px;max-height:50vh;overflow:auto}.cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.cards .note-card{margin:0;padding:14px}.cards .note-preview{-webkit-line-clamp:4}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{display:inline-block;position:absolute;left:0;top:0;width:1.6em;height:1.8em;line-height:1.8em;cursor:pointer}.ql-editor li[data-list=checked]>.ql-ui:before,.ql-editor li[data-list=unchecked]>.ql-ui:before{margin:0;width:1.4em;text-align:center}.ql-editor li[data-list=checked],.ql-editor li[data-list=unchecked]{padding-left:1.9em}
:root{--ui-scale:1}.nav-button{font-size:calc(14px * var(--ui-scale))}.note-title{font-size:calc(14px * var(--ui-scale))}.note-preview{font-size:calc(12px * var(--ui-scale))}.settings-line{font-size:calc(13px * var(--ui-scale))}.folder-select{font-size:calc(12px * var(--ui-scale))}.search{font-size:calc(14px * var(--ui-scale))}
/* Quiet monochrome surfaces; the document keeps user-selected colors. */
:root{--bg:#f8f8f8;--surface:#fff;--surface2:#f0f0f0;--line:#e7e7e7;--text:#202020;--muted:#777;--accent:#303030;--soft:#eaeaea;--shadow:0 12px 50px #00000012}
[data-theme=dark]{--bg:#181818;--surface:#202020;--surface2:#2a2a2a;--line:#363636;--text:#ededed;--muted:#a1a1a1;--accent:#e0e0e0;--soft:#333;color-scheme:dark}
.primary:hover{background:#484848}[data-theme=dark] .primary{background:#ddd;color:#181818}[data-theme=dark] .primary:hover{background:#fff}
.welcome{background:var(--bg)}.welcome-card{box-shadow:none;border-radius:16px}.brand{margin-bottom:18px}.tagline,.security-badge{display:none}.blank-state{gap:14px}.blank-state p{font-size:14px}.note-card{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.note-card.active{box-shadow:none}
.folder-row>.nav-button{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-row>.drag-handle{flex:0 0 22px;width:22px;padding:8px 1px;touch-action:none;cursor:grab;opacity:.5;user-select:none}.folder-dragging{user-select:none}.folder-row.dragging{opacity:.5}.folder-row.drop-before{box-shadow:0 -2px 0 var(--accent)}.folder-row.drop-after{box-shadow:0 2px 0 var(--accent)}.folder-row.drop-inside{background:var(--soft);outline:1px solid var(--accent);border-radius:7px}.auth-alternatives{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.auth-alternatives button{font-size:12px;color:var(--muted);text-decoration:underline}.welcome-card .auth-alternatives button{width:auto}.toggle-line input[role=switch]{width:38px;height:22px;accent-color:var(--accent);cursor:pointer}.modal ol{font-size:13px;line-height:1.9;padding-left:20px}.recovery{white-space:pre-wrap}
[data-links=text] .ql-editor a{color:inherit!important;text-decoration:none!important;cursor:text}[data-links=text] .ql-tooltip{display:none!important}
#toast{background:#292929;color:#fff;max-width:min(90vw,600px);border-radius:14px;padding:12px 18px;line-height:1.6}
@media(min-width:1600px){.ql-editor.ql-blank:before{left:65px;right:65px}}
/* Memo 1.2: fixed shell, independently scrolling panes and monochrome controls. */
html,body,#root{height:100%;overflow:hidden}.app{height:100dvh;grid-template-rows:minmax(0,1fr)}.sidebar,.note-column,.editor-column{min-height:0;min-width:0;overflow:hidden}.sidebar{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding:20px 12px 12px}.sidebar-head,.folder-panel,.sidebar-footer,.folder-tree{min-width:0;max-width:100%}.sidebar-head .brand{margin:0 10px 15px}.sidebar-head .new-button{margin-bottom:10px}.sidebar-head>.nav-button,.sidebar-footer>.nav-button{width:100%;padding:7px 10px}.folder-panel{display:flex;flex-direction:column;min-height:0}.folder-heading{flex:none;display:flex;align-items:center;justify-content:space-between;padding:4px 9px;font-size:12px;color:var(--muted)}.folder-tree{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sidebar-footer{margin:0;padding:8px 0 0;border-top:1px solid var(--line);overflow:hidden}.sync-status{max-height:50px;overflow:auto;font-size:10px;line-height:1.5}.icon{width:18px;height:18px;flex:none;vertical-align:middle}button{align-items:center;gap:7px}button:has(>.icon){display:inline-flex}.nav-button:has(>.icon){display:flex}.folder-row{display:flex;min-width:0;gap:0;position:relative}.folder-row>.folder-select-button{width:0;flex:1 1 0;min-width:0;padding:8px 2px;gap:5px;touch-action:none;font-size:calc(13px * var(--ui-scale));text-align:left;justify-content:flex-start}.folder-row>.folder-disclosure,.folder-disclosure-spacer{flex:0 0 18px;width:18px;height:30px;padding:0;display:grid;place-items:center}.folder-disclosure>.icon{width:12px;height:12px;transform:rotate(-90deg)}.folder-disclosure.collapsed>.icon{transform:rotate(180deg)}.tree-lines{font-family:Consolas,monospace;font-size:12px;white-space:pre;flex:none;color:var(--muted);letter-spacing:-.5px}.folder-row .folder-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-state{font-size:10px;color:var(--muted)}.folder-row>.folder-actions{opacity:.7;flex:0 0 25px;width:25px;padding:4px}.folder-actions .icon{width:16px;height:16px}.folder-row .drag-handle{display:none}.note-list,.editor-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.note-list{padding-bottom:85px}.editor-body{flex:1;outline:none}.editor-top{flex:none;min-height:58px;padding:10px 22px;gap:8px}.editor-top .folder-select{max-width:min(50%,280px)}.title-region{padding:24px 30px 8px;border-bottom:1px solid var(--line)}.title-input{display:block;resize:none;overflow:auto;min-height:52px;max-height:240px;font-size:27px;line-height:1.45;padding:6px 8px;margin:0 0 8px;width:100%;border:1px solid transparent;border-radius:8px;outline:none!important;box-shadow:none}.title-input:focus{border-color:var(--line);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}.document-meta{position:static;display:block;padding:0 8px;font-size:11px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;min-height:19px;clear:both}.document-editor{position:relative;min-height:200px}.ql-editor{padding:18px 38px 160px;min-height:200px}.ql-editor.ql-blank::before{content:none!important;display:none!important}.body-placeholder{position:absolute;top:18px;left:38px;right:38px;line-height:1.9;font-size:var(--editor-size,16px);color:var(--muted);pointer-events:none;user-select:none}.body-placeholder[hidden]{display:none!important}.ql-toolbar,.extra-toolbar,.save-state{flex:none}.save-state{min-height:22px}.new-note-fab{position:fixed;z-index:8;right:max(18px,env(safe-area-inset-right));bottom:18px;border-radius:50%;width:44px;height:44px;padding:12px;background:var(--text);color:var(--surface);box-shadow:0 3px 14px #0002;display:grid!important;place-items:center}.new-note-fab[hidden]{display:none!important}.new-note-fab:hover{background:var(--accent)}.new-note-fab>.icon{width:21px;height:21px}.sidebar-scrim{display:none}.modal{max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}.attachment-title{display:flex;gap:7px;align-items:center}.new-vault-details{margin-top:18px;font-size:12px;color:var(--muted)}.new-vault-details summary{padding:8px 0;cursor:pointer}.folder-row.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.folder-row.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.folder-row.drop-inside{outline-offset:-1px}
@media(max-height:650px){.sidebar{padding:10px 9px;gap:2px}.sidebar-head .brand{margin-bottom:5px}.sidebar-head .new-button{margin-bottom:4px}.sidebar-head>.nav-button,.sidebar-footer>.nav-button{padding:4px 9px;font-size:calc(12px * var(--ui-scale))}.sidebar-footer{padding-top:4px}.sync-status{font-size:9px;max-height:38px}.folder-heading{padding-top:0;padding-bottom:0}}
@media(max-height:440px){.sidebar-head .brand,.sidebar-head .new-button{display:none}.sidebar-footer>.nav-button,.sidebar-head>.nav-button{padding:2px 8px}.sync-status{max-height:28px}}
@media(max-width:1000px){.app.show-folders .sidebar{display:grid;inset:0 auto 0 0;width:280px;max-width:85vw;z-index:30;box-shadow:8px 0 25px #0002}.app.show-folders .sidebar-scrim{display:block;position:fixed;inset:0;background:#0004;z-index:25;border-radius:0}.editor-top .folder-select{max-width:none}}
@media(max-width:600px){.title-region{padding:15px 16px 6px}.title-input{font-size:23px}.document-meta{font-size:10px}.ql-editor{padding:16px 24px 140px}.body-placeholder{top:16px;left:24px;right:24px}.editor-top{padding:8px 12px}.new-note-fab{bottom:max(18px,env(safe-area-inset-bottom))}.extra-toolbar{padding-right:12px}}
/* 1.2.1: explicit pane placement survives navigation and a fixed mobile drawer. */
.app{grid-template-areas:"sidebar list editor"}.sidebar{grid-area:sidebar;isolation:isolate;background:var(--bg)}.note-column{grid-area:list}.editor-column{grid-area:editor}
.list-header{flex:none;min-width:0}.list-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:36px;margin-bottom:12px}.list-brand{font-size:18px;font-weight:650;line-height:1.5;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-toggle{width:36px;height:36px;padding:9px;flex:none}.list-title{overflow-wrap:anywhere;line-height:1.5}.list-controls{min-width:0;gap:6px;flex-wrap:wrap}.list-controls select{min-width:0;max-width:60%}.note-info{flex-wrap:wrap;min-width:0}.note-info>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-preview{-webkit-line-clamp:2!important}
.editor-top{flex-wrap:nowrap;min-width:0}.editor-top>.folder-select{flex:1 1 0;width:0;min-width:0;max-width:none;text-overflow:ellipsis}.editor-top>button{flex:none}.editor-body>.document-meta{padding:12px 38px 0;line-height:1.8}.document-editor{min-width:0}.ql-snow .ql-tooltip{display:none!important}
.attachment-card.visual-attachment{padding:0;border:0;background:transparent;border-radius:8px;overflow:hidden}.visual-attachment .attachment-content{width:100%}.media-thumbnail{position:relative;display:block;width:100%;min-height:80px;padding:0;overflow:hidden;background:transparent;text-align:center}.attachment-card .media-thumbnail img,.media-thumbnail video{display:block;width:auto;max-width:100%;max-height:350px;object-fit:contain;border-radius:8px;margin:0;cursor:zoom-in}.video-play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.video-play>.icon{width:44px;height:44px;border-radius:50%;padding:10px;background:#222c;color:#fff}.media-heading{display:flex;align-items:center;gap:10px;flex:none;min-width:0;flex-wrap:wrap;margin-bottom:12px}.media-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.media-heading>button{margin-left:auto}.media-dialog{padding:16px;width:min(94vw,1100px);overflow:auto}.media-dialog>img,.media-dialog>video{max-width:100%;max-height:65dvh;margin:0 auto}.media-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.media-actions>button{background:var(--surface2);font-size:13px;flex:0 0 auto}.attachment-card audio{max-width:100%}.sidebar-footer .nav-button{min-width:0;overflow-wrap:anywhere}
@media(min-width:901px){.sidebar{display:grid}.list-topbar>.menu-toggle{display:none}.note-list{min-width:0}}
@media(max-width:900px){.app{grid-template-areas:"list editor";grid-template-columns:minmax(245px,290px) minmax(0,1fr)}.sidebar{display:none}.mobile-only{display:inline-flex}.list-topbar{grid-template-columns:36px minmax(0,1fr) 36px}.app.show-folders .sidebar{display:grid;position:fixed;inset:0 auto 0 0;height:100%;width:min(290px,88vw);max-width:88vw;z-index:30;background:var(--bg)}.app.show-folders .sidebar-scrim{display:block;position:fixed;inset:0;z-index:25;background:#0005}.sidebar-head,.sidebar-footer{background:var(--bg);position:relative;z-index:1}.list-topbar .mobile-only{display:inline-flex}.sidebar-head .brand{line-height:1.5}}
@media(max-width:600px){.app{grid-template-areas:"list";grid-template-columns:minmax(0,1fr)}.note-column,.editor-column{grid-area:list}.editor-column{display:none}.app.editing .note-column{display:none}.app.editing .editor-column{display:flex;height:100%;max-height:100%}.list-header{padding:14px 16px 12px}.list-title{margin-top:14px;font-size:22px}.list-topbar{margin-bottom:10px}.editor-body>.document-meta{padding:10px 24px 0;font-size:10px}.editor-top{gap:3px}.editor-top>button{padding:8px}.media-dialog{max-width:96vw;width:96vw;padding:12px}.media-actions>button{padding:9px 10px}.note-card{display:block}.sidebar-scrim{touch-action:none}}