.proddisp-layout-selection,.proddisp-mode-selection{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.proddisp-header{margin-bottom:3rem;position:relative;text-align:center}.proddisp-header:before{background:linear-gradient(90deg,#00f2fe,#4facfe);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:60px}.proddisp-header h1{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 1rem;text-shadow:0 7px 7px rgba(0,0,0,.1)}.proddisp-header .description{color:#718096;font-size:1.1rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.proddisp-layout-grid,.proddisp-mode-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:0}.proddisp-layout-card,.proddisp-mode-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.proddisp-layout-card:before,.proddisp-mode-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.proddisp-layout-card:hover:before,.proddisp-mode-card:hover:before{opacity:1}.proddisp-layout-card:hover,.proddisp-mode-card:hover{background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.15);transform:translateY(-10px) scale(1.02)}.proddisp-layout-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 25px rgba(102,126,234,.3);display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.proddisp-layout-icon:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.2) 50%,transparent 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.proddisp-layout-card:hover .proddisp-layout-icon:before,.proddisp-mode-card:hover .proddisp-layout-icon:before{transform:translateX(100%)}.proddisp-layout-card:hover .proddisp-layout-icon,.proddisp-mode-card:hover .proddisp-layout-icon{box-shadow:0 12px 35px rgba(102,126,234,.4);transform:scale(1.1)}.proddisp-layout-icon .dashicons{color:#fff;font-size:2rem;height:auto;width:auto}.proddisp-layout-card h3,.proddisp-mode-card h3{color:#2d3748;font-size:1.4rem;font-weight:600;letter-spacing:-.3px;margin:0 0 1rem}.proddisp-layout-description,.proddisp-mode-description{color:#718096;font-size:.95rem;font-weight:400;line-height:1.6;margin:0 0 2rem}.proddisp-layout-card .button,.proddisp-mode-card .button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff;display:inline-block;font-size:.95rem;font-weight:500;min-width:140px;overflow:hidden;padding:12px 30px;position:relative;text-decoration:none;transition:all .3s ease}.proddisp-layout-card .button:before,.proddisp-mode-card .button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.proddisp-layout-card .button:hover:before,.proddisp-mode-card .button:hover:before{left:100%}.proddisp-layout-card .button:hover,.proddisp-mode-card .button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px rgba(102,126,234,.4);transform:translateY(-2px)}.proddisp-layout-card .button:active,.proddisp-mode-card .button:active{transform:translateY(0)}.proddisp-layout-card,.proddisp-mode-card{animation:fadeInUp .6s ease forwards}.proddisp-layout-card:first-child{animation-delay:.1s}.proddisp-layout-card:nth-child(2){animation-delay:.2s}.proddisp-layout-card:nth-child(3){animation-delay:.3s}.proddisp-layout-card:nth-child(4){animation-delay:.4s}@media(max-width:768px){.proddisp-layout-selection,.proddisp-mode-selection{padding:1.5rem 1rem}.proddisp-header h1{font-size:2rem}.proddisp-header .description{font-size:1rem}.proddisp-layout-grid,.proddisp-mode-grid{gap:1.5rem;grid-template-columns:1fr}.proddisp-layout-card,.proddisp-mode-card{padding:2rem 1.5rem}.proddisp-layout-icon{height:70px;width:70px}.proddisp-layout-icon .dashicons{font-size:1.8rem}}@media(max-width:480px){.proddisp-layout-selection,.proddisp-mode-selection{padding:1rem}.proddisp-header h1{font-size:1.8rem}.proddisp-layout-card,.proddisp-mode-card{padding:1.5rem 1rem}.proddisp-layout-icon{height:60px;width:60px}.proddisp-layout-icon .dashicons{font-size:1.5rem}}@media(prefers-color-scheme:dark){.proddisp-layout-card,.proddisp-mode-card{background:rgba(26,32,44,.95);border:1px solid hsla(0,0%,100%,.1)}.proddisp-layout-card:hover,.proddisp-mode-card:hover{background:#1a202c}.proddisp-layout-card h3,.proddisp-mode-card h3{color:#f7fafc}.proddisp-layout-description,.proddisp-mode-description{color:#a0aec0}}.proddisp-layout-grid.loading .proddisp-layout-card,.proddisp-mode-grid.loading .proddisp-mode-card{opacity:0;transform:translateY(20px)}.proddisp-layout-card .button:focus,.proddisp-mode-card .button:focus{box-shadow:0 0 0 3px rgba(102,126,234,.5);outline:none}@media(prefers-contrast:high){.proddisp-layout-card,.proddisp-layout-card .button,.proddisp-mode-card,.proddisp-mode-card .button{border:2px solid #000}}.proddisp-style-selection{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2.5rem 2rem;position:relative}.proddisp-style-card{animation:fadeInUp .6s ease forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.1);margin-bottom:2rem;overflow:hidden;position:relative;transform:translateY(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.proddisp-style-card:first-child{animation-delay:.1s}.proddisp-style-card:nth-child(2){animation-delay:.2s}.proddisp-style-card:nth-child(3){animation-delay:.3s}.proddisp-style-card:nth-child(4){animation-delay:.4s}.proddisp-style-card:nth-child(5){animation-delay:.5s}.proddisp-style-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:2}.proddisp-style-preview{background:linear-gradient(45deg,#f8fafc,#e2e8f0);overflow:hidden;position:relative;transition:all .4s ease}.proddisp-style-preview:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.proddisp-style-card:hover .proddisp-style-preview:after{left:100%}.proddisp-style-card h3{color:#2d3748;font-size:1.375rem;font-weight:600;letter-spacing:-.3px;line-height:1.3;margin:0 0 .5rem;padding:1.5rem 1.5rem 0;position:relative}.proddisp-style-card:hover h3:after{opacity:1;transform:scaleX(1)}.proddisp-style-card p{color:#718096;font-size:.925rem;font-weight:400;line-height:1.6;margin:0 0 1.5rem;padding:0 1.5rem}.proddisp-style-card .button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:500;margin:0 1.5rem 1.5rem;overflow:hidden;padding:14px 24px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;width:calc(100% - 3rem)}.proddisp-style-card .button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.proddisp-style-card .button:hover:before{left:100%}.proddisp-style-card .button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px rgba(102,126,234,.4);transform:translateY(-2px)}.proddisp-style-card .button:active{box-shadow:0 4px 15px rgba(102,126,234,.3);transform:translateY(0)}.proddisp-style-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.proddisp-style-card.loading{opacity:0;transform:translateY(30px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media(max-width:768px){.proddisp-style-selection{padding:2rem 1.5rem}.proddisp-style-card{margin-bottom:1.5rem}.proddisp-style-card h3{font-size:1.25rem;padding:1.25rem 1.25rem 0}.proddisp-style-card h3:after{left:1.25rem}.proddisp-style-card p{font-size:.875rem;padding:0 1.25rem}.proddisp-style-card .button{margin:0 1.25rem 1.25rem;padding:12px 20px;width:calc(100% - 2.5rem)}.proddisp-style-preview{min-height:160px}}@media(max-width:480px){.proddisp-style-selection{padding:1.5rem 1rem}.proddisp-style-card{border-radius:16px;margin-bottom:1.25rem}.proddisp-style-card h3{font-size:1.125rem;padding:1.25rem 1.25rem 0}.proddisp-style-card p{font-size:.8rem;margin-bottom:1.25rem;padding:0 1.25rem}.proddisp-style-card .button{font-size:.875rem;margin:0 1.25rem 1.25rem;width:calc(100% - 2.5rem)}.proddisp-style-preview{min-height:140px}}@media(prefers-color-scheme:dark){.proddisp-style-card{background:rgba(26,32,44,.95);border:1px solid hsla(0,0%,100%,.1)}.proddisp-style-card:hover{background:#1a202c}.proddisp-style-card h3{color:#f7fafc}.proddisp-style-card p{color:#a0aec0}.proddisp-style-preview{background:linear-gradient(45deg,#1a202c,#2d3748)}}@media(prefers-contrast:high){.proddisp-style-card,.proddisp-style-card .button{border:2px solid #000}}.proddisp-style-card .button:focus{box-shadow:0 0 0 3px rgba(102,126,234,.5);outline:none}@media(prefers-reduced-motion:reduce){.proddisp-style-card,.proddisp-style-card .button,.proddisp-style-card:before,.proddisp-style-preview{animation:none;transition:none}.proddisp-style-card:hover{transform:none}}.proddisp-style-preview{align-items:center;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:24px;transition:all .2s ease-in-out}@media(max-width:500px){.proddisp-style-preview{min-height:160px;padding:20px}}.proddisp-style-preview p{color:#475569;font-style:italic;margin:0;text-align:center}.proddisp-style-preview .product-item{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin:8px;max-width:150px;padding:16px;transition:all .2s ease-in-out}.proddisp-style-preview .product-item:hover{box-shadow:0 6px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.proddisp-style-preview .product-item img{border-radius:4px;height:auto;margin-bottom:8px;width:100%}.proddisp-style-preview .product-item h4{color:#1e293b;font-size:14px;font-weight:500;margin:0 0 4px}.proddisp-style-preview .product-item .price{color:#4a6cf7;font-size:13px;font-weight:600}@media(max-width:782px){.proddisp-layout-grid,.proddisp-mode-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.proddisp-style-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:500px){.proddisp-layout-card,.proddisp-mode-card{padding:24px 20px}.proddisp-layout-icon{height:60px;width:60px}.proddisp-layout-icon .dashicons{font-size:20px}}.proddisp-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.proddisp-loading:after{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#4a6cf7;content:"";height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.proddisp-layout-card:focus-within,.proddisp-mode-card:focus-within,.proddisp-style-card:focus-within{box-shadow:0 0 0 2px rgba(74,108,247,.3);outline:none}@media print{.proddisp-layout-selection,.proddisp-mode-selection,.proddisp-style-selection{background:#fff;box-shadow:none}.proddisp-layout-card,.proddisp-mode-card,.proddisp-style-card{-moz-column-break-inside:avoid;border:1px solid #e2e8f0;box-shadow:none;break-inside:avoid}}.proddisp-create-page{margin:20px auto;max-width:1200px}.proddisp-form-section{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px}.proddisp-form-section h2{border-bottom:1px solid #ddd;margin-top:0;padding-bottom:10px}.proddisp-product-selection{margin-top:15px}.proddisp-product-selection select{margin-bottom:15px;max-width:400px;width:100%}.proddisp-preview-container{background:#f0f0f1;border:1px solid #ddd;border-radius:8px;min-height:200px;padding:20px}.proddisp-error,.proddisp-loading{color:#646970;padding:40px;text-align:center}.proddisp-error{color:#d63638}.select2-container--default .select2-selection--multiple{border-color:#ddd}.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#f0f0f1;border:1px solid #ddd;border-radius:4px;padding:2px 6px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#646970;margin-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#d63638}.proddisp-create-page .form-table th{padding:20px 10px 20px 0;width:200px}.proddisp-create-page .form-table td{padding:20px 10px}.proddisp-create-page .form-table input[type=number],.proddisp-create-page .form-table input[type=text],.proddisp-create-page .form-table select{max-width:400px;width:100%}.proddisp-create-page .form-table label{display:block;margin-bottom:10px}.proddisp-create-page .form-table input[type=checkbox]{margin-right:8px}.proddisp-create-page .submit{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}@media screen and (max-width:782px){.proddisp-create-page .form-table th{padding:10px 0;width:auto}.proddisp-create-page .form-table td{padding:10px 0}.proddisp-create-page .form-table input[type=number],.proddisp-create-page .form-table input[type=text],.proddisp-create-page .form-table select{max-width:100%}}.proddisp-style-form{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.proddisp-style-form .proddisp-name-input{margin-bottom:15px}.proddisp-style-form .proddisp-name-input input{background:#fff;border:2px solid #e2e8f0;border-radius:6px;box-shadow:inset 0 2px 4px rgba(0,0,0,.03);color:#1e293b;font-size:14px;line-height:1.4;margin:12px 12px 14px 18px;padding:8px 6px 9px 15px;transition:all .2s ease-in-out;width:95%}.proddisp-style-form .proddisp-name-input input:focus{border-color:#4a6cf7;box-shadow:0 0 0 1px #4a6cf7;outline:none}.proddisp-style-form .proddisp-name-input .proddisp-name-label{color:#000;font-size:16px;line-height:1.4;margin:-13px -3px 12px 20px;padding:8px 6px 9px 2px}.proddisp-style-form .proddisp-name-input .proddisp-name-label:before{color:#64748b;content:"| ";margin-right:6px}.proddisp-style-form .proddisp-name-input .description{color:#475569;font-size:13px;line-height:1.4;margin:-13px -3px 12px 20px;padding:8px 6px 9px 2px}.proddisp-style-form .button-primary{margin-top:10px;width:calc(100% - 3rem)}.proddisp-create-page .proddisp-header,.proddisp-error-page .proddisp-header,.proddisp-mode-selection .proddisp-header,.proddisp-style-selection .proddisp-header{border-bottom:1px solid #e1e1e1;margin-bottom:30px;padding-bottom:20px}.proddisp-create-page .proddisp-header h1,.proddisp-error-page .proddisp-header h1,.proddisp-mode-selection .proddisp-header h1,.proddisp-style-selection .proddisp-header h1{color:#1d2327;font-size:28px;font-weight:600;line-height:1.3;margin:0 0 10px}.proddisp-create-page .notice.notice-error,.proddisp-error-page .notice.notice-error,.proddisp-mode-selection .notice.notice-error,.proddisp-style-selection .notice.notice-error{background-color:#fff;background:#fff;border-left:4px solid #d63638;border-radius:0 4px 4px 0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin:0 0 30px;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .2s ease-in-out}.proddisp-create-page .notice.notice-error p,.proddisp-error-page .notice.notice-error p,.proddisp-mode-selection .notice.notice-error p,.proddisp-style-selection .notice.notice-error p{font-size:14px;line-height:1.6;margin:0 0 15px}.proddisp-create-page .notice.notice-error p:last-child,.proddisp-error-page .notice.notice-error p:last-child,.proddisp-mode-selection .notice.notice-error p:last-child,.proddisp-style-selection .notice.notice-error p:last-child{margin-bottom:0}.proddisp-create-page .notice.notice-error p strong,.proddisp-error-page .notice.notice-error p strong,.proddisp-mode-selection .notice.notice-error p strong,.proddisp-style-selection .notice.notice-error p strong{color:#d63638;font-weight:600}.proddisp-create-page .notice.notice-error p:first-child,.proddisp-error-page .notice.notice-error p:first-child,.proddisp-mode-selection .notice.notice-error p:first-child,.proddisp-style-selection .notice.notice-error p:first-child{color:#3c434a;font-size:15px}.proddisp-create-page .notice.notice-error .button,.proddisp-error-page .notice.notice-error .button,.proddisp-mode-selection .notice.notice-error .button,.proddisp-style-selection .notice.notice-error .button{align-items:center;border-radius:4px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.proddisp-create-page .notice.notice-error .button.button-primary,.proddisp-error-page .notice.notice-error .button.button-primary,.proddisp-mode-selection .notice.notice-error .button.button-primary,.proddisp-style-selection .notice.notice-error .button.button-primary{align-items:center;background:linear-gradient(135deg,#4a6cf7,#6366f1);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;line-height:1.4;max-width:240px;min-height:44px;padding:12px 24px;text-decoration:none;transition:all .2s ease-in-out;width:100%}.proddisp-create-page .notice.notice-error .button.button-primary:focus,.proddisp-create-page .notice.notice-error .button.button-primary:hover,.proddisp-error-page .notice.notice-error .button.button-primary:focus,.proddisp-error-page .notice.notice-error .button.button-primary:hover,.proddisp-mode-selection .notice.notice-error .button.button-primary:focus,.proddisp-mode-selection .notice.notice-error .button.button-primary:hover,.proddisp-style-selection .notice.notice-error .button.button-primary:focus,.proddisp-style-selection .notice.notice-error .button.button-primary:hover{background-color:#135e96;border-color:#135e96;box-shadow:0 2px 8px rgba(33,113,177,.3);color:#fff;transform:translateY(-1px)}.proddisp-create-page .notice.notice-error .button.button-primary:active,.proddisp-error-page .notice.notice-error .button.button-primary:active,.proddisp-mode-selection .notice.notice-error .button.button-primary:active,.proddisp-style-selection .notice.notice-error .button.button-primary:active{box-shadow:0 1px 4px rgba(33,113,177,.3);transform:translateY(0)}