.pwe-wrap{--pwe-navy:#0f172a;--pwe-blue:#2563eb;--pwe-sky:#e0f2fe;--pwe-green:#16a34a;--pwe-red:#dc2626;--pwe-border:#d9e2ef;--pwe-muted:#64748b;--pwe-soft:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;border:1px solid var(--pwe-border);border-radius:18px;overflow:hidden;box-shadow:0 18px 48px rgba(15,23,42,.12);color:#172033;min-height:var(--pwe-editor-height)}
.pwe-wrap *{box-sizing:border-box}.pwe-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff}.pwe-brand{display:flex;align-items:center;gap:12px}.pwe-brand-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff;color:#1e3a8a;font-weight:900;letter-spacing:.5px}.pwe-brand strong{display:block;font-size:18px}.pwe-brand small{display:block;color:#dbeafe;font-size:12px}.pwe-top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pwe-btn,.pwe-tool,.pwe-mini,.pwe-side-btn{appearance:none;border:1px solid var(--pwe-border);background:#fff;color:#172033;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer;transition:.18s ease;text-decoration:none;line-height:1.1}.pwe-btn:hover,.pwe-tool:hover,.pwe-mini:hover,.pwe-side-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.12)}.pwe-primary{background:#60a5fa;color:#071329;border-color:#93c5fd}.pwe-success{background:#22c55e;color:#052e16;border-color:#86efac}.pwe-dark{background:#111827;color:#fff;border-color:#334155}.pwe-danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.pwe-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 12px;background:#f8fafc;border-bottom:1px solid var(--pwe-border)}.pwe-control{height:36px;border:1px solid var(--pwe-border);border-radius:9px;padding:0 10px;background:#fff;font-weight:650}.pwe-small{width:72px}.pwe-color{width:38px;height:36px;border:1px solid var(--pwe-border);border-radius:9px;background:#fff;padding:3px}.pwe-tool{height:36px;padding:8px 10px}.pwe-tool.active{background:#dbeafe;border-color:#60a5fa;color:#1d4ed8}.pwe-file-label{display:inline-flex;align-items:center}.pwe-sep{height:28px;width:1px;background:#cbd5e1;margin:0 3px}.pwe-statusbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;background:#fff;border-bottom:1px solid var(--pwe-border)}.pwe-status{font-size:13px;color:#475569;font-weight:650}.pwe-view-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pwe-mini{font-size:12px;padding:7px 9px}.pwe-zoom{font-size:12px;display:flex;align-items:center;gap:7px;color:#334155;font-weight:700}.pwe-zoom-input{width:120px}.pwe-main{display:grid;grid-template-columns:210px minmax(320px,1fr) 220px;min-height:calc(var(--pwe-editor-height) - 155px);background:#eef2f7}.pwe-sidebar,.pwe-panel{background:#fff;padding:12px;border-right:1px solid var(--pwe-border);overflow:auto}.pwe-panel{border-left:1px solid var(--pwe-border);border-right:0}.pwe-sidebar-title,.pwe-panel-title{font-weight:900;color:#0f172a;margin-bottom:10px}.pwe-page-list{display:flex;flex-direction:column;gap:9px}.pwe-page-thumb{border:2px solid transparent;border-radius:12px;background:#f8fafc;padding:8px;cursor:pointer;box-shadow:inset 0 0 0 1px #e2e8f0}.pwe-page-thumb.active{border-color:#2563eb;background:#eff6ff}.pwe-page-thumb-title{font-size:12px;font-weight:900;margin-bottom:5px;color:#334155}.pwe-page-thumb-box{height:96px;border-radius:8px;background:#fff;border:1px solid #cbd5e1;display:grid;place-items:center;color:#64748b;font-size:22px;font-weight:900}.pwe-side-btn{width:100%;margin-top:9px;text-align:center}.pwe-panel hr{border:0;border-top:1px solid var(--pwe-border);margin:14px 0}.pwe-field{display:block;font-size:12px;color:#475569;font-weight:800;margin:10px 0}.pwe-field input{width:100%;margin-top:4px;border:1px solid var(--pwe-border);border-radius:8px;padding:6px}.pwe-note{font-size:12px;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:10px;margin-top:12px}.pwe-editor-shell{position:relative;overflow:auto}.pwe-canvas-area{position:relative;display:flex;gap:28px;align-items:flex-start;min-height:100%;padding:28px;transform-origin:top center}.pwe-vertical{flex-direction:column}.pwe-side-by-side{flex-direction:row;flex-wrap:wrap}.pwe-page{position:relative;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.18);border-radius:3px;overflow:hidden;flex:0 0 auto}.pwe-page.current{outline:3px solid #60a5fa}.pwe-page canvas{display:block;position:absolute;inset:0}.pwe-overlay{position:absolute;inset:0;z-index:2}.pwe-grid .pwe-page::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.12) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:6}.pwe-ruler{position:absolute;background:#fff;border-color:#d9e2ef;z-index:8;color:#64748b;font-size:10px}.pwe-ruler-top{left:28px;right:28px;top:0;height:25px;border-bottom:1px solid #d9e2ef;background-image:repeating-linear-gradient(90deg,#cbd5e1 0 1px,transparent 1px 50px)}.pwe-ruler-left{left:0;top:25px;bottom:0;width:25px;border-right:1px solid #d9e2ef;background-image:repeating-linear-gradient(180deg,#cbd5e1 0 1px,transparent 1px 50px)}.pwe-box{position:absolute;min-width:42px;min-height:24px;border:1px dashed rgba(37,99,235,.65);background:rgba(255,255,255,.2);cursor:move;z-index:2;overflow:hidden;touch-action:none}.pwe-box.pwe-selected{border:2px solid #2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.18)}.pwe-text{padding:6px;white-space:pre-wrap;outline:0;width:100%;height:100%;overflow:hidden}.pwe-text ul,.pwe-text ol{margin:0 0 0 22px;padding:0}.pwe-highlight-box{background:rgba(255,244,163,.65);border:1px solid rgba(202,138,4,.45)}.pwe-image-box img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.pwe-border-page{position:absolute;inset:24px;border:3px double #0f172a;z-index:1;pointer-events:none}.pwe-message{position:fixed;right:18px;bottom:18px;background:#0f172a;color:#fff;border-radius:14px;padding:12px 14px;z-index:99999;box-shadow:0 12px 28px rgba(15,23,42,.25);font-weight:750}.pwe-message.error{background:#991b1b}.pwe-message.success{background:#166534}.pwe-placeholder{margin:auto;max-width:620px;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:34px;text-align:center;color:#475569}.pwe-placeholder h3{margin:0 0 8px;color:#0f172a}.pwe-wrap.is-busy{opacity:.82;pointer-events:none}.pwe-wrap.is-busy::after{content:"Working...";position:fixed;inset:auto 24px 24px auto;background:#111827;color:#fff;padding:12px 16px;border-radius:14px;z-index:9999;font-weight:900}
@media (max-width:1100px){.pwe-main{grid-template-columns:160px 1fr}.pwe-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--pwe-border);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pwe-panel-title,.pwe-note,.pwe-panel hr{grid-column:1/-1}.pwe-field{margin:0}}@media (max-width:760px){.pwe-topbar,.pwe-statusbar{align-items:flex-start;flex-direction:column}.pwe-main{grid-template-columns:1fr}.pwe-sidebar{border-right:0;border-bottom:1px solid var(--pwe-border)}.pwe-page-list{flex-direction:row;overflow:auto}.pwe-page-thumb{min-width:110px}.pwe-panel{display:block}.pwe-canvas-area{padding:16px}}