.vpc-configurator{margin:20px 0;padding:0}.vpc-configurator-wrapper{display:flex;flex-wrap:wrap;gap:30px}.vpc-preview-section{flex:1;min-width:280px;max-width:500px}.vpc-canvas-wrapper{position:relative;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#f8f8f8;box-shadow:0 2px 10px rgb(0 0 0 / .08)}.vpc-canvas{display:block;width:100%;height:auto;background:#fff}.vpc-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(255 255 255 / .9);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.2s}.vpc-loading-overlay.active{opacity:1;visibility:visible}.vpc-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#333;border-radius:50%;animation:vpc-spin 0.8s linear infinite}@keyframes vpc-spin{to{transform:rotate(360deg)}}.vpc-controls-section{flex:1;min-width:280px;max-width:400px}.vpc-control-group{margin-bottom:25px}.vpc-control-group:last-child{margin-bottom:0}.vpc-control-label{display:block;font-weight:600;font-size:14px;color:#333;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.vpc-text-input-wrapper{position:relative;margin-bottom:15px}.vpc-text-input-wrapper:last-child{margin-bottom:0}.vpc-text-input-label{display:block;font-size:14px;color:#222;margin-bottom:8px;font-weight:600;text-transform:none;letter-spacing:0}.vpc-text-input{width:100%;padding:12px 15px;font-size:16px;border:2px solid #ddd;border-radius:6px;transition:border-color 0.2s,box-shadow 0.2s;box-sizing:border-box}.vpc-text-input:focus{outline:none;border-color:#333;box-shadow:0 0 0 3px rgb(0 0 0 / .1)}.vpc-text-input.error{border-color:#dc3545}.vpc-char-counter{position:absolute;right:12px;bottom:-20px;font-size:11px;color:#999}.vpc-char-counter.warning{color:#f0ad4e}.vpc-char-counter.error{color:#dc3545}.vpc-font-select{width:100%;padding:12px 15px;font-size:16px;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:border-color 0.2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.vpc-font-select:focus{outline:none;border-color:#333}.vpc-color-groups{display:flex;flex-direction:column;gap:15px}.vpc-color-group{background:#f9f9f9;border-radius:8px;padding:15px}.vpc-color-group-name{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#777;margin-bottom:10px;font-weight:600}.vpc-color-swatches{display:flex;flex-wrap:wrap;gap:8px}.vpc-color-swatch{width:36px;height:36px;border-radius:6px;cursor:pointer;border:3px solid #fff0;transition:transform 0.15s,border-color 0.15s,box-shadow 0.15s;position:relative;overflow:hidden}.vpc-color-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px rgb(0 0 0 / .2)}.vpc-color-swatch.selected{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.vpc-color-swatch.pattern{background-size:cover;background-position:center}.vpc-color-swatch-inner{width:100%;height:100%;border-radius:3px}.vpc-color-name{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;margin-bottom:5px;z-index:10}.vpc-color-swatch:hover .vpc-color-name{display:block}.vpc-validation-message{color:#dc3545;font-size:12px;margin-top:5px;display:none}.vpc-validation-message.show{display:block}.vpc-required{color:#dc3545;margin-left:2px}@media screen and (max-width:768px){.vpc-configurator-wrapper{flex-direction:column}.vpc-preview-section,.vpc-controls-section{max-width:100%}.vpc-preview-section{order:1}.vpc-controls-section{order:2}}.vpc-cart-preview{max-width:100px;height:auto;border-radius:4px}.vpc-order-preview{margin-top:10px}.vpc-order-preview img{border-radius:4px;border:1px solid #ddd}.woocommerce-mini-cart .vpc-cart-preview{max-width:60px}@keyframes vpc-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vpc-configurator{animation:vpc-fade-in 0.3s ease-out}@media (prefers-color-scheme:dark){.vpc-canvas-wrapper{background:#2a2a2a;border-color:#444}.vpc-control-label{color:inherit}.vpc-text-input{background:#333;border-color:#555;color:#fff}.vpc-text-input:focus{border-color:#888}.vpc-font-select{background-color:#333;border-color:#555;color:#fff}.vpc-color-group{background:#2a2a2a}}