/* A paper document and a quiet collaboration rail, only inside the notebook. */
#workspaceDialog .sg-workspace{padding:8px 0 24px;min-width:0}.sg-project-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sg-project-heading h3{font:600 clamp(24px,3vw,32px)/1.3 Spectral,Georgia,serif;margin:12px 0;flex:1;min-width:160px}.sg-badge,.sg-permission{font:600 12px/1.4 system-ui;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--teal);white-space:nowrap}.sg-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start;margin-top:20px}.sg-sheet{min-height:500px;background:#fff;color:#25272d;border:1px solid #dcdde5;border-radius:5px;box-shadow:0 12px 36px #0002;padding:clamp(20px,3vw,42px);font:18px/1.75 Georgia,serif;overflow-wrap:anywhere;min-width:0}.sg-contribution{padding:18px 0 28px;border-bottom:1px solid #e6e8ef;margin-bottom:16px}.sg-contribution:last-child{border-bottom:0;margin-bottom:0}.sg-byline{display:flex;gap:10px;align-items:center;position:static;padding:0;margin:0 0 14px;color:#4b5268;font:12px/1.5 system-ui;background:none;height:auto;overflow:visible}.sg-byline strong{font-size:13px;display:block;color:#252e4a}.sg-byline small{display:block;color:#667084;font-size:11px}.sg-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;background:#e7ebfc;color:#42578f;font:600 11px system-ui}.sg-source{color:#5f6679;font:12px/1.6 system-ui;margin:12px 0 6px}.sg-citation{color:#56628b;font:13px/1.5 system-ui}.sg-contribution blockquote{font:18px/1.75 Georgia,serif;margin:14px 0;padding:8px 18px;background:#f3f5fc;border-left:3px solid #9cafe7;color:#30374b;white-space:pre-wrap}.sg-editor{min-height:150px;padding:12px 14px;border:1px solid #b9c5e3;background:#fff;color:#25272d;border-radius:5px;outline-offset:2px;white-space:normal}.sg-editor:empty:before{content:attr(data-placeholder);color:#7b8090;pointer-events:none}.sg-prose p,.sg-editor p{margin:0 0 14px}.sg-prose h2,.sg-editor h2{font:600 23px/1.4 Georgia,serif}.sg-sheet .ws-button{font:600 12px system-ui;min-height:38px;padding:7px 10px;background:#eff2fa;color:#3a4773;border-color:#d7ddeb}.sg-sheet .ws-button.primary{background:#dce4ff;color:#253563;border-color:#c3cff5}.sg-status{font:13px/1.6 system-ui;color:var(--muted);min-height:20px;margin:8px 0}.sg-aside{font:13px/1.6 system-ui;min-width:0;display:flex;flex-direction:column;gap:18px}.sg-aside h4{margin:0 0 10px;font-size:13px}.sg-aside label{display:flex;flex-direction:column;gap:6px;margin:10px 0}.sg-aside input,.sg-aside select{width:100%;max-width:100%;box-sizing:border-box;min-height:44px}.sg-aside summary{cursor:pointer;font-weight:650;min-height:36px}.sg-aside details{border-top:1px solid var(--line);padding-top:12px}.sg-member{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:8px 0}.sg-member strong{font-size:12px;flex:1;overflow-wrap:anywhere;min-width:90px}.sg-member select{width:auto;flex:1;min-width:100px;font-size:12px}.sg-member .ws-button{font-size:11px;padding:5px 8px;min-height:36px}.sg-role{font-size:11px;color:var(--muted)}.sg-invite-form a{display:inline-block;text-decoration:none;box-sizing:border-box;margin:8px 0}.sg-invitations{border:1px solid var(--line);border-left:3px solid var(--reader-accent);border-radius:12px;padding:18px;margin-bottom:20px}.sg-invite{padding:8px 0;border-bottom:1px solid var(--line)}.sg-read-only{font-size:13px;color:var(--teal);padding:10px 14px;border:1px solid var(--line);border-radius:10px}.sg-conflict{background:#fff0dc;border:1px solid #d3a464;border-radius:8px;padding:14px;color:#614012;font:13px/1.6 system-ui;margin:12px 0}.sg-conflict .ws-button{margin:4px}.sg-remote-preview{background:#fff;padding:16px;border:1px solid #decaa8;max-height:300px;overflow:auto}.sg-results{max-height:420px;overflow:auto}.sg-results article{border-top:1px solid var(--line);padding:12px 0}.sg-results blockquote{font-size:13px;margin:10px 0;white-space:pre-wrap}.sg-empty{color:#666e81;text-align:center;padding:50px 10px}.sg-empty h3{font:600 26px Georgia,serif;color:#303c5e}
#workspaceDialog .ws-draft-paper{background:#fff;border-color:#dcdde5;color:#25272d;border-radius:5px;box-shadow:0 12px 36px #0002}#workspaceDialog .ws-writing-desk>.ws-row{background:var(--panel2);border:1px solid var(--line);border-radius:12px}#workspaceDialog .ws-writing-desk h3{font:600 24px/1.4 Spectral,Georgia,serif}
@media(max-width:980px){.sg-layout{grid-template-columns:minmax(0,1fr)}.sg-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sg-aside>.sg-picker{grid-column:1/-1}.sg-sheet{min-height:380px}}@media(max-width:600px){.sg-aside{display:flex}.sg-sheet{padding:18px;font-size:17px}.sg-contribution blockquote{font-size:17px;padding-left:12px}.sg-project-heading h3{flex-basis:100%}.sg-byline small{font-size:10px}.sg-sheet .ws-row{gap:5px}.sg-sheet .ws-button{font-size:11px}.sg-layout{gap:16px}}

