*{box-sizing:border-box}body{margin:0;font-family:sans-serif;display:flex;height:100vh;overflow:hidden}#sidebar{width:186px;flex-shrink:0;height:100vh;overflow-y:auto;background:#1e1e2e;color:#cdd6f4;display:flex;flex-direction:column;z-index:20}.sidebar-title{font-size:13px;font-weight:700;padding:14px 14px 12px;color:#cba6f7;letter-spacing:.03em;border-bottom:1px solid #313244;display:flex;align-items:center;justify-content:space-between}.sidebar-section{padding:10px;border-bottom:1px solid #313244;display:flex;flex-direction:column;gap:5px}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6c7086;margin-bottom:2px}#sidebar .sidebar-section button,#sidebar .sidebar-btn{background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:5px;padding:6px 9px;font-size:12px;cursor:pointer;text-align:left;display:block;width:100%;transition:background .1s}#sidebar .sidebar-section button:hover,#sidebar .sidebar-btn:hover{background:#45475a}#sidebar input[type=file]{display:none}.btn-danger{background:#3b1e2c!important;border-color:#5e2d44!important;color:#f38ba8!important}.btn-danger:hover{background:#5e2d44!important}#editHint{font-size:11px;color:#6c7086;margin:2px 0 0;font-style:italic;line-height:1.4}#main{flex:1;overflow-y:auto;height:100vh;background:#888;padding:10px}#viewer{position:relative;width:fit-content;margin:0 auto}.page{position:relative;overflow:hidden;background:#fff;margin:10px auto;box-shadow:0 2px 8px #00000059}.canvasWrapper{position:absolute;inset:0}.textLayer{position:absolute;inset:0;overflow:hidden;opacity:.2;line-height:1}.textLayer span,.textLayer br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.annotationLayer{position:absolute;inset:0}.annotationLayer section{position:absolute}.field-wrap{position:absolute;z-index:5;display:flex;align-items:flex-start;gap:3px}.drag-handle{cursor:grab;color:#666;font-size:15px;padding:1px 3px;background:#0000001a;border-radius:3px;line-height:1.6;user-select:none;touch-action:none;flex-shrink:0}.drag-handle:active{cursor:grabbing}.field-text{background:#ffffa0d9;border:1px dashed #aaa;padding:2px 4px;font-size:12px;min-width:120px;font-family:inherit}.field-textarea{background:#ffffa0d9;border:1px dashed #aaa;padding:2px 4px;font-size:12px;min-width:140px;min-height:48px;resize:both;font-family:inherit}.field-label{font-size:10px;background:#00000094;color:#fff;padding:1px 5px;border-radius:3px;pointer-events:none;white-space:nowrap;line-height:1.7}.del-btn{background:#d00;color:#fff;border:none;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:1;padding:0;cursor:pointer;flex-shrink:0;margin-top:1px}.edit-only{display:none}#popup{position:absolute;display:none;z-index:10;background:#fff;border:1px solid #bbb;border-radius:5px;padding:8px;box-shadow:0 3px 12px #0000002e;gap:5px;align-items:center;flex-wrap:wrap}#popup input[type=text]{padding:3px 5px;font-size:12px}#popup select{padding:3px 4px;font-size:12px}#popup button{padding:3px 8px;font-size:12px;cursor:pointer}#fieldName{width:140px}.help-btn{background:none;border:1px solid #45475a;color:#6c7086;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;line-height:1;padding:0;cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s}.help-btn:hover{color:#cba6f7;border-color:#cba6f7}.sidebar-footer{margin-top:auto;padding:12px 10px;border-top:1px solid #313244;display:flex;flex-direction:column;gap:8px}.footer-link{display:flex;align-items:center;gap:5px;font-size:11px;color:#6c7086;text-decoration:none;transition:color .15s}.footer-link:hover{color:#cba6f7}.modal-overlay{position:fixed;inset:0;background:#0009;z-index:200;display:flex;align-items:center;justify-content:center}.modal-overlay.hidden{display:none}.modal{background:#1e1e2e;color:#cdd6f4;border:1px solid #45475a;border-radius:10px;width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 12px 40px #0000008c}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 14px;border-bottom:1px solid #313244;font-weight:700;font-size:15px;color:#cba6f7;position:sticky;top:0;background:#1e1e2e}.modal-close{background:none;border:none;color:#6c7086;cursor:pointer;font-size:15px;padding:2px 4px;line-height:1}.modal-close:hover{color:#cdd6f4}.modal-steps{padding:16px 20px 12px;display:flex;flex-direction:column;gap:16px}.step{display:flex;gap:13px;align-items:flex-start}.step-num{flex-shrink:0;width:22px;height:22px;background:#313244;color:#cba6f7;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.step strong{display:block;font-size:13px;color:#cdd6f4;margin-bottom:3px}.step p{margin:0;font-size:12px;color:#a6adc8;line-height:1.55}.step em{color:#cba6f7;font-style:normal}.modal-got-it{display:block;width:calc(100% - 40px);margin:4px 20px 20px;padding:9px;background:#cba6f7;color:#1e1e2e;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.modal-got-it:hover{background:#b48ee8}@media print{#sidebar,.modal-overlay{display:none!important}body{display:block;height:auto;overflow:visible}#main{overflow:visible;height:auto;padding:0;background:#fff}#viewer{margin:0}.page{box-shadow:none;margin:0;page-break-after:always;print-color-adjust:exact;-webkit-print-color-adjust:exact}.page:last-child{page-break-after:auto}.field-text,.field-textarea{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;padding:0!important;-webkit-appearance:none!important;appearance:none!important}input[type=checkbox],input[type=radio]{print-color-adjust:exact;-webkit-print-color-adjust:exact}.edit-only,#popup{display:none!important}}