.workspace { display:grid; grid-template-columns:240px minmax(0,1fr); align-items:start; padding-bottom:48px; gap:24px; }
.library { border:1px solid var(--line); }
.library-head { display:flex; align-items:center; justify-content:space-between; padding:16px; border-bottom:1px solid var(--line); }
.library-note,.library-help { padding:14px 16px; }
.library-help { border-top:1px solid var(--line); line-height:1.7; }
#doc-list { max-height:480px; overflow:auto; }
.doc-item { display:block; width:100%; text-align:left; border:0; border-top:1px solid var(--line-2); background:var(--bg); padding:14px 16px; cursor:pointer; }
.doc-item[aria-current="true"] { background:var(--bg-2); box-shadow:inset 3px 0 var(--accent); }
.doc-item strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.doc-item span { display:block; margin-top:5px; color:var(--fg-2); font-size:12px; }
.editor-panel { min-width:0; border:1px solid var(--line); }
.editor-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; border-bottom:1px solid var(--line); }
#editor-notice { margin:16px 20px; white-space:pre-wrap; overflow-wrap:anywhere; }
#shared-info { padding:16px 20px; border-bottom:1px solid var(--line-2); background:var(--bg-2); }
#peer-name { width:140px; min-width:0; padding:6px 8px; font-size:13px; }
#peers { overflow-wrap:anywhere; }
#doc-title { display:block; width:100%; padding:24px 24px 16px; border:0; background:var(--bg); font-size:26px; font-weight:600; border-radius:0; }
.text-toolbar { display:flex; flex-wrap:wrap; gap:6px; padding:0 20px 16px; border-bottom:1px solid var(--line-2); }
.text-toolbar .btn { padding:0 9px; }
#find-bar { padding:14px 20px; border-bottom:1px solid var(--line); background:var(--bg-2); }
.find-fields { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.find-fields .input { flex:1 1 150px; width:150px; min-width:0; }
#editor { display:block; width:100%; min-height:450px; height:53vh; resize:vertical; border:0; border-radius:0; background:var(--bg); padding:24px; line-height:1.85; font-size:16px; tab-size:2; outline-offset:-3px; }
.editor-bottom { padding:12px 20px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:12px; }
.text-action { border:0; background:none; color:var(--fg-2); font-size:12px; cursor:pointer; padding:3px 0; }
.text-action:hover { color:var(--danger); }
[hidden] { display:none !important; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
body.focus-text .library,body.focus-text .page-head,body.focus-text .footer { display:none; }
body.focus-text .workspace { grid-template-columns:minmax(0,1fr); padding-top:24px; }
body.focus-text #editor { height:65vh; }
@media(max-width:800px) { .workspace { grid-template-columns:minmax(0,1fr); gap:16px; } #doc-list { display:flex; max-height:110px; } .doc-item { width:180px; flex-shrink:0; border-right:1px solid var(--line-2); } .library-help { display:none; } .library-head { padding:12px 16px; } .library-note { padding:8px 16px; } }
@media(max-width:480px) { .workspace { padding-left:12px; padding-right:12px; } .page-head { padding:28px 0 20px; } .editor-top,#shared-info { padding:12px; } #doc-title { padding:20px 16px 14px; font-size:23px; } .text-toolbar { padding:0 12px 12px; } #editor { padding:16px; min-height:360px; } .editor-bottom { padding:12px; } }