.sppp-wrap{max-width:100%;margin:20px auto;border:1px solid #d8dce1;border-radius:12px;overflow:hidden;background:#111;box-shadow:0 5px 24px rgba(0,0,0,.12)}
.sppp-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px;background:#202124;color:#fff;position:sticky;top:0;z-index:20}.sppp-toolbar button{border:0;border-radius:7px;padding:8px 10px;background:#fff;color:#222;cursor:pointer;min-height:38px}.sppp-toolbar button:hover{background:#e8eaed}.sppp-page{display:flex;align-items:center;gap:4px}.sppp-page input{width:55px;padding:7px;border-radius:5px;border:0}.sppp-zoom-label{min-width:48px;text-align:center;font-size:12px}.sppp-viewer{height:var(--sppp-height,760px);overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:14px;position:relative;background:#525659;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sppp-canvas{background:#fff;display:block;max-width:none;box-shadow:0 2px 12px rgba(0,0,0,.4);touch-action:none}.sppp-loading{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sppp-selection{position:absolute;border:3px dashed #0087ff;background:rgba(0,135,255,.14);pointer-events:none;box-sizing:border-box;min-width:12px;min-height:12px}.sppp-cropping{cursor:crosshair}.sppp-cropping .sppp-canvas{touch-action:none}.sppp-crop-panel,.sppp-share-panel{background:#fff;color:#222;padding:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sppp-crop-panel{position:sticky;bottom:0;z-index:21;box-shadow:0 -3px 15px rgba(0,0,0,.12)}.sppp-crop-panel button,.sppp-download,.sppp-whatsapp{padding:9px 13px;border:0;border-radius:7px;cursor:pointer;text-decoration:none;background:#222;color:#fff}.sppp-share-panel{justify-content:flex-start}.sppp-result{max-width:320px;max-height:240px;border:1px solid #ddd}.sppp-thumb{padding:10px;background:#f5f6f7;color:#333;display:flex;align-items:center;gap:10px}.sppp-thumb img{width:72px;height:96px;object-fit:cover;background:#fff;border:1px solid #ddd}.sppp-error{padding:12px;background:#fee;color:#900}.sppp-admin-preview{margin:15px 0;padding:15px;background:#fff;border:1px solid #ccd0d4;max-width:760px}.sppp-picker-row{display:flex;gap:8px;align-items:center}.sppp-picker-row input{min-width:420px}@media(max-width:600px){.sppp-viewer{height:min(var(--sppp-height,760px),72vh);padding:8px}.sppp-toolbar{gap:4px;padding:6px}.sppp-toolbar button{padding:6px 8px;min-height:36px}.sppp-page input{width:48px}.sppp-crop-panel{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sppp-crop-panel strong,.sppp-crop-panel span{grid-column:1/-1}.sppp-crop-panel button{width:100%}.sppp-share-panel{flex-direction:column;align-items:stretch}.sppp-download,.sppp-whatsapp{text-align:center;width:100%;box-sizing:border-box}.sppp-picker-row{display:block}.sppp-picker-row input{min-width:0;width:100%;margin-bottom:8px}}