.jcp-wrap{--jcp-bg:#f8f5fb;--jcp-bg-deep:#efe7f6;--jcp-ink:#1d1530;--jcp-ink-soft:#5a4c70;--jcp-line:#e3d8ef;--jcp-violet:#6b3fa0;--jcp-violet-deep:#2c1850;--jcp-magenta:#d3197a;--jcp-magenta-2:#b00a64;--jcp-mint:#2e7d6b;--jcp-warn:#c2410c;--jcp-radius:18px;--jcp-radius-sm:10px;--jcp-shadow:0 8px 30px -12px rgba(44, 24, 80, 0.18);--jcp-shadow-lg:0 24px 60px -28px rgba(44, 24, 80, 0.35);--jcp-font-display:'Playfair Display', 'Cormorant Garamond', Georgia, 'Times New Roman', serif;--jcp-font-body:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;max-width:1180px;margin:0 auto;padding:clamp(24px, 4vw, 56px) clamp(16px, 3vw, 32px);color:var(--jcp-ink);font-family:var(--jcp-font-body);font-size:15px;line-height:1.55;background:linear-gradient(180deg,var(--jcp-bg) 0%,#ffffff 100%);border-radius:calc(var(--jcp-radius) + 6px);position:relative}.jcp-wrap *{box-sizing:border-box}.jcp-wrap [hidden]{display:none!important}@media (prefers-reduced-motion:reduce){.jcp-spinner{animation:none}.jcp-canvas-frame canvas{transition:none}.jcp-lightbox{animation:none}.jcp-canvas-frame.is-zoomable:hover canvas{transition:none}}.jcp-header{text-align:center;margin-bottom:clamp(28px, 4vw, 48px);position:relative}.jcp-eyebrow{font-family:var(--jcp-font-body);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--jcp-magenta);margin:0 0 12px}.jcp-title{font-family:var(--jcp-font-display);font-weight:600;font-size:clamp(34px, 5vw, 56px);line-height:1.05;letter-spacing:-.01em;color:var(--jcp-violet-deep);margin:0 0 14px}.jcp-subtitle{font-size:16px;color:var(--jcp-ink-soft);max-width:540px;margin:0 auto 22px}.jcp-deadline-banner{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:999px;background:#fff;border:1px solid var(--jcp-line);box-shadow:var(--jcp-shadow);font-size:13px;color:var(--jcp-ink)}.jcp-deadline-banner strong{color:var(--jcp-violet-deep);font-weight:600}.jcp-deadline-icon{color:var(--jcp-violet);flex-shrink:0}.jcp-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(20px, 3vw, 36px);align-items:start}@media (max-width:880px){.jcp-grid{grid-template-columns:1fr}}.jcp-panel{background:#fff;border:1px solid var(--jcp-line);border-radius:var(--jcp-radius);padding:clamp(20px, 3vw, 32px);box-shadow:var(--jcp-shadow)}.jcp-preview-stage{position:relative}.jcp-preview-stage.is-empty .jcp-preview{display:none}.jcp-preview-stage:not(.is-empty) .jcp-dropzone{display:none}.jcp-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:380px;padding:40px 24px;background:var(--jcp-bg-deep);border:2px dashed #c8b3e0;border-radius:var(--jcp-radius-sm);color:var(--jcp-ink-soft);text-align:center;cursor:pointer;transition:border-color 0.2s,background 0.2s,transform 0.2s}.jcp-dropzone:hover,.jcp-dropzone:focus-visible{border-color:var(--jcp-violet);background:#ebe0f7;outline:none}.jcp-dropzone.is-dragging{border-color:var(--jcp-magenta);background:#f5e4ee;transform:scale(1.005)}.jcp-drop-icon{width:36px;height:36px;color:var(--jcp-violet)}.jcp-drop-text{margin:0;font-size:15px;color:var(--jcp-ink)}.jcp-drop-or{color:var(--jcp-ink-soft);font-style:italic;font-family:var(--jcp-font-display);margin:0 4px}.jcp-link-btn{background:none;border:none;padding:0;font:inherit;color:var(--jcp-magenta);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.jcp-link-btn:hover{color:var(--jcp-magenta-2)}.jcp-drop-hint{margin:0;font-size:12px;color:var(--jcp-ink-soft);letter-spacing:.04em}.jcp-preview{display:flex;flex-direction:column;gap:16px}.jcp-canvas-frame{position:relative;border-radius:var(--jcp-radius-sm);overflow:hidden;background:#1a0e2e;box-shadow:var(--jcp-shadow-lg)}.jcp-canvas-frame canvas{display:block;width:100%;height:auto;transition:transform 0.18s ease-out;transform-origin:center center;will-change:transform}@media (hover:hover) and (pointer:fine){.jcp-canvas-frame.is-zoomable{cursor:zoom-in}.jcp-canvas-frame.is-zoomable:hover canvas{transform:scale(2.2);transform-origin:var(--jcp-zoom-x,50%) var(--jcp-zoom-y,50%)}}.jcp-canvas-loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;gap:10px;background:rgb(26 14 46 / .85);color:#fff;font-size:14px;letter-spacing:.03em}.jcp-preview-stage.is-uploading .jcp-canvas-loading{display:flex}.jcp-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgb(255 255 255 / .25);border-top-color:#fff;border-radius:50%;animation:jcp-spin 0.8s linear infinite;animation-play-state:paused}.jcp-preview-stage.is-uploading .jcp-spinner{animation-play-state:running}@keyframes jcp-spin{to{transform:rotate(360deg)}}.jcp-preview-controls{display:flex;gap:10px;flex-wrap:wrap}.jcp-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:var(--jcp-bg-deep);border:1px solid var(--jcp-line);border-radius:999px;font:inherit;font-size:13px;color:var(--jcp-ink);cursor:pointer;transition:background 0.15s,border-color 0.15s}.jcp-chip:hover{background:#e2d2f0}.jcp-chip[aria-pressed="false"]{opacity:.7}.jcp-chip--ghost{background:#fff}.jcp-orient{display:inline-flex;align-items:stretch;background:var(--jcp-bg-deep);border:1px solid var(--jcp-line);border-radius:999px;padding:3px;gap:2px}.jcp-orient.is-square{display:none}.jcp-orient-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#fff0;border:none;font:inherit;font-size:12px;color:var(--jcp-ink-soft);border-radius:999px;cursor:pointer;transition:background 0.15s,color 0.15s}.jcp-orient-btn:hover{color:var(--jcp-ink)}.jcp-orient-btn.is-active{background:#fff;color:var(--jcp-violet-deep);box-shadow:0 1px 2px rgb(44 24 80 / .08)}.jcp-orient-btn svg{flex-shrink:0}@media (max-width:540px){.jcp-orient-btn span{display:none}}.jcp-preview-note{margin:0;font-size:13px;color:var(--jcp-ink-soft);min-height:1.5em}.jcp-preview-note.is-warn{color:var(--jcp-warn);font-weight:500}.jcp-form{display:flex;flex-direction:column;gap:22px}.jcp-field{border:none;padding:0;margin:0}.jcp-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--jcp-violet-deep);margin-bottom:12px;padding:0}.jcp-label--optional{color:var(--jcp-ink-soft)}.jcp-step{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--jcp-violet-deep);color:#fff;border-radius:50%;font-size:12px;font-weight:600}.jcp-optional{font-weight:400;font-size:11px;letter-spacing:.04em;color:var(--jcp-ink-soft);text-transform:lowercase}.jcp-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.jcp-size{position:relative;cursor:pointer}.jcp-size input{position:absolute;opacity:0;pointer-events:none}.jcp-size-inner{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;background:#fff;border:1.5px solid var(--jcp-line);border-radius:14px;text-align:center;transition:border-color 0.15s,transform 0.15s,box-shadow 0.15s}.jcp-size:hover .jcp-size-inner{border-color:#c8b3e0;transform:translateY(-1px)}.jcp-size input:checked+.jcp-size-inner{border-color:var(--jcp-magenta);background:linear-gradient(180deg,#fff 0%,#fdf3f8 100%);box-shadow:0 0 0 3px rgb(211 25 122 / .1)}.jcp-size input:focus-visible+.jcp-size-inner{box-shadow:0 0 0 3px rgb(107 63 160 / .25)}.jcp-size-pieces{font-family:var(--jcp-font-display);font-size:26px;font-weight:600;color:var(--jcp-violet-deep);line-height:1}.jcp-size-pieces-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--jcp-ink-soft);margin-bottom:8px}.jcp-size-price{font-size:14px;font-weight:600;color:var(--jcp-ink)}.jcp-size-cur{font-size:10px;font-weight:500;color:var(--jcp-ink-soft);margin-left:2px}.jcp-size-dim{font-size:11px;color:var(--jcp-ink-soft);margin-top:2px}.jcp-qty{display:inline-flex;align-items:center;border:1.5px solid var(--jcp-line);border-radius:999px;overflow:hidden;background:#fff}.jcp-qty-btn{width:38px;height:38px;background:#fff0;border:none;font-size:18px;color:var(--jcp-violet-deep);cursor:pointer}.jcp-qty-btn:hover{background:var(--jcp-bg-deep)}.jcp-qty input{width:48px;height:38px;border:none;text-align:center;font:inherit;font-weight:600;color:var(--jcp-ink);background:#fff0;-moz-appearance:textfield}.jcp-qty input::-webkit-outer-spin-button,.jcp-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.jcp-qty input:focus-visible{outline:none;background:var(--jcp-bg-deep)}.jcp-form textarea{width:100%;padding:12px 14px;border:1.5px solid var(--jcp-line);border-radius:12px;font:inherit;color:var(--jcp-ink);background:#fff;resize:vertical;min-height:88px;transition:border-color 0.15s,box-shadow 0.15s}.jcp-form textarea:focus{outline:none;border-color:var(--jcp-violet);box-shadow:0 0 0 3px rgb(107 63 160 / .12)}.jcp-form textarea::placeholder{color:#a294b4}.jcp-summary{background:var(--jcp-bg-deep);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.jcp-summary-row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.jcp-summary-row span:first-child{color:var(--jcp-ink-soft)}.jcp-summary-row span:last-child{font-family:var(--jcp-font-display);font-size:22px;font-weight:600;color:var(--jcp-violet-deep)}.jcp-summary-eta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--jcp-ink)}.jcp-summary-eta strong{color:var(--jcp-violet-deep)}.jcp-summary-fine{margin:0;font-size:12px;color:var(--jcp-ink-soft);line-height:1.5}.jcp-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 26px;background:var(--jcp-magenta);color:#fff;font:inherit;font-size:15px;font-weight:600;letter-spacing:.04em;border:none;border-radius:999px;cursor:pointer;transition:background 0.15s,transform 0.1s,box-shadow 0.15s;box-shadow:0 10px 25px -10px rgb(211 25 122 / .5)}.jcp-submit:hover:not(:disabled){background:var(--jcp-magenta-2);box-shadow:0 14px 30px -10px rgb(211 25 122 / .55)}.jcp-submit:active:not(:disabled){transform:translateY(1px)}.jcp-submit:disabled{background:#d8c9e8;cursor:not-allowed;box-shadow:none}.jcp-form-error{margin:0;min-height:1em;color:var(--jcp-warn);font-size:13px;font-weight:500}.jcp-wrap--closed{text-align:center}.jcp-closed-card{max-width:480px;margin:clamp(20px, 5vw, 40px) auto;padding:clamp(32px, 5vw, 56px) clamp(24px, 4vw, 40px);background:#fff;border:1px solid var(--jcp-line);border-radius:var(--jcp-radius);box-shadow:var(--jcp-shadow)}.jcp-closed-icon{width:56px;height:56px;color:var(--jcp-violet);margin-bottom:18px}.jcp-link-cta{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:12px 22px;background:var(--jcp-violet-deep);color:#fff;border-radius:999px;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.04em;transition:background 0.15s}.jcp-link-cta:hover{background:var(--jcp-violet);color:#fff}.jcp-preview-hint{margin:4px 0 0;font-size:12px;color:var(--jcp-ink-soft);font-style:italic;font-family:var(--jcp-font-display)}.jcp-preview-stage.is-empty+.jcp-preview-hint{display:none}@media (hover:none),(pointer:coarse){.jcp-preview-hint{display:none}}.jcp-lightbox{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:clamp(20px, 4vw, 56px);background:rgb(15 8 30 / .85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:jcp-fade-in 0.18s ease-out}.jcp-lightbox.is-open{display:flex}@keyframes jcp-fade-in{from{opacity:0}to{opacity:1}}.jcp-lightbox-stage{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.jcp-lightbox-stage canvas{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;border-radius:8px;box-shadow:0 30px 80px -20px rgb(0 0 0 / .6)}.jcp-lightbox-close{position:absolute;top:clamp(12px, 2vw, 24px);right:clamp(12px, 2vw, 24px);width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .95);color:var(--jcp-violet-deep);border:1px solid rgb(255 255 255 / .18);border-radius:50%;cursor:pointer;transition:background 0.15s,transform 0.15s;box-shadow:0 4px 16px rgb(0 0 0 / .25);font:inherit;line-height:1}.jcp-lightbox-close:hover{background:#fff;transform:scale(1.05)}.jcp-lightbox-close:focus-visible{outline:2px solid var(--jcp-magenta);outline-offset:2px}.jcp-lightbox-close svg{width:22px!important;height:22px!important;max-width:none!important;max-height:none!important;flex-shrink:0;display:block;color:inherit}.jcp-lightbox-close svg path{stroke:currentColor}body.jcp-lightbox-open{overflow:hidden}