:root{color:#202124;font-synthesis:none;background:#f4f5f7;font:14px/1.5 Segoe UI,system-ui,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:#202124;background:#fff;border:1px solid #dadce0;border-radius:4px;padding:6px 12px}button:hover:not(:disabled){background:#fce8e6}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:-2px;outline:2px solid #c5221f}.app{flex-direction:column;min-width:0;height:100vh;display:flex}.header{background:#fff;border-bottom:1px solid #dadce0;align-items:center;gap:12px;padding:10px 16px;display:flex}.brand-icon{color:#fff;background:#c5221f;border-radius:6px;place-items:center;width:38px;height:38px;font-size:27px;line-height:1;display:grid}.document-info{flex-direction:column;flex:1;min-width:0;display:flex}.title{color:#202124;border:0;outline:0;width:min(100%,400px);min-width:0;padding:0 4px;font-size:18px}.title:hover,.title:focus{background:#fce8e6;border-radius:4px}.save-status{color:#5f6368;padding-left:4px;font-size:11px}.actions{align-items:center;gap:8px;display:flex}button.primary{color:#fff;background:#c5221f;border-color:#c5221f}button.primary:hover:not(:disabled){background:#a50e0e}.toolbar{background:#fff;border-bottom:1px solid #dadce0;align-items:center;gap:6px;min-height:48px;padding:6px 12px;display:flex;overflow-x:auto}.toolbar button{white-space:nowrap;padding:5px 8px}.toolbar button.active-tool{color:#a50e0e;background:#fce8e6;border-color:#c5221f}.text-entry,.control{color:#5f6368;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.text-entry input{border:1px solid #dadce0;border-radius:4px;width:180px;padding:5px 7px}.control input[type=number]{border:1px solid #dadce0;border-radius:4px;width:56px;padding:4px}.control select{background:#fff;border:1px solid #dadce0;border-radius:4px;padding:4px 6px}.separator{background:#dadce0;flex-shrink:0;width:1px;height:24px;margin:0 2px}.toolbar-hint{color:#777;white-space:nowrap;margin-left:auto;font-size:12px}.notice{border-bottom:1px solid #e8eaed;justify-content:space-between;align-items:center;gap:10px;padding:5px 16px;font-size:12px;display:flex}.notice.error{color:#a50e0e;background:#fce8e6}.notice button{color:inherit;background:0 0;border:0;padding:0 4px;font-size:18px}.workspace{flex:1;min-height:0;display:flex}.sidebar{background:#fff;border-right:1px solid #dadce0;flex-direction:column;flex-shrink:0;width:210px;min-height:0;display:flex}.sidebar-header{border-bottom:1px solid #e8eaed;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.sidebar-header span{color:#5f6368;font-size:12px}.page-list{flex:1;padding:8px;overflow-y:auto}.page-thumb{text-align:left;border-color:#0000;align-items:flex-start;gap:8px;width:100%;margin-bottom:8px;padding:7px;display:flex}.page-thumb:hover:not(:disabled),.page-thumb.selected{background:#fce8e6}.thumb-number{color:#5f6368;text-align:center;flex:0 0 18px;width:18px;font-size:11px}.thumb-preview{aspect-ratio:.77;color:#9aa0a6;background:#f8f9fa;border:1px solid #dadce0;place-items:center;width:100%;font-size:10px;display:grid;overflow:hidden;box-shadow:0 1px 3px #0002}.page-thumb.selected .thumb-preview{outline:2px solid #c5221f}.editor-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.editor-heading{color:#5f6368;background:#fff;border-bottom:1px solid #e8eaed;justify-content:space-between;align-items:center;gap:10px;padding:8px 18px;font-size:12px;display:flex}.zoom-controls{align-items:center;gap:8px;display:flex}.zoom-controls button{min-width:30px;padding:2px 6px;font-size:17px}.zoom-controls span{text-align:center;min-width:42px}.canvas-wrap{flex:1;justify-content:center;align-items:flex-start;padding:24px;display:flex;overflow:auto}.page-canvas{background:#fff;flex:none;position:relative;box-shadow:0 2px 10px #0003}.page-canvas.placement-mode{cursor:crosshair}.page-canvas canvas{display:block}.text-annotation{color:inherit;white-space:pre;text-align:left;background:0 0;border:0;border-radius:0;padding:0;font-family:Arial,sans-serif;line-height:1.15;position:absolute;transform:translateY(-100%)}.text-annotation:hover:not(:disabled),.text-annotation.selected{background:#fff8;outline:1px dashed #c5221f}.hint{color:#5f6368;text-align:center;margin:0;padding:8px 20px 14px;font-size:12px}.empty-state{color:#5f6368;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.empty-state.drag-active{outline-offset:-12px;background:#fce8e6;outline:2px dashed #c5221f}.empty-state h1{color:#202124;margin:14px 0 4px;font-size:24px;font-weight:500}.empty-state p{margin:0 0 18px}.empty-state>span{margin-top:10px;font-size:12px}.empty-icon{color:#c5221f;border:2px solid #c5221f;border-radius:5px;place-items:center;width:64px;height:76px;font-weight:700;display:grid}@media (width<=800px){.header{flex-wrap:wrap}.actions{flex-wrap:wrap;width:100%}.toolbar{flex-wrap:wrap}.toolbar-hint{display:none}.sidebar{width:140px}.canvas-wrap{justify-content:flex-start;padding:12px}}