.pe-root{--pe-accent:var(--accent,#168f84);--pe-surface:var(--surface,#fff);--pe-surface-2:var(--surface-2,#eef5f6);--pe-ink:var(--ink,#10202a);--pe-muted:var(--muted,#526976);--pe-line:var(--line,#d8e4e7);--pe-bg:var(--bg,#f7fbfc);--pe-shadow:var(--shadow,0 14px 34px #10202a1a);color:var(--pe-ink);border:1px solid var(--pe-line);background:var(--pe-bg);height:82vh;min-height:560px;max-height:900px;box-shadow:var(--pe-shadow);border-radius:18px;flex-direction:column;font-family:inherit;display:flex;overflow:hidden}.pe-root *{box-sizing:border-box}.pe-upload-screen{justify-content:center;align-items:center;height:460px;min-height:0}.pe-dropzone{text-align:center;border:2px dashed var(--pe-line);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;margin:16px;padding:32px;transition:border-color .15s,background-color .15s;display:flex}.pe-dropzone.drag-active{border-color:var(--pe-accent);background:var(--pe-surface-2)}.pe-dropzone-icon{font-size:42px}.pe-dropzone h2{margin:4px 0;font-size:20px}.pe-dropzone p{color:var(--pe-muted);max-width:420px;margin:0 0 10px;font-size:14px;line-height:1.5}.pe-dropzone-btn{background:var(--pe-accent);color:#fff;cursor:pointer;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:700}.pe-dropzone-btn input{display:none}.pe-error{color:#b74242;margin-top:8px;font-size:13px}.pe-error-banner{background:#b7424214;margin:0;padding:8px 16px}.pe-warning-banner{color:var(--pe-ink);border-bottom:1px solid var(--pe-line);background:#f2a5411f;margin:0;padding:7px 16px;font-size:12.5px;line-height:1.5}.pe-toolbar{background:var(--pe-surface);border-bottom:1px solid var(--pe-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.pe-toolbar-group{align-items:center;gap:6px;display:flex}.pe-toolbar button,.pe-toolbar-file-btn{border:1px solid var(--pe-line);background:var(--pe-surface);color:var(--pe-ink);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:5px;padding:7px 12px;font-size:13px;display:inline-flex}.pe-toolbar button.active{background:var(--pe-accent);border-color:var(--pe-accent);color:#fff}.pe-toolbar-file-btn input{display:none}.pe-toolbar-filename{color:var(--pe-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12.5px;overflow:hidden}.pe-toolbar-save{font-weight:700;background:var(--pe-accent)!important;border-color:var(--pe-accent)!important;color:#fff!important}.pe-toolbar-save:disabled{opacity:.6;cursor:default}.pe-workspace{flex:1;min-height:0;display:flex}.pe-sidebar{border-right:1px solid var(--pe-line);background:var(--pe-surface);flex-direction:column;flex-shrink:0;width:168px;display:flex;overflow:hidden}.pe-sidebar-header{color:var(--pe-muted);border-bottom:1px solid var(--pe-line);justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.pe-undo-redo button{border:1px solid var(--pe-line);background:var(--pe-surface-2);cursor:pointer;border-radius:6px;width:24px;height:24px;margin-left:4px;font-size:13px}.pe-page-list{flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow-y:auto}.pe-thumb{cursor:grab;background:var(--pe-surface-2);border:2px solid #0000;border-radius:10px;overflow:hidden}.pe-thumb.selected{border-color:var(--pe-accent)}.pe-thumb.drag-over{border-color:var(--pe-accent);box-shadow:0 0 0 2px var(--pe-accent) inset}.pe-thumb-image{background:var(--pe-bg);justify-content:center;align-items:center;min-height:60px;display:flex}.pe-thumb-image img{width:100%;display:block}.pe-thumb-loading{background:linear-gradient(90deg, var(--pe-surface-2), var(--pe-line), var(--pe-surface-2));width:100%;height:80px}.pe-thumb-footer{color:var(--pe-muted);justify-content:space-between;align-items:center;padding:4px 6px;font-size:11px;display:flex}.pe-thumb-actions{gap:4px;display:flex}.pe-thumb-actions button{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px}.pe-thumb-actions button:hover{background:var(--pe-line)}.pe-thumb-actions button:disabled{opacity:.3;cursor:default}.pe-main{background:var(--pe-bg);flex:1;justify-content:center;align-items:flex-start;padding:20px;display:flex;overflow:auto}.pe-canvas-empty,.pe-canvas-loading{color:var(--pe-muted);padding:40px;font-size:14px}.pe-canvas-scroll{justify-content:center;width:100%;display:flex}.pe-canvas{box-shadow:var(--pe-shadow);background:#fff;border-radius:4px;position:relative}.pe-canvas-placing{cursor:crosshair}.pe-canvas-page{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.pe-detect-loading{z-index:5;color:#fff;background:#10202ad9;border-radius:999px;padding:5px 10px;font-size:12px;position:absolute;top:8px;left:8px}.pe-detected-text{cursor:pointer;z-index:2;background:#168f8414;border:1.5px dashed #168f84a6;margin:0;padding:0;position:absolute}.pe-detected-text:hover{background:#168f8438;border-style:solid}.pe-overlay-redact{border-radius:1px;position:absolute;inset:-2px -4px}.pe-overlay-text-edit .pe-overlay-text{z-index:1;position:relative}.pe-overlay{cursor:move;z-index:3;outline:1px dashed #0000;position:absolute}.pe-overlay:hover{outline-color:var(--pe-accent)}.pe-overlay.selected{outline:2px solid var(--pe-accent)}.pe-overlay-text-edit{cursor:text;outline:1px dashed #0000}.pe-overlay-text-edit:hover{outline-color:#168f8459}.pe-overlay-text-edit.selected{outline:1px solid var(--pe-accent)}.pe-overlay-text{white-space:pre;width:100%;height:100%;padding:2px;line-height:1.2;overflow:visible}.pe-overlay-text-editable{cursor:text;outline:none;display:inline-block}.pe-overlay-rect{box-sizing:border-box;border-style:solid;width:100%;height:100%}.pe-overlay-image{object-fit:contain;pointer-events:none;width:100%;height:100%}.pe-overlay-delete{color:#fff;cursor:pointer;opacity:.85;background:#e0342c;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:flex;position:absolute;top:-10px;right:-10px}.pe-overlay-delete:hover{opacity:1}.pe-overlay-resize-handle{background:var(--pe-accent);cursor:nwse-resize;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-6px;right:-6px}.pe-properties-col{border-left:1px solid var(--pe-line);background:var(--pe-surface);flex-shrink:0;width:220px;overflow-y:auto}.pe-properties{padding:14px}.pe-properties h3{margin:0 0 12px;font-size:14px}.pe-properties-empty p{color:var(--pe-muted);font-size:13px;line-height:1.5}.pe-field{flex-direction:column;gap:4px;margin-bottom:12px;font-size:12.5px;display:flex}.pe-field span{color:var(--pe-muted);font-weight:600}.pe-field input,.pe-field textarea{border:1px solid var(--pe-line);background:var(--pe-surface);color:var(--pe-ink);border-radius:8px;padding:6px 8px;font-family:inherit;font-size:13px}.pe-field input[type=color]{cursor:pointer;height:34px;padding:2px}.pe-field-row{flex-direction:row;justify-content:space-between;align-items:center}.pe-field-row input{width:auto}.pe-hint{color:var(--pe-muted);font-size:12.5px;line-height:1.5}.pe-properties-delete{color:#b74242;cursor:pointer;background:#fdf1f1;border:1px solid #f3c6c6;border-radius:8px;width:100%;margin-top:6px;padding:8px;font-size:12.5px;font-weight:600}@media (width<=860px){.pe-root{height:78vh}.pe-sidebar{width:108px}.pe-properties-col{width:180px}.pe-toolbar-filename{display:none}}