:root{color:#17211d;font-synthesis:none;text-rendering:optimizelegibility;background:#edf0ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{border:0}.appShell{grid-template-columns:var(--sidebar-width,320px) minmax(0, 1fr);min-height:100vh;display:grid}.sidePanel{background:#f8faf7;border-right:1px solid #d3d9d4;flex-direction:column;gap:18px;min-width:0;height:100vh;padding:22px;display:flex;position:sticky;top:0}.eyebrow{color:#5a685f;letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:.77rem;font-weight:700}h1{margin:0;font-size:1.75rem;line-height:1.1}.hiddenInput{display:none}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions button,.iconButton{color:#17211d;cursor:pointer;background:#e6ebe5;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.actions button:hover:not(:disabled),.iconButton:hover:not(:disabled){background:#dbe4dd}.actions .primaryButton{color:#fbfdf9;background:#225f44}.actions .primaryButton:hover:not(:disabled){background:#1b5139}button:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}.meta{background:#fff;border:1px solid #dbe1dc;border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:12px;display:grid}.meta>div{min-width:0}.meta strong,.meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.meta strong{font-size:.92rem}.meta span{color:#67736c;margin-top:3px;font-size:.82rem}.editorPanel{background:#fff;border:1px solid #dbe1dc;border-radius:8px;flex-direction:column;flex:1;min-height:220px;display:flex}.panelHeader{color:#435049;border-bottom:1px solid #e3e8e4;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.83rem;font-weight:700;display:flex}.iconButton{width:32px;min-height:32px}textarea{resize:none;color:#17211d;background:0 0;border:0;outline:none;flex:1;width:100%;min-height:180px;padding:12px;line-height:1.45}.stats{color:#67736c;justify-content:space-between;gap:12px;font-size:.86rem;display:flex}.resizeHandle{cursor:col-resize;background:0 0;border-radius:0;width:10px;height:100%;padding:0;position:absolute;top:0;right:-5px}.resizeHandle:after{content:"";background:0 0;width:1px;height:100%;position:absolute;top:0;right:4px}.resizeHandle:hover:after,.resizeHandle:focus-visible:after{background:#225f44}.documentStage{flex-direction:column;align-items:center;gap:28px;min-width:0;padding:34px;display:flex;overflow:auto}.documentStage.dragging{outline-offset:-18px;background:linear-gradient(#225f4412,#225f4412),#edf0ec;outline:2px dashed #225f44}.emptyState{color:#6c7770;place-content:center;justify-items:center;gap:12px;min-height:calc(100vh - 68px);font-weight:700;display:grid}.pageFrame{background:#fff;border:1px solid #cfd7d1;border-radius:5px;flex:none;position:relative;overflow:hidden;box-shadow:0 20px 50px #3a433d24}.pageFrame img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.textHitbox{color:#0000;text-align:left;white-space:pre;background:0 0;border-radius:2px;padding:0;font-family:Arial,Helvetica,sans-serif;line-height:1;display:block;position:absolute;overflow:hidden}.textHitbox:hover{background:#3e8a631f;outline:1px solid #3e8a63}.textHitbox.selected{background:#225f4426;outline:2px solid #225f44}.textHitbox.edited{color:#111915;background:#fff;outline:1px solid #b7791f}.textHitbox.selected.edited{outline:2px solid #225f44}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){.appShell{grid-template-columns:1fr}.sidePanel{height:auto;min-height:0;position:static}.resizeHandle{display:none}.editorPanel{min-height:180px}.documentStage{align-items:flex-start;padding:18px}}