:root{color:#1d2422;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f5f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}::selection{color:#fff;background:#e15437}:root{--page:#f3f5f2;--surface:#fff;--surface-soft:#f7f8f6;--ink:#1d2422;--muted:#6b7470;--line:#dfe4df;--line-strong:#c9d0ca;--accent:#e15437;--accent-dark:#bd3d25;--accent-soft:#fff0eb;--teal:#1f7770;--teal-soft:#e6f3f1;--danger:#b73932;--danger-soft:#fff0ef;--shadow:0 18px 50px #232b2721}h1,h2,h3,p{margin:0}button{color:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.app-shell{background:var(--page);grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;height:100vh;padding:22px 16px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.brand-lockup{align-items:center;gap:10px;padding:0 6px;display:flex}.brand-lockup>div{gap:2px;min-width:0;display:grid}.brand-lockup strong{font-size:16px;line-height:1.2}.brand-lockup small{color:var(--muted);font-size:11px}.brand-symbol{color:#fff;background:var(--ink);border-radius:7px;flex:none;place-items:center;width:36px;height:36px;display:grid}.brand-lockup.large{padding:0}.brand-lockup.large .brand-symbol{background:var(--accent);width:42px;height:42px}.brand-lockup.large strong{font-size:18px}.primary-button,.secondary-button,.danger-button,.text-button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-weight:700;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:var(--accent);border-color:var(--accent)}.primary-button:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.secondary-button{background:var(--surface);border-color:var(--line-strong)}.secondary-button:hover{background:var(--surface-soft)}.danger-button{color:var(--danger);background:var(--danger-soft)}.danger-button:hover{border-color:#efc4c0}.text-button{min-height:32px;color:var(--teal);background:0 0;border:0;padding:0 5px}.text-button:hover{color:#155a55}.full{width:100%}.icon-button{color:#4f5955;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.icon-button:hover{color:var(--ink);background:#edf0ed}.icon-button.compact{width:30px;height:30px}.icon-button.danger{color:var(--danger)}.publish-button{width:100%;margin:24px 0 26px}.sidebar-navigation{gap:3px;display:grid}.nav-label{min-height:32px;color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 5px 0 10px;font-size:11px;font-weight:800;display:flex}.nav-item{width:100%;min-height:39px;padding:0 9px 0 calc(10px + var(--depth,0) * 13px);color:#48514e;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;display:flex;overflow:hidden}.nav-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item small{color:#89918d;margin-left:auto;font-size:11px}.nav-item:hover{background:#f1f3f0}.nav-item.active{color:var(--ink);background:#e9eeea;font-weight:750}.nav-item.active svg{color:var(--accent)}.sidebar-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding:18px 4px 0 10px;font-size:12px;display:flex}.sidebar-footer strong{color:var(--ink)}.workspace{min-width:0;padding:0 28px 28px}.workspace-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:94px;display:flex}.heading-block{align-items:center;gap:8px;min-width:0;display:flex}.heading-block p{color:var(--muted);margin-bottom:2px;font-size:12px}.heading-block h1{text-overflow:ellipsis;white-space:nowrap;max-width:42vw;font-size:25px;line-height:1.2;overflow:hidden}.header-actions{align-items:center;gap:9px;display:flex}.search-field{width:min(320px,34vw);height:40px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-field:focus-within{border-color:#9aa7a0;box-shadow:0 0 0 3px #4f635914}.search-field input{width:100%;min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:0}.search-field button{color:var(--muted);background:0 0;border:0;place-items:center;padding:3px;display:grid}.menu-button,.mobile-publish{display:none}.result-bar{min-height:52px;color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.content-layout{grid-template-columns:minmax(390px,1fr) minmax(370px,42%);align-items:start;gap:18px;display:grid}.library-pane{min-width:0}.note-list{background:var(--surface);border:1px solid var(--line);border-radius:7px;overflow:hidden}.note-row{background:var(--surface);border-bottom:1px solid var(--line);width:100%;min-height:72px;position:relative}.note-row:last-child{border-bottom:0}.note-row:hover{background:#fafbf9}.note-row.selected{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.note-row-select{width:100%;min-height:72px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:38px minmax(150px,1fr) minmax(110px,170px);align-items:center;gap:11px;padding:10px 86px 10px 14px;display:grid}.note-file-icon{width:36px;height:36px;color:var(--teal);background:var(--teal-soft);border-radius:6px;place-items:center;display:grid}.note-row-main,.note-row-meta{gap:5px;min-width:0;display:grid}.note-row-main strong,.note-row-main small,.note-row-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-row-main strong{font-size:14px}.note-row-main small,.note-row-meta{color:var(--muted);font-size:11px}.note-row-meta{justify-items:end}.shared-indicator{color:var(--accent);position:absolute;top:9px;left:42px}.note-update-button{min-height:32px;color:var(--teal);background:var(--surface);border:1px solid var(--line);border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:750;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.note-update-button:hover{color:#155a55;background:var(--teal-soft);border-color:#b9d9d4}.inspector{background:var(--surface);border:1px solid var(--line);border-radius:7px;position:sticky;top:18px;overflow:hidden;box-shadow:0 10px 30px #232b2712}.inspector-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 18px 14px;display:flex}.inspector-header p{color:var(--muted);margin-bottom:4px;font-size:11px}.inspector-header h2{overflow-wrap:anywhere;font-size:18px;line-height:1.25}.preview-frame{border:1px solid var(--line);background:#fff;border-radius:5px;height:236px;margin:14px 14px 0;position:relative;overflow:hidden}.preview-frame iframe{transform-origin:0 0;pointer-events:none;border:0;width:160%;height:160%;transform:scale(.625)}.preview-frame a{min-height:31px;color:var(--ink);border:1px solid var(--line);background:#fffffff0;border-radius:5px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 12px #232b271f}.editor-form{gap:13px;padding:16px 18px 18px;display:grid}.section-title{justify-content:space-between;align-items:center;min-height:32px;font-size:12px;font-weight:800;display:flex}.field{gap:6px;min-width:0;display:grid}.field>span{color:#57615d;font-size:11px;font-weight:750}.field input,.field select,.field textarea,.new-group-form input,.new-group-form select,.group-row input,.group-row select{width:100%;min-width:0;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:5px;outline:0}.field input,.field select,.new-group-form input,.new-group-form select,.group-row input,.group-row select{height:39px;padding:0 10px}.field textarea{resize:vertical;min-height:72px;padding:9px 10px}.field input:focus,.field select:focus,.field textarea:focus,.new-group-form input:focus,.new-group-form select:focus,.group-row input:focus,.group-row select:focus{border-color:#89968f;box-shadow:0 0 0 3px #4f635914}.share-control{background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;gap:9px;padding:11px;display:grid}.share-control.enabled{background:var(--teal-soft);border-color:#c3dfdb}.share-heading,.share-heading>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.share-heading>div{justify-content:flex-start;font-size:12px;font-weight:750}.share-heading svg{color:var(--teal)}.switch{cursor:pointer;width:37px;height:22px;position:relative}.switch input{opacity:0;position:absolute}.switch span{background:#bac1bd;border-radius:999px;transition:all .18s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.switch input:checked+span{background:var(--teal)}.switch input:checked+span:after{transform:translate(15px)}.share-address{grid-template-columns:minmax(0,1fr) 36px;gap:5px;display:grid}.share-address input{color:#245c57;background:#fff;border:1px solid #bdd7d3;border-radius:5px;outline:0;width:100%;min-width:0;height:36px;padding:0 9px;font-size:11px}.editor-meta{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.editor-actions{justify-content:space-between;gap:10px;padding-top:2px;display:flex}.empty-inspector{min-height:260px;color:var(--muted);box-shadow:none;align-content:center;place-items:center;gap:10px;display:grid}.empty-state{min-height:380px;color:var(--muted);background:var(--surface);border:1px dashed var(--line-strong);text-align:center;border-radius:7px;place-items:center;padding:40px 20px;display:grid}.empty-state>span{width:48px;height:48px;color:var(--teal);background:var(--teal-soft);border-radius:7px;place-items:center;margin-bottom:13px;display:grid}.empty-state h2{color:var(--ink);margin-bottom:7px;font-size:17px}.empty-state p{margin-bottom:17px;font-size:13px}.empty-compact{color:var(--muted);text-align:center;padding:28px}.modal-backdrop{z-index:100;background:#191e1c7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(500px,100%);max-height:min(760px,100vh - 40px);box-shadow:var(--shadow);border:1px solid #fff6;border-radius:8px;overflow:auto}.modal-wide{width:min(720px,100%)}.modal-header{z-index:2;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;display:flex;position:sticky;top:0}.modal-header h2{font-size:20px}.modal-header p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5}.publish-form{gap:15px;padding:20px 22px 22px;display:grid}.replace-notice{color:#245c57;background:var(--teal-soft);border:1px solid #c3dfdb;border-radius:6px;align-items:center;gap:11px;padding:11px 12px;display:flex}.replace-notice>span{gap:3px;display:grid}.replace-notice strong{font-size:12px}.replace-notice small{color:#52736f;font-size:11px}.folder-drop{width:100%;min-height:88px;color:var(--ink);background:var(--surface-soft);text-align:left;border:1px dashed #aeb7b2;border-radius:6px;align-items:center;gap:13px;padding:14px;display:flex}.folder-drop:hover{border-color:var(--teal);background:#f2f8f6}.folder-drop.has-files{background:var(--teal-soft);border-style:solid;border-color:#b9d9d4}.drop-icon{width:42px;height:42px;color:var(--teal);background:#fff;border:1px solid #c9dedb;border-radius:6px;flex:none;place-items:center;display:grid}.folder-drop>span:last-child{gap:4px;display:grid}.folder-drop strong{font-size:14px}.folder-drop small{color:var(--muted);font-size:11px}.form-grid.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-status,.form-error{font-size:12px}.form-status{color:var(--teal)}.form-error{color:var(--danger)}.modal-actions{justify-content:flex-end;gap:9px;padding-top:3px;display:flex}.new-group-form{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr auto;gap:9px;padding:18px 22px;display:grid}.group-manager-list{padding:6px 22px 20px;display:grid}.group-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 76px;align-items:center;gap:9px;padding:10px 0;display:grid}.group-row:last-child{border-bottom:0}.row-actions{justify-content:flex-end;display:flex}.group-manager-list+.form-error,.new-group-form+.form-error{padding:0 22px}.toast{z-index:150;color:#fff;background:#26332f;border-radius:6px;align-items:center;gap:8px;max-width:min(420px,100vw - 32px);min-height:42px;padding:9px 13px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 30px #141e1a33}.toast.error{background:var(--danger)}.login-page,.loading-page{background:var(--page);align-content:center;place-items:center;min-height:100vh;display:grid}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:22px;width:min(400px,100vw - 32px);padding:30px;display:grid;box-shadow:0 20px 55px #232b271a}.login-copy{gap:7px;padding-top:12px;display:grid}.login-copy h1{font-size:27px}.login-copy p,.login-footnote,.loading-page p{color:var(--muted);font-size:13px}.login-footnote{margin-top:18px}.loading-page{gap:12px}.loading-mark{color:#fff;background:var(--ink);border-radius:8px;place-items:center;width:48px;height:48px;animation:1.5s ease-in-out infinite breathe;display:grid}@keyframes breathe{50%{opacity:.65;transform:scale(.96)}}.mobile-only,.sidebar-scrim{display:none}@media (width<=1120px){.app-shell{grid-template-columns:222px minmax(0,1fr)}.content-layout{grid-template-columns:minmax(310px,1fr) minmax(340px,46%)}.note-row-select{grid-template-columns:38px minmax(120px,1fr)}.note-row-meta{display:none}}@media (width<=860px){.app-shell{display:block}.sidebar{width:min(300px,86vw);transition:transform .2s;position:fixed;left:0;transform:translate(-102%);box-shadow:15px 0 40px #191e1c29}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:15;background:#14191759;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.workspace{padding:0 18px 22px}.workspace-header{min-height:78px}.menu-button,.mobile-publish,.mobile-only{display:inline-grid}.mobile-publish{display:inline-flex}.heading-block h1{max-width:40vw;font-size:21px}.content-layout{grid-template-columns:1fr}.inspector{z-index:50;border:0;border-radius:0;position:fixed;inset:0;overflow-y:auto}.empty-inspector{display:none}.preview-frame{height:min(42vh,320px)}}@media (width<=560px){.workspace{padding:0 12px 16px}.workspace-header{gap:8px;min-height:70px}.heading-block{gap:3px}.heading-block p{display:none}.heading-block h1{max-width:35vw;font-size:18px}.search-field{width:min(43vw,190px)}.mobile-publish{width:40px;padding:0}.mobile-publish span{display:none}.result-bar{min-height:45px}.note-row{min-height:68px}.note-row-select{grid-template-columns:36px minmax(0,1fr);min-height:68px;padding:9px 78px 9px 10px}.note-update-button{padding:0 8px;right:8px}.note-row-main strong{font-size:13px}.note-row-main small{max-width:58vw}.shared-indicator{left:36px}.inspector-header{padding:15px 14px 12px}.preview-frame{margin:10px 10px 0}.editor-form{padding:14px 14px 22px}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:8px 8px 0 0;width:100%;max-height:94vh}.modal-header,.publish-form{padding-left:16px;padding-right:16px}.form-grid.two{grid-template-columns:1fr}.new-group-form{grid-template-columns:1fr;padding:16px}.group-manager-list{padding:6px 16px 18px}.group-row{grid-template-columns:minmax(0,1fr) 76px}.group-row select{grid-area:2/1}.row-actions{grid-area:1/2/span 2}.toast{bottom:16px;right:16px}.login-panel{padding:24px}}