.sg-qr{margin-top:16px}.sg-qr img{display:block;max-width:100%;height:auto;background:white;border-radius:8px}.sg-qr .ws-button{display:inline-block;margin-top:10px}

.project-format-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:8px;padding:12px;background:var(--panel2,#f0f2f6);border:1px solid var(--line,#d1d7e0);border-radius:10px;width:100%;box-sizing:border-box;color:var(--ink,#24303c);font:12px/1.4 system-ui}.project-format-toolbar label{display:flex;flex-direction:column;gap:4px;margin:0}.project-format-toolbar select{max-width:175px;min-height:36px;font:13px system-ui;border:1px solid var(--line,#bbc4ce);border-radius:6px;background:var(--panel,#fff);color:var(--ink,#24303c);padding:4px 6px}.project-format-buttons{display:flex;flex-wrap:wrap;gap:3px}.project-format-buttons button{min-width:36px;min-height:36px;border:1px solid var(--line,#bbc4ce);border-radius:6px;background:var(--panel,#fff);color:var(--ink,#24303c);font:600 13px system-ui;cursor:pointer}.project-format-toolbar input[type=color]{width:44px;height:36px;padding:2px;border:1px solid var(--line,#bbc4ce);border-radius:6px}.project-word-count{margin-left:auto;align-self:center;color:var(--muted,#66707c);white-space:nowrap}#workspaceDialog .ws-draft-paper,.sg-editor{font-family:'Times New Roman',Times,serif;font-size:12pt;line-height:1.5}#workspaceDialog .ws-writing-desk>.ws-row{flex-wrap:wrap}.sg-sheet .project-format-toolbar{--panel:#fff;--panel2:#f0f2f6;--ink:#24303c;--muted:#66707c;--line:#cdd4df}.sg-sheet .project-format-toolbar button{background:#fff;color:#24303c} @media(pointer:coarse){.project-format-buttons button,.project-format-toolbar select{min-height:44px;min-width:40px}}

/* An editor is one frame: tools occupy their own row above the writing surface. */
#workspaceDialog .project-writing-frame{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #cdd2df;border-radius:10px;background:#fff;box-shadow:0 10px 32px #0002;overflow:hidden;margin:14px 0 22px;--panel:#fff;--panel2:#f0f2f6;--ink:#24303c;--muted:#66707c;--line:#cdd4df}
#workspaceDialog .project-editor-controls{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:0 0 auto;padding:8px;margin:0;background:#f0f2f6;color:#24303c;border:0;border-bottom:1px solid #cdd2df;box-shadow:none;z-index:auto}
#workspaceDialog .project-editor-controls .project-format-toolbar{position:static;flex:1 1 100%;width:100%;max-width:100%;min-width:0;padding:0;border:0;border-radius:0;box-shadow:none;gap:8px;background:transparent;color:#24303c}
#workspaceDialog .project-editor-controls .project-format-toolbar label{flex:0 1 auto;min-width:0;max-width:100%;gap:3px;color:#4b5268;font:12px/1.4 system-ui}
#workspaceDialog .project-editor-controls :is(select,input){min-width:0;min-height:36px;background:#fff;color:#24303c;border-color:#cdd4df}
#workspaceDialog .project-editor-controls .project-format-buttons{flex:1 1 220px;min-width:0}
#workspaceDialog .project-editor-controls button{color:#24303c;background:#fff;border-color:#cdd4df}
#workspaceDialog .project-editor-controls>.ws-button{font:600 12px system-ui;min-height:36px;padding:6px 12px}
#workspaceDialog .project-editor-controls>.ws-button.primary{background:#dce4ff;color:#253563}
#workspaceDialog .project-writing-frame>.ws-draft-paper,#workspaceDialog .project-writing-frame>.sg-editor{position:static;flex:1 1 auto;min-height:320px;max-height:60dvh;max-width:none;width:100%;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;margin:0;border:0;border-radius:0;box-shadow:none;background:#fff;color:#25272d;padding:clamp(22px,4vw,56px);scroll-padding-block:24px;outline-offset:-3px}
@media(max-width:680px){#workspaceDialog .project-editor-controls .project-format-toolbar{max-height:30dvh;overflow:auto;overscroll-behavior:contain;padding:2px}#workspaceDialog .project-writing-frame>.ws-draft-paper,#workspaceDialog .project-writing-frame>.sg-editor{min-height:240px;max-height:55dvh;padding:22px}#workspaceDialog .project-editor-controls :is(button,select){min-height:40px}}

/* The whole writing frame fits in the content panel; focus cannot push tools above it. */
#workspaceDialog .project-writing-frame{height:min(640px,max(180px,calc(var(--workspace-content-height,520px) - 24px)));max-height:none}
#workspaceDialog .project-writing-frame>.project-editor-controls{max-height:55%;overflow:auto;overscroll-behavior:contain}
#workspaceDialog .project-writing-frame>.ws-draft-paper,#workspaceDialog .project-writing-frame>.sg-editor{min-height:80px;max-height:none;height:auto}