.tool.pe-app{--side-w:340px}.tool.pe-app:not([data-state=empty]) .empty,.tool.pe-app:not([data-state=loading]) .loading,.tool.pe-app:not([data-state=ready][data-view=pages]) :is(.pages-view,.mini-bar),.tool.pe-app:not([data-state=ready][data-view=edit]) .edit-view,.tool.pe-app[data-state=empty] .bar-end>:not(.tool-lang),.tool.pe-app:not([data-view=edit]) .back-btn,.tool.pe-app[data-state=empty] .back-btn{display:none}.tool.pe-app .back-btn{margin-right:auto}.tool.pe-app .bar-end .pill{margin-left:4px}.tool.pe-app .prop-clip{width:140px;top:12%;left:max(-36px,50% - 620px);rotate:-48deg}.tool.pe-app .prop-binder{width:120px;bottom:12%;right:max(-24px,50% - 600px);rotate:18deg}.tool.pe-app .prop-pencil{width:280px;bottom:10%;left:max(-90px,50% - 720px);rotate:24deg}.tool.pe-app .prop-pin{width:70px;top:14%;right:max(20px,50% - 560px);rotate:12deg}@media (width<=899px){.tool.pe-app :is(.prop-binder,.prop-pencil){display:none}.tool.pe-app .prop-clip{width:100px;top:2%;left:-30px}.tool.pe-app .prop-pin{top:auto;bottom:4%;right:10px}}.tool.pe-app .drop-art{width:110px;height:104px;margin:0 auto 4px;display:block;position:relative}.tool.pe-app .drop-art>span{width:66px;height:88px;transition:translate .6s var(--ease-spring), rotate .6s var(--ease-spring);background:#fff;border-radius:10px;grid-template-rows:repeat(3,6px);align-content:start;gap:7px;padding:14px 11px;display:grid;position:absolute;top:4px;box-shadow:inset 0 0 0 1px #00000012,0 6px 14px -8px #0000004d}.tool.pe-app .drop-art b{background:#0000001f;border-radius:999px}.tool.pe-app .drop-art b:nth-child(2){width:75%}.tool.pe-app .sheet-a{left:4px;rotate:-8deg}.tool.pe-app .sheet-b{right:4px;rotate:6deg}.tool.pe-app .sheet-b b:first-child{box-shadow:0 0 0 3px color-mix(in srgb, var(--sunflower) 75%, transparent);background:color-mix(in srgb, var(--sunflower) 75%, transparent)}.tool.pe-app .sheet-b i{border-bottom:2px solid var(--sky);border-radius:0 0 60% 40%;width:34px;height:12px;margin-top:8px;rotate:-6deg}.tool.pe-app .drop-card:hover .sheet-a,.tool.pe-app.dragging .sheet-a{translate:-14px 2px;rotate:-14deg}.tool.pe-app .drop-card:hover .sheet-b,.tool.pe-app.dragging .sheet-b{translate:14px -4px;rotate:12deg}.tool.pe-app .work{grid-template-columns:minmax(0, 1fr) var(--side-w);grid-template-areas:"main side";align-items:start;gap:32px;max-width:1320px;margin:24px auto 0;display:grid}.tool.pe-app .side{--top:calc(max(12px, env(safe-area-inset-top)) + 80px);overscroll-behavior:contain;scrollbar-width:none;max-height:100dvh;margin:calc(-1 * var(--top)) -12px 0;padding:var(--top) 12px 32px;-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--top) - 22px), #000 calc(var(--top) - 8px), #000 calc(100% - 32px), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--top) - 22px), #000 calc(var(--top) - 8px), #000 calc(100% - 32px), transparent);mask-image:linear-gradient(to bottom, transparent calc(var(--top) - 22px), #000 calc(var(--top) - 8px), #000 calc(100% - 32px), transparent);grid-area:side;align-content:start;gap:16px;display:grid;position:sticky;top:0;overflow-y:auto}.tool.pe-app .main{grid-area:main;align-content:start;gap:12px;min-width:0;padding-top:6px;display:grid}.tool.pe-app .pages-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;min-height:34px;display:flex}.tool.pe-app .sel-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tool.pe-app .sel-count{color:var(--ink-3);margin-right:4px;font-size:13px;font-weight:600}.tool.pe-app .chip-btn{align-items:center;gap:5px;display:inline-flex}.tool.pe-app .chip-btn svg{width:14px;height:14px}.tool.pe-app .chip-btn.danger{color:#c2361a}.tool.pe-app .pages-sub{color:var(--ink-3);margin-bottom:10px;font-size:14px}@media (pointer:coarse){.tool.pe-app .hint-desktop{display:none}}.tool.pe-app .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:34px 26px;padding:18px 0 40px;display:grid;position:relative}.tool.pe-app .pcard{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;outline:none;gap:8px;display:grid;position:relative}.tool.pe-app .pthumb{aspect-ratio:3/4;place-items:center;display:grid;position:relative}.tool.pe-app .pframe{max-width:100%;height:100%;box-shadow:0 0 0 1px var(--hairline), 0 6px 16px -8px #00000038;transition:box-shadow .2s, translate .35s var(--ease-spring), opacity .2s;background:#fff;border-radius:6px;position:relative;overflow:hidden}.tool.pe-app .pframe.wide{width:100%;height:auto}.tool.pe-app .pframe canvas,.tool.pe-app .pframe svg{width:100%;height:100%;position:absolute;inset:0}.tool.pe-app .pframe canvas:not([width]){visibility:hidden}.tool.pe-app .pcard:hover .pframe{translate:0 -3px}.tool.pe-app .pcard[aria-selected=true] .pframe{box-shadow:0 0 0 2px #fff, 0 0 0 4.5px var(--ink), 0 12px 22px -10px #0000004d}.tool.pe-app .pcard:focus-visible .pframe{box-shadow:0 0 0 2px #fff, 0 0 0 4.5px color-mix(in srgb, var(--sky) 70%, transparent)}.tool.pe-app .pcard.lifting .pframe{opacity:.3}.tool.pe-app .pcard[data-edited] .pthumb:after{content:"";background:var(--sunflower) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") center / 11px no-repeat;pointer-events:none;border:2.5px solid #fff;border-radius:999px;width:22px;height:22px;position:absolute;top:6px;left:6px;rotate:-10deg;box-shadow:0 2px 5px #0003}.tool.pe-app .pbtns{opacity:0;transition:opacity .2s, translate .3s var(--ease-spring);gap:5px;display:grid;position:absolute;top:6px;right:6px;translate:4px}.tool.pe-app .pcard:hover .pbtns,.tool.pe-app .pcard:focus-within .pbtns{opacity:1;translate:0}@media (pointer:coarse){.tool.pe-app .pbtns{display:none}}.tool.pe-app .mini{width:30px;height:30px;color:var(--ink);transition:scale .25s var(--ease-spring);background:#fffffff0;border-radius:999px;place-items:center;display:grid;box-shadow:0 1px 4px #0003}.tool.pe-app .mini:hover{scale:1.1}.tool.pe-app .mini[data-act=delete]:hover{color:#c2361a}.tool.pe-app .mini svg{width:15px;height:15px}.tool.pe-app .pmeta{justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.tool.pe-app .pdot{background:var(--c);border-radius:999px;width:8px;height:8px}.tool.pe-app .pnum{font-family:var(--font-en);font-weight:700}.tool.pe-app .pfrom{color:var(--ink-3);font-size:12px}.tool.pe-app .pcard[data-seg]:before{content:attr(data-seg);z-index:2;background:color-mix(in srgb, var(--sunflower) 80%, white);color:var(--ink-2);white-space:nowrap;clip-path:polygon(0 8%,4% 0,96% 6%,100% 0,98% 50%,100% 100%,95% 92%,5% 100%,0 94%,2% 50%);padding:2px 12px;font-size:12px;font-weight:700;position:absolute;top:-16px;left:50%;translate:-50%;rotate:-3deg;box-shadow:0 1px 2px #0000001f}.tool.pe-app .cut{z-index:3;width:28px;height:28px;color:var(--ink-3);transition:scale .3s var(--ease-spring), color .2s, background .2s;background:#fff;border-radius:999px;place-items:center;display:none;position:absolute;top:calc(50% - 24px);right:-27px;translate:50%;box-shadow:0 1px 4px #0003}.tool.pe-app .cut svg{width:15px;height:15px}.tool.pe-app .cut:hover{color:var(--ink);scale:1.12}.tool.pe-app .grid[data-scissors] .pcard:not([data-last]) .cut,.tool.pe-app .pcard[data-cut] .cut{display:grid}.tool.pe-app .pcard[data-cut] .cut{background:var(--tomato);color:#fff;rotate:-90deg}.tool.pe-app .pcard[data-cut]:after{content:"";border-right:2px dashed color-mix(in srgb, var(--tomato) 60%, transparent);pointer-events:none;position:absolute;top:0;bottom:28px;right:-13px}.tool.pe-app .pghost{z-index:80;pointer-events:none;filter:drop-shadow(0 14px 22px #00000040);margin:-40px 0 0 -40px;position:fixed;top:0;left:0;rotate:-4deg}.tool.pe-app .pghost canvas{background:#fff;border-radius:6px;display:block}.tool.pe-app .pghost b{background:var(--ink);color:#fff;min-width:28px;height:28px;font:800 13px/1 var(--font-en);border:3px solid #fff;border-radius:999px;place-items:center;padding:0 7px;display:grid;position:absolute;top:-10px;right:-10px}.tool.pe-app .pmarker{z-index:4;background:var(--sky);width:4px;box-shadow:0 0 0 3px color-mix(in srgb, var(--sky) 25%, transparent);pointer-events:none;border-radius:999px;margin-left:-2px;transition:left .12s,top .12s;position:absolute}.tool.pe-app .out-card{gap:12px;display:grid}.tool.pe-app .out-big{align-items:baseline;gap:10px;margin-top:-6px;display:flex}.tool.pe-app .out-big strong{font-family:var(--font-en);letter-spacing:-.02em;font-size:44px;font-weight:800;line-height:1.1}.tool.pe-app .out-big strong:after{content:attr(data-unit);font-family:var(--font-body);font-size:18px;font-weight:700}.tool.pe-app .out-big span{color:var(--ink-3);font-size:14px}.tool.pe-app .status{min-height:1.5em;color:var(--ink-2);font-size:14px;line-height:1.6}.tool.pe-app .status:empty,.tool.pe-app .progress{display:none}.tool.pe-app .out-card[data-busy] .progress{display:block}.tool.pe-app .filename{font-size:15px}.tool.pe-app .actions{flex-wrap:wrap;gap:8px;display:flex}.tool.pe-app .actions .pill{flex:1 0 auto;justify-content:center}.tool.pe-app .files-card,.tool.pe-app .split-card{gap:12px;display:grid}.tool.pe-app .files{gap:4px;margin:0 -6px;padding:0;list-style:none;display:grid}.tool.pe-app .files li{border-radius:14px;align-items:center;gap:10px;padding:6px 6px 6px 10px;font-size:14px;display:flex}.tool.pe-app .files li:hover{background:var(--paper)}.tool.pe-app .files i{background:var(--c);border-radius:999px;flex:none;width:10px;height:10px}.tool.pe-app .files .fname{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tool.pe-app .files small{color:var(--ink-3);flex:none;margin-left:auto;font-size:12px}.tool.pe-app .files .lock{background:color-mix(in srgb, var(--tangerine) 22%, transparent);color:#b55d00;border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:600}.tool.pe-app .files button{width:26px;height:26px;color:var(--ink-3);border-radius:999px;flex:none;place-items:center;display:grid}.tool.pe-app .files button:hover{color:var(--ink);background:#0000000f}.tool.pe-app .files button svg{width:14px;height:14px}.tool.pe-app .every{color:var(--ink-2);align-items:center;gap:4px;font-size:13px;display:inline-flex}.tool.pe-app .every-n{width:56px;font:600 14px/1.3 var(--font-en);text-align:center;padding:4px 8px}.tool.pe-app .editor{--rail:116px;--props:244px;padding:84px calc(var(--props) + 32px) 120px calc(var(--rail) + 32px);position:relative}.tool.pe-app .stack{justify-items:center;gap:22px;min-width:0;display:grid}.tool.pe-app .epage{box-shadow:0 0 0 1px var(--hairline), 0 12px 30px -14px #00000040;background:#fff;border-radius:3px;position:relative}.tool.pe-app .epage canvas{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.tool.pe-app :is(.eover,.pover,.rail svg){stroke:none}.tool.pe-app .eover{touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tool.pe-app .stack[data-tool=select] .eover{touch-action:pan-x pan-y pinch-zoom}.tool.pe-app .stack[data-tool=select] .eover [data-id]{cursor:move}.tool.pe-app .stack[data-tool=text] .eover{cursor:text}.tool.pe-app .stack:is([data-tool=pen],[data-tool=highlight],[data-tool=shape],[data-tool=cover],[data-tool=stamp],[data-tool=sign],[data-tool=image]) .eover{cursor:crosshair}.tool.pe-app .eover .a-text{white-space:pre}.tool.pe-app .sel-box{fill:none;stroke:var(--sky);pointer-events:none}.tool.pe-app .sel-handle{fill:#fff;stroke:var(--sky);cursor:nwse-resize}.tool.pe-app .sel-handle:is([data-handle=ne],[data-handle=sw]){cursor:nesw-resize}.tool.pe-app .etype{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.tool.pe-app .etext{outline:1.5px dashed color-mix(in srgb, var(--sky) 70%, transparent);outline-offset:3px;white-space:pre;resize:none;pointer-events:auto;caret-color:var(--sky);background:0 0;border:0;border-radius:2px;margin:0;padding:0;position:absolute;overflow:hidden}.tool.pe-app .enum{color:var(--ink-3);font:700 12px/1.6 var(--font-en);pointer-events:none;background:#ffffffeb;border-radius:999px;padding:1px 9px;position:absolute;bottom:-10px;right:-10px;box-shadow:0 1px 3px #00000026}.tool.pe-app .toolbar{z-index:18;top:calc(max(12px, env(safe-area-inset-top)) + 68px);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);background:#ffffffdb;border-radius:999px;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 32px);margin-inline:auto;padding:5px;display:flex;position:fixed;left:0;right:0;box-shadow:0 0 0 1px #0000000d,0 10px 30px -12px #00000038}.tool.pe-app[data-view=edit] .toast{top:calc(max(12px, env(safe-area-inset-top)) + 128px)}.tool.pe-app .tools{scrollbar-width:none;gap:2px;min-width:0;display:flex;overflow-x:auto}.tool.pe-app .tool-btn{color:var(--ink-2);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 12px;font-size:13.5px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.tool.pe-app .tool-btn svg{width:18px;height:18px}.tool.pe-app .tool-btn:hover{background:#0000000d}.tool.pe-app .tool-btn[aria-pressed=true]{background:var(--ink);color:#fff}.tool.pe-app .zoom{border-left:1px solid var(--hairline);flex:none;align-items:center;padding-left:6px;display:flex}.tool.pe-app .zoom .icon-btn{width:34px;height:34px}.tool.pe-app .zoom-val{min-width:52px;font:700 13px/1 var(--font-en);color:var(--ink-2);border-radius:999px;padding:6px 4px}.tool.pe-app .zoom-val:hover{background:#0000000d}.tool.pe-app .rail{z-index:5;left:max(16px, env(safe-area-inset-left));top:calc(max(12px, env(safe-area-inset-top)) + 128px);width:var(--rail);scrollbar-width:none;align-content:start;gap:14px;padding:4px 8px 20px;display:grid;position:fixed;bottom:16px;overflow-y:auto}.tool.pe-app .rail button{font:700 12px/1.4 var(--font-en);color:var(--ink-3);justify-items:center;gap:4px;padding:0;display:grid}.tool.pe-app .rail canvas{width:100%;height:auto;box-shadow:0 0 0 1px var(--hairline);background:#fff;border-radius:4px;transition:box-shadow .2s}.tool.pe-app .rail button[aria-current=true]{color:var(--ink)}.tool.pe-app .rail button[aria-current=true] canvas{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ink)}.tool.pe-app .props{z-index:6;right:max(16px, env(safe-area-inset-right));top:calc(max(12px, env(safe-area-inset-top)) + 128px);width:var(--props);scrollbar-width:none;gap:16px;max-height:calc(100dvh - 150px);padding:18px;display:grid;position:fixed;overflow-y:auto}.tool.pe-app .props:empty{display:none}.tool.pe-app .props h3{font-size:15px}.tool.pe-app .props .seg button{flex:1 1 0;padding-inline:6px;font-size:13px}.tool.pe-app .props .row{gap:8px;display:grid}.tool.pe-app .props .slider{grid-template-columns:1fr auto}.tool.pe-app .props .slider>span{color:var(--ink-3);grid-column:1/-1;font-size:12.5px;font-weight:600}.tool.pe-app .props .swatch{width:26px;height:26px}.tool.pe-app .props .tip{color:var(--ink-3);font-size:12.5px;line-height:1.6}.tool.pe-app .props .btns{flex-wrap:wrap;gap:6px;display:flex}.tool.pe-app .sigs{gap:8px;display:grid}.tool.pe-app .sig{background:var(--paper);border-radius:16px;place-items:center;height:64px;padding:8px 14px;transition:box-shadow .2s;display:grid;position:relative}.tool.pe-app .sig:hover{box-shadow:inset 0 0 0 2px var(--ink)}.tool.pe-app .sig svg,.tool.pe-app .sig img{fill:currentColor;stroke:none;width:auto;max-width:100%;height:100%;max-height:100%}.tool.pe-app .sig .sig-x{width:22px;height:22px;color:var(--ink-3);opacity:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.tool.pe-app .sig:hover .sig-x{opacity:1}.tool.pe-app .sig .sig-x svg{fill:none;stroke:currentColor;width:12px;height:12px}.tool.pe-app .sig[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--sky)}.tool.pe-app .sign-sheet{width:min(620px,100% - 32px)}.tool.pe-app .pad-wrap{aspect-ratio:3/1.25;background:var(--paper);border-radius:20px;position:relative;overflow:hidden}.tool.pe-app .pad{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.tool.pe-app .pad-line{pointer-events:none;border-bottom:2px dashed #00000024;position:absolute;bottom:26%;left:8%;right:8%}.tool.pe-app .pad-hint{color:#b0b0b5;pointer-events:none;font-size:14px;position:absolute;bottom:calc(26% + 8px);left:8%}.tool.pe-app .sign-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tool.pe-app .sign-done{justify-self:end}@media (width<=1180px){.tool.pe-app .editor{--rail:0px}.tool.pe-app .rail{display:none}}@media (width<=959px){.tool.pe-app .work{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""side";gap:28px;margin-top:18px}.tool.pe-app .side{max-height:none;margin:0;padding:0 0 70px;position:static;overflow:visible;-webkit-mask-image:none;mask-image:none}.tool.pe-app .mini-size{white-space:nowrap;padding-left:12px;font-size:14px;font-weight:700}.tool.pe-app .editor{padding:20px 0 190px}.tool.pe-app .toolbar{top:auto;bottom:max(12px, env(safe-area-inset-bottom));width:calc(100% - 24px)}.tool.pe-app .tools{flex:1}.tool.pe-app .tool-btn{flex-direction:column;gap:2px;padding:6px 10px;font-size:11px}.tool.pe-app .zoom{display:none}.tool.pe-app .props{top:auto;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:calc(max(12px, env(safe-area-inset-bottom)) + 74px);border-radius:24px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 16px;width:auto;max-height:36dvh;padding:14px 16px}.tool.pe-app .props h3{display:none}.tool.pe-app .grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:28px 20px}.tool.pe-app .grid[data-scissors]{padding-right:30px}}@media (width<=699px){.tool.pe-app .bar-end .pill span{display:inline}.tool.pe-app .back-btn span{display:none}}