.pe-subtitle{text-align:center;color:var(--color-text-sub, #5b6472);font-size:14px;margin:-6px 0 0;line-height:1.7}.pe-tip{text-align:center;color:var(--color-text-sub, #5b6472);font-size:13px;margin-top:10px;min-height:20px}.pe-tip.error{color:#e5484d}.pe-steps{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0 22px;font-size:13px;color:var(--color-text-sub, #5b6472)}.pe-steps .pe-step{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--bg-item, #f4f6fa);border:1px solid var(--color-border-light, #e3e8f0)}.pe-steps .pe-step i{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:12px;font-weight:700;background:var(--color-primary, #2563eb);color:#fff}.pe-steps .pe-step.active{background:var(--color-gradient, linear-gradient(135deg, #2563eb, #1d4ed8));border-color:transparent;color:#fff;box-shadow:var(--shadow-sm, 0 1px 3px rgba(16, 24, 40, .08))}.pe-steps .pe-step.active i{background:#ffffff47}.pe-steps .pe-step.done i{background:#12b76a}.pe-steps .pe-step.nav{cursor:pointer;transition:var(--hover-time, .5s)}.pe-steps .pe-step.nav:hover{border-color:var(--color-primary, #2563eb);color:var(--color-primary, #2563eb)}.pe-steps .arrow{color:var(--color-border-light, #e3e8f0)}.pe-layout{display:flex;gap:18px;align-items:flex-start}.pe-aside{flex:0 0 300px;display:flex;flex-direction:column;gap:14px}.pe-main{flex:1 1 auto;min-width:0}.pe-section,.pe-actions{background:var(--bg-item, #f4f6fa);border:1px solid var(--color-border-light, #e3e8f0);border-radius:4px;padding:14px}.pe-section h3{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--color-text-main, #1b2a4a)}.pe-hint{font-size:12px;line-height:1.7;color:var(--color-text-sub, #5b6472);margin:0 0 10px}.pe-field{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.pe-field label{flex:0 0 44px;font-size:13px;color:var(--color-text-main, #1b2a4a)}.pe-field label.pe-sub{flex:0 0 auto;font-size:12px;color:var(--color-text-sub, #5b6472)}.pe-field select,.pe-input{flex:1 1 auto;min-width:0;height:32px;padding:0 8px;border:1px solid var(--color-border-light, #e3e8f0);border-radius:4px;background:#fff;color:var(--color-text-main, #1b2a4a);font-size:13px}.pe-field textarea{flex:1 1 auto;min-width:0;min-height:62px;padding:6px 8px;border:1px solid var(--color-border-light, #e3e8f0);border-radius:4px;background:#fff;color:var(--color-text-main, #1b2a4a);font-size:13px;resize:vertical;font-family:inherit}.pe-num{width:72px;height:32px;padding:0 8px;border:1px solid var(--color-border-light, #e3e8f0);border-radius:4px;background:#fff;font-size:13px;color:var(--color-text-main, #1b2a4a)}input[type=color].pe-num,.pe-field input[type=color]{width:44px;height:32px;padding:2px;border:1px solid var(--color-border-light, #e3e8f0);border-radius:4px;background:#fff;cursor:pointer}.pe-seg{display:inline-flex;border:1px solid var(--color-border-light, #e3e8f0);border-radius:4px;overflow:hidden}.pe-seg button{min-width:34px;height:30px;padding:0 9px;border:0;background:#fff;color:var(--color-text-main, #1b2a4a);font-size:13px;cursor:pointer;border-right:1px solid var(--color-border-light, #e3e8f0);transition:var(--hover-time, .5s)}.pe-seg button:last-child{border-right:0}.pe-seg button.selected,.pe-seg button.on{background:var(--color-primary, #2563eb);color:#fff}.pe-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.pe-tabs button{padding:5px 12px;border:1px solid var(--color-border-light, #e3e8f0);border-radius:4px;background:#fff;color:var(--color-text-main, #1b2a4a);font-size:13px;cursor:pointer;transition:var(--hover-time, .5s)}.pe-tabs button.selected{background:var(--color-primary, #2563eb);border-color:var(--color-primary, #2563eb);color:#fff}.pe-btn{height:34px;padding:0 14px;border:1px solid var(--color-border-light, #e3e8f0);border-radius:4px;background:#fff;color:var(--color-text-main, #1b2a4a);font-size:13px;cursor:pointer;transition:var(--hover-time, .5s)}.pe-btn:hover:not(:disabled){border-color:var(--color-primary, #2563eb);color:var(--color-primary, #2563eb)}.pe-btn:disabled{opacity:.55;cursor:not-allowed}.pe-btn.primary{background:var(--color-primary, #2563eb);border-color:var(--color-primary, #2563eb);color:#fff;font-weight:600}.pe-btn.primary:hover:not(:disabled){filter:brightness(1.08);color:#fff}.pe-btn.wide{width:100%}.pe-btn.drawing{background:#e8590c;border-color:#e8590c;color:#fff}.pe-status{margin-top:8px;font-size:12px;line-height:1.6;color:var(--color-text-sub, #5b6472);min-height:18px;word-break:break-all}.pe-status.error{color:#e5484d}.pe-elements{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}.pe-element-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--color-border-light, #e3e8f0);border-radius:4px;background:#fff;font-size:12px;cursor:pointer;transition:var(--hover-time, .5s)}.pe-element-item:hover{border-color:var(--color-primary, #2563eb)}.pe-element-item .txt{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-element-item .del{flex:0 0 auto;border:0;background:none;color:#e5484d;cursor:pointer;font-size:13px;padding:0 2px}.pe-empty{font-size:12px;color:var(--color-text-sub, #5b6472);padding:6px 0}.pe-img-preview{margin-top:8px;min-height:0}.pe-img-preview img{max-width:100%;max-height:90px;border:1px solid var(--color-border-light, #e3e8f0);border-radius:4px}.pe-preview-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;color:var(--color-text-sub, #5b6472);flex-wrap:wrap}.pe-preview-head .pe-file-name{font-weight:600;color:var(--color-text-main, #1b2a4a);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-preview{position:relative;max-height:76vh;overflow:auto;background:#eef1f6;border:1px solid var(--color-border-light, #e3e8f0);border-radius:4px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:14px}.pe-preview .pe-placeholder{padding:40px 0;font-size:13px;color:var(--color-text-sub, #5b6472)}.pe-page{position:relative;box-shadow:0 1px 6px #10182824;background:#fff}.pe-page canvas{display:block;width:100%;height:auto}.pe-overlay{position:absolute;inset:0;overflow:hidden}.pe-block-bg{position:absolute;pointer-events:none;background:transparent}.pe-block{position:absolute;margin:0;padding:0;outline:none;white-space:pre-wrap;overflow:hidden;background:transparent;cursor:text;line-height:1.25;word-break:break-word;border:1px solid transparent;transition:background-color .15s,border-color .15s}.pe-block:hover{background:#2563eb0f;border-color:#2563eb59}.pe-block.selected{background:#ffffffeb;border-color:var(--color-primary, #2563eb);z-index:5;height:auto!important;min-height:8px;overflow:visible!important}.pe-block.changed:after{content:"";position:absolute;left:2px;bottom:2px;width:5px;height:5px;border-radius:50%;background:#e8590c}.pe-block.overflow{border-color:#e5484d;background:#e5484d14}.pe-element{position:absolute;border:1px dashed var(--color-primary, #2563eb);background:#2563eb0f;cursor:move;overflow:hidden}.pe-element.selected{border-style:solid;border-color:#e8590c;z-index:6}.pe-element img{width:100%;height:100%;display:block}.pe-element .pe-el-text{width:100%;height:100%;overflow:hidden;white-space:pre-wrap;word-break:break-word}.pe-element .pe-el-del{position:absolute;top:-10px;right:-10px;width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;border:1px solid #e5484d;background:#fff;color:#e5484d;font-size:13px;cursor:pointer;display:none;z-index:7}.pe-element:hover .pe-el-del,.pe-element.selected .pe-el-del{display:block}.pe-drawing{cursor:crosshair!important;user-select:none}.pe-draw-box{position:absolute;border:1px dashed #e8590c;background:#e8590c1f;pointer-events:none;z-index:20}@media(max-width:1000px){.pe-layout{flex-direction:column}.pe-aside{flex:1 1 auto;width:100%;order:2}.pe-main{width:100%;order:1}.pe-preview{max-height:none;padding:8px}.pe-field label{flex:0 0 40px}}@media(max-width:720px){.pe-preview{align-items:flex-start}.pe-preview-head .pe-preview-hint{display:none}}