.ppl-modal{position:fixed;inset:0;z-index:99999;background:#0009;overflow:auto;padding:24px}.ppl-panel{max-width:1100px;margin:auto;background:#fff;border-radius:16px;padding:24px}.ppl-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ppl-header h2{margin:0}.ppl-close-icon{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:28px;line-height:1;cursor:pointer}.ppl-close-icon:hover,.ppl-close-icon:focus-visible{background:#e2e8f0}.ppl-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px}.ppl-stage{position:relative;isolation:isolate;max-width:680px;margin:auto}.ppl-stage>img{position:relative;z-index:0;display:block;width:100%;height:auto;pointer-events:none;user-select:none}.ppl-stage .canvas-container{position:absolute!important;inset:0;z-index:1;width:100%!important;height:100%!important}.ppl-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.ppl-stage .upper-canvas{touch-action:none}.ppl-print-boundary{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;overflow:visible}.ppl-print-boundary polygon{fill:#2563eb1a;stroke:#2563eb;stroke-width:2px;stroke-dasharray:8px 6px;vector-effect:non-scaling-stroke}.ppl-controls label,.ppl-controls select,.ppl-controls input{display:block;width:100%;margin:8px 0}.ppl-print-area{margin:8px 0;padding:10px;border-radius:8px;background:#eff6ff;color:#1e3a8a;font-size:.875rem;line-height:1.4}.ppl-designs{margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0}.ppl-designs h3{margin:0 0 10px;font-size:1rem}.ppl-designs-empty{margin:0;color:#64748b;font-size:.875rem}.ppl-design-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.ppl-design-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.ppl-design-item>img{width:48px;height:48px;object-fit:contain;border-radius:6px;background:#fff}.ppl-design-details{display:grid;min-width:0}.ppl-design-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppl-design-details small{color:#64748b}.ppl-design-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}.ppl-design-actions button{padding:6px 10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;cursor:pointer}.ppl-design-actions .ppl-design-remove{border-color:#fecaca;color:#b91c1c}.ppl-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.ppl-save-status{min-height:1.4em;color:#166534;font-size:.875rem}.ppl-error{color:#b91c1c}.publipop-saved-customizations__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.publipop-saved-customizations__card{border:1px solid #dbeafe;border-radius:12px;padding:16px;background:#fff}.publipop-saved-customizations__card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#f8fafc;border-radius:8px;margin-bottom:12px}.publipop-saved-customizations__card h3{margin:0 0 8px}.publipop-saved-customizations__card p{margin:8px 0}@media(max-width:700px){.ppl-modal{padding:10px}.ppl-panel{padding:16px}.ppl-grid{grid-template-columns:1fr}.ppl-actions{flex-wrap:wrap}.ppl-actions button{min-height:44px}.ppl-close-icon{min-height:40px}}