/* Writing is part of the same workspace as the photo and book collections. */
.writing-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.writing-list-panel,.writing-editor-panel{background:#fff;border:1px solid #e1e5eb;border-radius:16px;box-shadow:0 8px 30px #25334708;min-width:0}.writing-list-panel{padding:18px;position:sticky;top:20px}.writing-list-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:15px}.writing-list-heading h2{font:23px var(--serif)}.writing-list-heading button{padding:7px 10px;font-size:12px}.writing-list-panel nav{display:grid;gap:7px;max-height:64vh;overflow:auto}.writing-list-panel nav>p{font-size:12px;line-height:1.7;color:#89919b;padding:15px 0}.nav-post{width:100%;text-align:left;padding:13px;border:1px solid transparent;border-radius:9px;background:#fff;color:#6a727d}.nav-post:hover,.nav-post.active{background:#f3f5f8;border-color:#e5e8ed;color:#232931}.nav-post strong{font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere}.nav-post span{display:block;font-size:11px;margin-top:6px;color:#8a929e}.writing-list-panel>.text-link{font-size:12px;margin-top:22px}.writing-editor-panel{padding:24px}.writing-editor-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #eceef2}.writing-editor-top>span{font-size:12px;line-height:1.6;color:#7d8692}.writing-editor-top>div{display:flex;gap:8px;flex-shrink:0}.writing-editor-top button{font-size:11px;padding:10px 12px}.writing-editor{margin-top:25px}.writing-editor .title-input,.writing-editor .subtitle-input{width:100%;border:0;outline:0;background:none;resize:none;overflow:hidden}.writing-editor .title-input{font:42px/1.15 var(--serif);letter-spacing:-1px;min-height:56px}.writing-editor .subtitle-input{font:20px/1.5 var(--serif);color:#8b939f;margin-top:10px}.writing-editor .editor-grid{display:flex;flex-direction:column;gap:24px;margin-top:25px}.writing-editor .toolbar{display:flex;gap:5px;padding:8px;border:1px solid #e2e6eb;border-radius:9px 9px 0 0;background:#f8f9fb}.writing-editor .toolbar button{min-width:32px;padding:7px;border-radius:5px;background:none}.writing-editor .toolbar button:hover{background:#e9edf2}.writing-editor .content-input{width:100%;min-height:440px;border:1px solid #e2e6eb;border-top:0;border-radius:0 0 9px 9px;padding:20px;font:14px/1.9 ui-monospace,SFMono-Regular,monospace;resize:vertical;background:#fff}.writing-editor .settings{border-top:1px solid #e9ecf1;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.writing-editor .settings h2{grid-column:1/-1;font:25px var(--serif)}.writing-editor .field{min-width:0}.writing-editor .field label{display:grid;gap:8px;font-size:12px;color:#697482}.writing-editor .field input,.writing-editor .field select,.writing-editor .field textarea{width:100%;min-width:0;padding:11px;border:1px solid #dce1e7;border-radius:8px;background:#fcfcfd;font:13px/1.5 var(--sans, 'DM Sans', sans-serif);color:#343b45}.writing-editor .field textarea{min-height:80px;resize:vertical}.writing-editor .access-help{font-size:11px;line-height:1.7;color:#929aa6;margin-top:7px}.writing-editor .cover-preview{width:100%;max-height:150px;object-fit:contain;background:#f4f6f8;border-radius:8px;margin:10px 0}.writing-editor .cover-upload{margin-top:10px}.writing-editor .cover-upload input{font-size:11px}.writing-workspace button:disabled{opacity:.55;cursor:wait}.writing-editor input:focus,.writing-editor textarea:focus,.writing-editor select:focus{outline:2px solid #8e9bab;outline-offset:2px}
@media(min-width:1600px){.writing-editor .editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px}.writing-editor .settings{grid-template-columns:1fr;border:0;padding:0}.writing-editor .settings h2{grid-column:auto}.writing-editor .content-input{min-height:650px}}
@media(max-width:1000px){.writing-layout{grid-template-columns:1fr}.writing-list-panel{position:static}.writing-list-panel nav{max-height:180px;grid-template-columns:repeat(2,minmax(0,1fr))}.writing-editor-top{flex-wrap:wrap}}
@media(max-width:550px){.writing-editor-panel{padding:18px}.writing-editor .settings{grid-template-columns:1fr}.writing-editor .settings h2{grid-column:auto}.writing-editor .title-input{font-size:34px}.writing-editor-top>div{flex-wrap:wrap;flex-shrink:1}.writing-list-panel nav{grid-template-columns:1fr}.writing-editor .content-input{padding:15px;font-size:13px}.writing-editor .subtitle-input{font-size:18px}}
