/* pdf-editor — tool styles */
[data-page="tool"] .pe-wrap{display:flex;flex-direction:column;gap:.9rem}
[data-page="tool"] .pe-toolbar{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:flex-end;border:1px solid var(--color-border,rgba(127,127,127,.22));border-radius:12px;padding:.8rem;background:var(--color-surface-1,transparent)}
[data-page="tool"] .pe-margins{display:flex;gap:.35rem}
[data-page="tool"] .pe-margins .input{width:76px}
[data-page="tool"] .pe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}
[data-page="tool"] .pe-card{border:1px solid var(--color-border,rgba(127,127,127,.28));border-radius:12px;padding:.55rem;background:var(--color-surface-1,transparent);display:flex;flex-direction:column;gap:.45rem;transition:border-color .15s ease,transform .1s ease}
[data-page="tool"] .pe-card:hover{border-color:var(--color-accent,#6366f1);transform:translateY(-1px)}
[data-page="tool"] .pe-thumb{position:relative;background:#000;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:110px}
[data-page="tool"] .pe-canvas{display:block;max-width:100%;height:auto}
[data-page="tool"] .pe-pagenum{position:absolute;top:4px;left:4px;background:rgba(0,0,0,.62);color:#fff;font-size:10px;font-family:var(--font-mono);padding:2px 6px;border-radius:6px}
[data-page="tool"] .pe-row{display:flex;gap:.3rem;justify-content:center}
[data-page="tool"] .pe-row .vc-btn{font-size:var(--text-xs,.78rem);padding:.22rem .5rem;min-width:30px;justify-content:center}
[data-page="tool"] .pe-del{color:#ef4444}
[data-page="tool"] .pe-done{padding:.6rem .9rem;border:1px solid rgba(16,185,129,.35);background:rgba(16,185,129,.08);border-radius:10px;font-size:var(--text-sm,.85rem)}
@media(max-width:560px){[data-page="tool"] .pe-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}

/* ---- annotation editor ---- */
[data-page="tool"] .pe-ann{color:#8b5cf6}
[data-page="tool"] .ae-wrap{display:flex;flex-direction:column;gap:.9rem}
[data-page="tool"] .ae-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;border:1px solid var(--color-border,rgba(127,127,127,.22));border-radius:12px;padding:.7rem;background:var(--color-surface-1,transparent)}
[data-page="tool"] .ae-toolbar .vc-btn{font-size:var(--text-xs,.78rem);padding:.32rem .6rem}
[data-page="tool"] .ae-sep{width:1px;height:22px;background:var(--color-border,rgba(127,127,127,.25));margin:0 .25rem}
[data-page="tool"] .ae-swatches{display:flex;gap:.3rem;align-items:center}
[data-page="tool"] .ae-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s ease,border-color .12s ease}
[data-page="tool"] .ae-swatch:hover{transform:scale(1.15)}
[data-page="tool"] .ae-swatch.is-active{border-color:var(--color-fg,#fff);box-shadow:0 0 0 2px var(--color-accent,#6366f1)}
[data-page="tool"] .ae-size{width:92px}
[data-page="tool"] .ae-size .input{width:100%}
[data-page="tool"] .ae-textbox{flex:1;min-width:180px}
[data-page="tool"] .ae-textbox .input{width:100%}
[data-page="tool"] .ae-stage{position:relative;border:1px solid var(--color-border,rgba(127,127,127,.25));border-radius:12px;overflow:auto;background:#525659;max-height:78vh;display:flex;justify-content:center;padding:1rem}
[data-page="tool"] .ae-base{box-shadow:0 4px 24px rgba(0,0,0,.4);background:#fff}
[data-page="tool"] .ae-overlay{position:absolute;top:1rem;left:50%;transform:translateX(-50%);cursor:crosshair;touch-action:none}