.spp-wrapper{width:100%;color:var(--text);flex-direction:column;gap:14px;display:flex;position:relative;overflow:visible}.spp-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.spp-title{color:var(--muted);font-size:15px;font-weight:700}.spp-loading{color:var(--muted);font-size:13px}.spp-error{color:#ef4444;font-size:13px}.spp-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.spp-zoom-controls,.spp-nav-controls{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.spp-zoom-controls button,.spp-nav-controls button{background:var(--card);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;transition:all .2s}.spp-zoom-controls button:hover,.spp-nav-controls button:hover{background:var(--surface-2)}.spp-main{align-items:flex-start;gap:12px;display:flex}.spp-thumbs{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;width:56px;max-height:min(78vh,900px);padding:8px;display:flex;overflow-y:auto}.spp-thumb{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex}.spp-thumb.active{outline:2px solid var(--accent)}.spp-canvas-container{cursor:grab;min-height:400px;max-height:min(78vh,900px);display:block;position:relative;overflow:auto}.spp-page-wrap{width:-moz-fit-content;width:fit-content;margin:20px auto;display:block}.spp-page-canvas-holder{width:-moz-fit-content;width:fit-content;display:block;overflow:visible}.spp-canvas{background:#fff;border-radius:10px;width:auto;max-width:none;height:auto;display:block;box-shadow:0 6px 16px rgba(0,0,0,.15)}.spp-actions{justify-content:center;gap:10px;display:flex}.spp-download{background:linear-gradient(90deg,var(--accent),#6366f1);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 16px;font-weight:700;transition:all .2s}.spp-download:hover{transform:translateY(-2px)}@media (max-width:880px){.spp-main{flex-direction:column}.spp-thumbs{flex-direction:row;width:100%;overflow-x:auto;overflow-y:hidden}}@media (max-width:480px){.spp-zoom-controls,.spp-nav-controls{gap:6px;padding:4px 8px}.spp-zoom-controls button,.spp-nav-controls button{padding:3px 7px;font-size:12px}}.spp-preview-wrapper{width:100%;position:relative}.spp-watermark{pointer-events:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:5;transform:translate(var(--tx,0),var(--ty,0))rotate(var(--wm-rotate,0deg));font-weight:700;position:absolute}.spp-pos-top-left{top:12px;left:12px}.spp-pos-top{--tx:-50%;top:12px;left:50%}.spp-pos-top-right{top:12px;right:12px}.spp-pos-left{--ty:-50%;top:50%;left:12px}.spp-pos-center{--tx:-50%;--ty:-50%;top:50%;left:50%}.spp-pos-right{--ty:-50%;top:50%;right:12px}.spp-pos-bottom-left{bottom:12px;left:12px}.spp-pos-bottom{--tx:-50%;bottom:12px;left:50%}.spp-pos-bottom-right{bottom:12px;right:12px}