: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,input,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}.actions .downloadButton{grid-column:1/-1}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}.iconButton.dangerButton{color:#a43d32;background:#f7e8e5}.iconButton.dangerButton:hover:not(:disabled){background:#f1d6d1}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}.imageInspector{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:180px;padding:18px;display:flex}.imageInspector img{object-fit:contain;background:#f3f5f2;border:1px solid #dbe1dc;border-radius:6px;width:min(100%,180px);max-height:150px;margin-bottom:14px}.imageInspector strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.imageInspector span{color:#67736c;margin-top:4px;font-size:.82rem}.imageInspector p{color:#67736c;max-width:230px;margin:12px 0 0;font-size:.86rem;line-height:1.4}.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}.placingImage .pageFrame{cursor:crosshair}.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}.formFieldOverlay{margin:0;position:absolute;transform:translateY(-2px)}.formTextField{resize:none;color:#111915;background-color:#fffffff0;border:1px solid #225f44a6;border-radius:1px;outline:none;min-height:0;padding:1px 3px;line-height:1.05}.formTextField:hover{border-color:#225f44;box-shadow:0 0 0 1px #225f4440}.formTextField:focus{border-color:#225f44;box-shadow:0 0 0 2px #225f4447}.formTextField.comb{background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#225f4499 calc(100% - 1px));background-repeat:repeat-x;padding-right:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.formCheckbox{appearance:none;cursor:pointer;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:80% 80%;border:1px solid #225f44;border-radius:2px;outline:none}.formCheckbox:checked{background-color:#225f44;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")}.formCheckbox:focus-visible{box-shadow:0 0 0 3px #225f4447}.imageOverlay{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;outline:1px solid #225f4473;position:absolute}.imageOverlay:hover,.imageOverlay.selected{outline:2px solid #225f44}.imageOverlay img{pointer-events:none}.imageResizeHandle{opacity:0;pointer-events:none;background:#fff;border:2px solid #225f44;border-radius:50%;width:12px;height:12px;padding:0;position:absolute}.imageOverlay.selected .imageResizeHandle{opacity:1;pointer-events:auto}.imageResizeHandle.nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.imageResizeHandle.ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.imageResizeHandle.sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.imageResizeHandle.se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.placingImage .imageOverlay,.placingImage .formFieldOverlay,.placingImage .textHitbox{pointer-events:none}.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}}