:root{--bg:#f4f6f8;--surface:#fff;--line:#d9dee7;--text:#202124;--muted:#5f6368;--blue:#1a73e8;--octopus:#6f4fe8;--cardinal:#d23f57;--beaver:#9b6a1f;--fox:#c85b2b;--frog:#3f8f4f;--rabbit:#b45b84;--turtle:#607f3f;--moth:#7f6a9d;--whale:#2f7f9f;--shadow:0 2px 8px rgba(60,64,67,0.16)}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-family:Arial,Helvetica,sans-serif;font-size:14px}button{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 22px 8px;background:var(--surface);border-bottom:1px solid #e5e8ef}.doc-meta{min-width:0;display:flex;align-items:center;gap:12px}.doc-icon{width:32px;height:40px;flex:0 0 auto;border-radius:4px;background:linear-gradient(#fff 0 0) 9px 11px / 14px 2px no-repeat,linear-gradient(#fff 0 0) 9px 17px / 14px 2px no-repeat,linear-gradient(#fff 0 0) 9px 23px / 10px 2px no-repeat,var(--blue)}h1{margin:0 0 6px;font-size:18px;font-weight:500;letter-spacing:0}.menu-row{display:flex;gap:18px;color:var(--muted);font-size:13px}.presence{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.presence-chip{min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid currentColor;border-radius:999px;color:var(--chip-color);background:#fff;font-size:12px;white-space:nowrap}.presence-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.presence-chip.is-waiting{display:none}.presence-chip.is-left{color:#858b92;background:#f6f7f9}.octopus{--chip-color:var(--octopus)}.cardinal{--chip-color:var(--cardinal)}.beaver{--chip-color:var(--beaver)}.fox{--chip-color:var(--fox)}.frog{--chip-color:var(--frog)}.rabbit{--chip-color:var(--rabbit)}.turtle{--chip-color:var(--turtle)}.moth{--chip-color:var(--moth)}.whale{--chip-color:var(--whale)}.toolbar{min-height:42px;display:flex;align-items:center;gap:6px;padding:6px 20px;background:#fafbfd;border-bottom:1px solid #dfe3eb;overflow-x:auto}.toolbar button{height:28px;padding:0 10px;color:#303134;background:transparent;border:1px solid transparent;border-radius:4px}.toolbar button[aria-pressed="true"]{color:#174ea6;background:#e8f0fe;border-color:#bfd3fb}.tool-divider{width:1px;height:22px;margin:0 4px;background:#d3d8e1}.workspace{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:22px;padding:28px;overflow:auto}.page-wrap{position:relative;width:min(820px,100%);justify-self:center}.document-page{min-height:780px;padding:72px 82px;background:var(--surface);border:1px solid #e1e5ec;box-shadow:var(--shadow);outline:0;line-height:1.62}.document-page:focus{border-color:#b8cff7;box-shadow:0 0 0 2px rgba(26,115,232,0.14),var(--shadow)}.document-page h2{margin:0 0 28px;font-size:26px;font-weight:500;letter-spacing:0}.document-page h3{margin:26px 0 6px;font-size:15px;font-weight:700;letter-spacing:0}.document-page p{margin:0 0 18px;font-size:15px}.document-page span[data-line]{display:inline}.parking-lot{margin-top:42px;padding-top:18px;color:#3c4043;border-top:1px solid #e6e9ef}.parking-lot[hidden]{display:none}.parking-lot span[data-parking-slot]{display:inline-block;min-width:76px;margin:0 4px 18px 0;color:transparent;caret-color:var(--text);border-bottom:2px dotted #9aa0a6}.cursor-layer{position:absolute;inset:0;pointer-events:none}.collab-cursor{position:absolute;width:2px;height:1.55em;background:var(--cursor-color);border-radius:2px;transform:translateY(-2px)}.collab-label{position:absolute;left:0;bottom:calc(100% + 3px);min-width:max-content;padding:3px 7px;color:#fff;background:var(--cursor-color);border-radius:4px;font-size:11px;font-weight:700;line-height:1.25;white-space:nowrap}.activity-panel{align-self:start;min-height:340px;padding:18px;background:var(--surface);border-left:1px solid #dfe3eb}.activity-panel h2{margin:0 0 14px;font-size:15px;font-weight:700;letter-spacing:0}.activity-log{display:flex;flex-direction:column-reverse;gap:10px;margin:0;padding:0;list-style:none}.activity-log li{padding:9px 0;color:#3c4043;border-top:1px solid #edf0f5;line-height:1.35}.activity-log time{display:block;margin-bottom:2px;color:var(--muted);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:860px){.topbar{align-items:flex-start;flex-direction:column}.workspace{grid-template-columns:1fr;padding:18px}.document-page{min-height:680px;padding:44px 32px}.activity-panel{border-left:0;border-top:1px solid #dfe3eb}}