.pe-toolbar{display:flex;align-items:center;gap:6px;padding:8px 14px;flex:none;flex-wrap:wrap;border-bottom:1px solid var(--border);background:var(--surface);overflow-x:auto;scrollbar-width:none}
.pe-toolbar::-webkit-scrollbar{display:none}
.pe-toolbar[hidden]{display:none!important}
.pe-group{display:flex;gap:4px;flex:none}
.pe-tool{font:600 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--soft);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:6px 10px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}
.pe-tool:hover{color:var(--fg);border-color:var(--border-strong)}
.pe-tool.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.pe-vsep{width:1px;height:22px;background:var(--border);flex:none;margin:0 4px}
.pe-mini{display:inline-flex;align-items:center;gap:6px;font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);flex:none}
.pe-mini input[type=range]{width:80px}
.pe-mini input[type=color]{width:28px;height:26px;padding:2px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer}
.pe-page-in{width:42px;text-align:center;padding:5px 6px;font:600 12px var(--mono);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--fg)}
.pe-stage{flex:1;overflow:auto;background:color-mix(in srgb,var(--surface-2) 60%,var(--bg));position:relative;padding:24px;display:flex;justify-content:center;align-items:flex-start}
.pe-empty{width:100%;display:flex;align-items:center;justify-content:center}
.pe-page-wrap{position:relative;display:inline-block;line-height:0;box-shadow:0 6px 28px -8px rgba(0,0,0,.5);background:#fff;border-radius:3px;overflow:hidden}
.pe-page-wrap[hidden]{display:none!important}
#peCanvas{display:block}
#peOv{position:absolute;top:0;left:0;cursor:crosshair;touch-action:none}
#peOv.select-mode{cursor:default}
.pe-inline-in{position:fixed;z-index:9000;background:var(--surface);color:var(--fg);border:1.5px solid var(--accent);border-radius:6px;padding:4px 8px;font:15px/1.3 "Space Grotesk",sans-serif;min-width:120px;resize:both;outline:none;box-shadow:var(--shadow)}
.pe-hintbar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:40;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .2s}
.pe-hintbar.show{opacity:.95}
@media(max-width:720px){.pe-toolbar{padding:6px 10px}.pe-tool{padding:8px 10px;font-size:10.5px}}