.simple-notebook-page{max-width:1440px}.simple-notebook-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.simple-notebook-heading h1{margin:4px 0 6px;font-size:34px}.simple-notebook-heading p{max-width:650px;margin:0}.simple-notebook-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px;display:grid}.simple-collections,.simple-notebook-main,.simple-note-editor-card{border:1px solid var(--p-line);background:var(--p-panel);border-radius:12px}.simple-collections{padding:14px;position:sticky;top:88px}.simple-collections header,.simple-notebook-main-head,.simple-note-editor-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.simple-collections header{margin-bottom:10px}.simple-collections h2,.simple-notebook-main h2{margin:0;font:700 17px Georgia,serif}.simple-collection-list{gap:5px;display:grid}.simple-collection-button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;display:flex;color:var(--p-muted)!important}.simple-collection-button>span{align-items:center;gap:8px;min-width:0;display:flex}.simple-collection-button small{flex:none}.simple-collection-button:hover,.simple-collection-button.active{background:color-mix(in srgb,var(--p-teal) 10%,var(--p-panel));color:var(--p-teal)!important}.simple-collection-create{border-top:1px solid var(--p-line);grid-template-columns:minmax(0,1fr) 38px;gap:6px;margin-top:12px;padding-top:12px;display:grid}.simple-collection-create input{height:38px;margin:0!important}.simple-collection-create button{border:1px solid var(--p-line);background:var(--p-panel2);cursor:pointer;border-radius:7px;place-items:center;height:38px;display:grid;color:var(--p-teal)!important}.simple-notebook-main{min-height:420px;padding:16px}.simple-notebook-main-head{border-bottom:1px solid var(--p-line);padding-bottom:14px}.simple-notebook-main-head small{white-space:nowrap}.simple-note-list{display:grid}.simple-note-row{border-bottom:1px solid var(--p-line);grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px 8px;text-decoration:none;transition:background .18s,border-color .18s;display:grid}.simple-note-row:last-child{border-bottom:0}.simple-note-row:hover{background:color-mix(in srgb,var(--p-teal) 5%,transparent)}.simple-note-row h3{color:var(--p-text);margin:0 0 6px;font:700 17px Georgia,serif}.simple-note-row p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.simple-note-row-meta{text-align:right;color:var(--p-muted);flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;font-size:11px;display:flex}.simple-note-row-meta span{align-items:center;gap:5px;display:flex}.simple-notebook-empty{text-align:center;place-items:center;min-height:300px;padding:30px;display:grid}.simple-notebook-empty>div{max-width:430px}.simple-notebook-empty svg{color:var(--p-teal);margin-bottom:8px;font-size:42px}.simple-notebook-empty h3{margin:0 0 7px;font:700 20px Georgia,serif}.simple-notebook-empty p{margin:0 0 16px}.simple-note-editor-page{max-width:1200px}.simple-note-editor-head{margin-bottom:14px}.simple-note-editor-head-left{align-items:center;gap:12px;display:flex}.simple-note-editor-back{border:1px solid var(--p-line);background:var(--p-panel);border-radius:8px;place-items:center;width:40px;height:40px;text-decoration:none;display:grid}.simple-note-editor-head h1{margin:0;font-size:27px}.simple-note-editor-head small{margin-top:3px;display:block}.simple-note-editor-actions{align-items:center;gap:8px;display:flex}.simple-note-delete{border:1px solid color-mix(in srgb,var(--p-danger) 55%,var(--p-line));cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:7px;min-height:40px;padding:0 14px;display:flex;color:var(--p-danger)!important}.simple-note-editor-card{overflow:hidden}.simple-note-title{width:100%!important;color:var(--p-text)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:24px 26px 18px!important;font:700 30px Georgia,serif!important}.simple-note-title:focus,.simple-note-content:focus{outline:none}.simple-note-content{resize:vertical;min-height:520px;font-size:15px;line-height:1.75;width:100%!important;color:var(--p-text)!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:10px 26px 28px!important}.simple-note-attachment-list{flex-wrap:wrap;gap:8px;padding:10px 16px 0;display:flex}.simple-note-attachment-chip{border:1px solid var(--p-line);background:var(--p-panel2);border-radius:8px;align-items:center;gap:7px;max-width:100%;min-height:36px;padding:0 7px 0 10px;display:flex}.simple-note-attachment-chip>svg{color:var(--p-teal);flex:none}.simple-note-attachment-chip small{color:var(--p-muted);white-space:nowrap;font-size:10px}.simple-note-attachment-open{text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:pointer;background:0 0;border:0;max-width:260px;padding:0;font-size:12px;overflow:hidden;color:var(--p-text)!important}.simple-note-attachment-open:hover{text-decoration:underline}.simple-note-attachment-open:disabled{opacity:.6;cursor:wait}.simple-note-attachment-remove{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid;color:var(--p-muted)!important}.simple-note-attachment-remove:hover{background:color-mix(in srgb,var(--p-danger) 10%,transparent);color:var(--p-danger)!important}.simple-note-attachment-remove:disabled{opacity:.55;cursor:wait}.simple-note-editor-footer{border-top:1px solid var(--p-line);background:var(--p-panel2);justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.simple-note-collection{align-items:center;gap:9px;min-width:0;display:flex}.simple-note-collection>svg{color:var(--p-teal);flex:none}.simple-note-collection select{width:220px;height:38px;margin:0!important}.simple-note-new-collection-button,.simple-note-attachment-button{border:1px solid var(--p-line);background:var(--p-panel);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:6px;height:38px;padding:0 11px;display:flex}.simple-note-attachment-button:hover{border-color:color-mix(in srgb,var(--p-teal) 55%,var(--p-line));background:color-mix(in srgb,var(--p-teal) 8%,var(--p-panel));color:var(--p-teal)!important}.simple-note-attachment-button:disabled{opacity:.6;cursor:wait}.simple-note-attachment-input{display:none}.simple-note-editor-status{color:var(--p-muted);white-space:nowrap;margin-left:auto;font-size:11px}.simple-note-inline-collection{border:1px solid var(--p-line);background:var(--p-panel2);border-top:0;border-radius:0 0 12px 12px;align-items:center;gap:8px;padding:12px 16px;display:flex}.simple-note-inline-collection input{max-width:320px;height:38px;margin:0!important}.simple-note-inline-collection .pp-button{min-height:38px}.simple-note-error{margin-bottom:12px}@media (max-width:980px){.simple-note-editor-footer{align-items:flex-start}.simple-note-collection{flex-wrap:wrap}.simple-note-editor-status{margin-left:0}}@media (max-width:820px){.simple-notebook-layout{grid-template-columns:1fr}.simple-collections{position:static}.simple-collection-list{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-note-editor-footer{flex-direction:column;align-items:flex-start}.simple-note-collection{flex-wrap:wrap;width:100%}.simple-note-collection select{flex:1;min-width:180px}.simple-note-editor-status{margin-left:0}.simple-note-editor-head{flex-direction:column;align-items:flex-start}.simple-note-editor-actions{width:100%}.simple-note-editor-actions .pp-button{flex:1}}@media (max-width:560px){.simple-notebook-heading{flex-direction:column;align-items:flex-start}.simple-notebook-heading .pp-button{width:100%}.simple-collection-list,.simple-note-row{grid-template-columns:1fr}.simple-note-row-meta{text-align:left;align-items:flex-start}.simple-note-title{padding:20px 18px 14px!important;font-size:25px!important}.simple-note-content{min-height:430px;padding:8px 18px 22px!important}.simple-note-inline-collection{flex-direction:column;align-items:stretch}.simple-note-inline-collection input{max-width:none}.simple-note-editor-actions{flex-wrap:wrap}.simple-note-attachment-chip{width:100%}.simple-note-attachment-open{flex:1;max-width:none}.simple-note-new-collection-button,.simple-note-attachment-button{flex:1;justify-content:center}}
