body,html{height:100%;overflow:hidden}body{background:var(--floor)}:root{--tb-h:52px;--insp-w:320px;--tw:132px}.topbar{position:fixed;left:0;right:0;top:0}.ttl{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;min-width:0}.canvas{position:fixed;inset:0;overflow:auto;padding:calc(var(--tb-h) + 28px) calc(var(--insp-w) + 28px) 120px 28px}.files{display:grid;grid-gap:28px;gap:28px}.fhead{display:flex;align-items:baseline;gap:10px;font-size:13px;color:var(--label2);margin-bottom:12px}.fhead b{font-size:15px;color:var(--label);font-weight:600}.pages{flex-wrap:wrap;gap:20px 18px;align-items:flex-start}.pages,.pc{display:flex}.pc{position:relative;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:16px;font-size:13px;color:var(--label2);cursor:pointer;transition:background .15s ease}.pc:hover{background:rgba(255,255,255,.45)}.pc[aria-pressed=true]{background:var(--fill-2);color:var(--label);font-weight:600}.pc .tw{width:var(--tw);height:calc(var(--tw) * 1.4143);display:grid;place-items:center}.pc .thumb{transition:transform .2s var(--spring)}.pc.dragging{opacity:.4}.pc.drop-l:before{content:"";position:absolute;left:-10px;top:10px;bottom:30px;width:2px;border-radius:999px;background:var(--accent)}.pc .tools{position:absolute;top:16px;left:50%;transform:translateX(-50%) scale(.96);display:flex;gap:2px;padding:3px;opacity:0;transition:opacity .15s ease,transform .15s var(--spring)}.pc:focus-within .tools,.pc:hover .tools{opacity:1;transform:translateX(-50%) scale(1)}.tools button{width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.tools button:hover{background:rgba(255,255,255,.55)}.tools svg{width:16px;height:16px;stroke-width:2.15}.cut{flex-basis:100%;height:0;position:relative;margin:2px 0}.cut:after{content:"";right:0;top:-1px;border-top:1.5px dashed var(--label2)}.cut span,.cut:after{position:absolute;left:0}.cut span{top:-10px;background:var(--floor);padding-right:8px;font-size:12px;color:var(--label2)}.inspector{position:fixed;right:0;top:var(--tb-h);bottom:0;width:var(--insp-w);z-index:15;border-left:.5px solid var(--separator);display:flex;flex-direction:column}.in-scroll{flex:1 1;overflow:auto;padding:4px 14px 16px}.in-scroll .sec-h{padding:16px 2px 6px;font-size:12px}.in-scroll .group{border-radius:10px;background:rgba(255,255,255,.74)}.in-scroll .row{font-size:13px;min-height:44px;padding:8px 14px}.in-scroll .row+.row:before{left:14px}.row[aria-checked=true]{background:var(--fill-2);font-weight:600}.in-foot{border-top:.5px solid var(--separator);padding:14px 14px 18px}.cta{width:100%;height:46px;border-radius:999px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:transform .12s var(--spring)}.cta:hover{background:var(--accent-press)}.cta:active{transform:scale(.985)}.seg.full{display:flex}.seg.full button{flex:1 1;padding:0 8px}.mv{display:inline-flex;gap:2px}.mv button{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;color:var(--label2)}.mv button:hover{background:var(--fill-1);color:var(--label)}.mv svg{width:16px;height:16px}.pill{position:fixed;z-index:12;bottom:22px;left:calc((100% - var(--insp-w)) / 2);transform:translateX(-50%);display:flex;gap:2px;padding:5px;height:48px;white-space:nowrap}.pill,.pill .pb{align-items:center}.pill .pb{height:38px;min-width:38px;padding:0 12px;border-radius:999px;display:inline-flex;justify-content:center;font-weight:600;font-size:13px;transition:transform .12s var(--spring)}.pill .pb:hover{background:rgba(255,255,255,.42)}.pill .pb:active{transform:scale(.93)}.pill .pb svg{stroke-width:2.15}.pill .sp{width:1px;height:20px;background:var(--separator);margin:0 4px}.pill .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;font-size:13px;min-width:46px;text-align:center}.haze{position:fixed;left:0;right:var(--insp-w);bottom:0;height:110px;z-index:9;pointer-events:none;background:linear-gradient(0deg,rgba(255,255,255,.62),rgba(255,255,255,.34) 55%,transparent)}@media (max-width:760px){:root{--insp-w:0px;--tw:96px}.canvas{padding:calc(var(--tb-h) + 16px) 16px 330px}.inspector{left:0;right:0;top:auto;height:300px;width:auto;border-left:0;border-top:.5px solid var(--separator);border-radius:16px 16px 0 0}.pill{bottom:316px}.haze{display:none}}.empty{position:fixed;top:var(--tb-h);left:0;right:var(--insp-w);bottom:0;display:none;place-items:center;z-index:2}body.nodoc .empty{display:grid}body.nodoc #openBtn,body.nodoc .haze,body.nodoc .in-foot,body.nodoc .pill{display:none}.empty .drop{width:min(520px,calc(100% - 48px));height:240px;display:grid;place-content:center;justify-items:center;grid-gap:14px;gap:14px;border-radius:20px;border:1.5px dashed var(--separator);transition:border-color .15s ease,transform .18s var(--spring)}.empty .drop.over{border-color:var(--label2);transform:scale(1.01)}.empty .hint{font-size:13px;color:var(--label2)}.btn-big{height:48px;padding:0 30px;font-size:15px;font-weight:400;background:#0071e3;box-shadow:none}.btn-big:hover{background:#0077ed}.pc .thumb{transform-origin:50% 50%}.pc .thumb canvas{display:block;width:100%;height:100%}.cta-note{margin:0;text-align:center;font-size:13px;color:var(--label2);padding:13px 0}button.cta{border:0;cursor:pointer;font-family:inherit;letter-spacing:inherit}.rangef{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:10px;background:var(--fill-1);font-size:13px;color:var(--label2)}.rangef input{flex:1 1;min-width:0;border:0;background:none;outline:none;font-weight:600;color:var(--label)}.segin{flex:1 1;display:flex}.segin input{width:100%;height:28px;border:0;border-radius:10px;background:none;text-align:center;font-size:13px;outline:none}.segin input:focus{background:#fff}.sec-h.err{color:var(--red)}body.busy #openBtn,body.busy .canvas,body.busy .inspector,body.busy .pill{pointer-events:none}.toast{position:fixed;z-index:25;top:calc(var(--tb-h) + 14px);left:calc((100% - var(--insp-w)) / 2);transform:translateX(-50%);height:36px;padding:0 16px;display:flex;align-items:center;font-size:13px;font-weight:600;white-space:nowrap}.toast.err{color:var(--red)}.dlg-scrim{position:fixed;inset:0;z-index:60;background:rgba(20,23,31,.26)}.dlg{position:fixed;z-index:61;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;max-width:calc(100vw - 32px);background:#f2f2f7;border-radius:20px;padding:22px 20px 16px;box-shadow:0 0 0 .5px rgba(20,23,31,.1),0 24px 70px rgba(20,23,31,.28)}.dlg p{margin:0 0 18px;font-size:15px;line-height:1.5}.dlg .acts{display:flex;justify-content:flex-end;gap:8px}.pc{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ghost{position:fixed;z-index:50;pointer-events:none;transform:translate(-50%,-60%) scale(1.06);opacity:.92;box-shadow:0 0 0 .5px rgba(20,23,31,.14),0 16px 36px rgba(20,23,31,.24)}.ghost canvas{display:block;width:100%;height:100%}@media (hover:none){.pc .tools{pointer-events:none}.pc[aria-pressed=true] .tools{opacity:1;transform:translateX(-50%) scale(1);pointer-events:auto}}@media (max-width:760px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.topbar .l .logo span{display:none}}