.vee-front{margin:16px 0}.vee-modal__panel .button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.04);color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;line-height:1.4;min-height:38px;padding:8px 18px;text-decoration:none;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .06s ease}.vee-modal__panel .button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 6px rgba(0,0,0,.08)}.vee-modal__panel .button:active:not(:disabled){box-shadow:0 1px 1px rgba(0,0,0,.06);transform:translateY(1px)}.vee-modal__panel .button:focus-visible{border-color:#c026d3;box-shadow:0 0 0 3px rgba(192,38,211,.22);outline:none}.vee-modal__panel .button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.vee-modal__panel .button-primary,.vee-modal__panel .button.button-primary{background:linear-gradient(135deg,#c026d3,#a21caf);border-color:#a21caf;box-shadow:0 2px 8px rgba(192,38,211,.28);color:#fff}.vee-modal__panel .button-primary:hover:not(:disabled),.vee-modal__panel .button.button-primary:hover:not(:disabled){background:linear-gradient(135deg,#d946ef,#c026d3);border-color:#c026d3;box-shadow:0 4px 12px rgba(192,38,211,.4)}.vee-front input[type=email],.vee-front input[type=number],.vee-front input[type=search],.vee-front input[type=tel],.vee-front input[type=text],.vee-front input[type=url],.vee-front select,.vee-front textarea,.vee-modal__body input[type=email],.vee-modal__body input[type=number],.vee-modal__body input[type=search],.vee-modal__body input[type=tel],.vee-modal__body input[type=text],.vee-modal__body input[type=url],.vee-modal__body select,.vee-modal__body textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.04);color:#111827;font-family:inherit;font-size:14px;line-height:1.4;min-height:38px;padding:0 12px;transition:border-color .12s ease,box-shadow .12s ease}.vee-front textarea,.vee-modal__body textarea{min-height:80px;resize:vertical}.vee-front select,.vee-modal__body select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%236b7280%27 viewBox=%270 0 20 20%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.06l3.71-3.83a.75.75 0 1 1 1.08 1.04l-4.25 4.39a.75.75 0 0 1-1.08 0L5.21 8.27a.75.75 0 0 1 .02-1.06%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding:8px 36px 8px 12px}.vee-front input:hover:not(:disabled),.vee-front select:hover,.vee-front textarea:hover:not(:disabled),.vee-modal__body input:hover:not(:disabled),.vee-modal__body select:hover,.vee-modal__body textarea:hover:not(:disabled){border-color:#c026d3}.vee-front input:focus,.vee-front select:focus,.vee-front textarea:focus,.vee-modal__body input:focus,.vee-modal__body select:focus,.vee-modal__body textarea:focus{border-color:#c026d3;box-shadow:0 0 0 3px rgba(192,38,211,.22);outline:none}.vee-front input:disabled,.vee-front select:disabled,.vee-front textarea:disabled,.vee-modal__body input:disabled,.vee-modal__body select:disabled,.vee-modal__body textarea:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.vee-front input::-moz-placeholder,.vee-front textarea::-moz-placeholder,.vee-modal__body input::-moz-placeholder,.vee-modal__body textarea::-moz-placeholder{color:#9ca3af}.vee-front input::placeholder,.vee-front textarea::placeholder,.vee-modal__body input::placeholder,.vee-modal__body textarea::placeholder{color:#9ca3af}.vee-front__mount{display:inline-block}.vee-front__cta{cursor:pointer}.vee-front__mockup-placement{margin-bottom:12px}.vee-front__mockup-placement label{align-items:center;display:flex;flex-wrap:wrap;font-weight:600;gap:8px}.vee-modal__body--mockup{display:flex;flex-direction:column;overflow:hidden;padding:18px}.vee-front__mockup{display:flex;flex:1;flex-direction:column;gap:12px;margin:0 auto;max-width:900px;min-height:0;width:100%}.vee-front__mockup-canvas{background:linear-gradient(180deg,#f5f5f7,#e8e8ec);border-radius:8px;flex:1;min-height:0;width:100%}.vee-front__playpause{align-items:center;background:linear-gradient(135deg,#c026d3,#a21caf);border:0;border-radius:50%;box-shadow:0 2px 8px rgba(192,38,211,.35);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;padding:0;transition:transform .08s ease,box-shadow .08s ease;width:44px}.vee-front__playpause:hover{box-shadow:0 4px 12px rgba(192,38,211,.5);transform:scale(1.05)}.vee-front__playpause:active{transform:scale(.95)}.vee-front__playpause svg{fill:currentColor;height:18px;width:18px}.vee-front__angle{color:#6b7280;font-family:monospace;font-size:14px;min-width:60px;text-align:right}.vee-front__admin-pdf-btn{background:#1f2937;border:1px solid #111827;color:#fff;margin-right:auto}.vee-front__admin-pdf-btn:hover:not(:disabled){background:#111827}.vee-front__mockup-btn{background:linear-gradient(180deg,#fff,#f3f4f6);border:1px solid #c026d3;border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,.04);color:#86198f;font-weight:600;margin-right:auto;padding:6px 14px;transition:transform .08s ease,box-shadow .08s ease}.vee-front__mockup-btn:hover:not(:disabled){background:#fdf4ff;box-shadow:0 2px 6px rgba(192,38,211,.22);transform:translateY(-1px)}.vee-front__mockup-btn:disabled{cursor:progress;opacity:.6}.vee-front__mockup-btn--cta{border-radius:6px;border-width:1px;font-size:15px;margin-left:8px;margin-right:0;min-height:0;padding:11px 18px;vertical-align:middle}.vee-front__mockup-controls{align-items:center;display:flex;gap:12px}.vee-front__mobile-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#78350f;font-size:14px;line-height:1.4;padding:12px 16px;text-align:center}.vee-front__badges{display:flex;flex-wrap:wrap;gap:6px;left:10px;pointer-events:none;position:absolute;top:10px;z-index:5}.vee-front__chip{background:#f654d8;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;padding:8px 16px;white-space:nowrap}.vee-front__chip--warn{background:#dc2626;color:#fff}.vee-front__spinner{animation:vee-spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.4);border-radius:50%;border-top-color:currentcolor;display:inline-block;height:14px;margin-right:8px;vertical-align:middle;width:14px}.vee-front__spinner--lg{border-color:#f654d8 rgba(0,0,0,.1) rgba(0,0,0,.1);border-width:4px;height:36px;margin:0 0 12px;width:36px}@keyframes vee-spin{to{transform:rotate(1turn)}}.vee-front__busy-overlay{align-items:center;backdrop-filter:blur(2px);background:hsla(0,0%,100%,.85);display:flex;inset:0;justify-content:center;position:absolute;z-index:9999}.vee-front__busy-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:4px;padding:24px 32px}.vee-front__busy-label{color:#1f2937;font-size:15px;font-weight:600}.vee-front__face-switcher{background:hsla(0,0%,100%,.95);border:1px solid #e5e7eb;border-radius:999px;bottom:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:inline-flex;gap:0;left:50%;padding:4px;pointer-events:auto;position:absolute;transform:translateX(-50%);z-index:5}.vee-front__face-switcher button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:999px;color:#1f2937;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:background .15s ease,color .15s ease}.vee-front__face-switcher button:hover{background:#f3f4f6}.vee-front__face-switcher button.is-active{background:#f654d8;color:#fff}.vee-front__top-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.vee-front__top-left{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.vee-front__placement--inline{background:transparent;border:0;margin-bottom:0;margin-left:auto;padding:0}.vee-front__placement--inline label{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.vee-front__face-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0}.vee-front__face-tab{background:transparent;border:0;border-bottom:3px solid transparent;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:-2px;padding:10px 22px;transition:color .12s ease,border-color .12s ease}.vee-front__face-tab:hover{color:#86198f}.vee-front__face-tab.is-active{border-bottom-color:#c026d3;color:#c026d3}.vee-front__mode{margin-bottom:12px}.vee-front__mode-group{border:1px solid #c026d3;border-radius:6px;display:inline-flex;flex-wrap:wrap;gap:0;max-width:100%;overflow:hidden;width:auto}.vee-front__mode-btn{background:#fff;border:0;border-right:1px solid #c026d3;color:#86198f;cursor:pointer;flex:0 0 auto;font-weight:500;padding:8px 16px;transition:background .1s ease}.vee-front__mode-btn:last-child{border-right:0}.vee-front__mode-btn:hover{background:#fdf4ff}.vee-front__mode-btn.is-active{background:#c026d3;color:#fff}.vee-front__placement{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:12px;padding:10px}.vee-front__placement--page{margin-bottom:12px;max-width:480px}.vee-front__placement--compact{margin-bottom:8px;padding:4px 8px}.vee-front__placement--compact label{font-size:13px;font-weight:500}.vee-front__fields-col{display:flex;flex-direction:column;gap:12px}.vee-front__placement-field{display:flex;flex-direction:column;gap:4px}.vee-front__placement label{align-items:center;display:flex;flex-wrap:wrap;font-weight:600;gap:8px}.vee-front__preview-col{align-items:stretch;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:flex-start;min-height:0}.vee-front__preview-col .vee-front__preview{margin:0 auto}.vee-front__layout{align-items:flex-start;display:grid;gap:24px;grid-template-columns:minmax(280px,1fr) minmax(280px,360px)}@media (max-width:800px){.vee-front__layout{grid-template-columns:1fr}}@media (min-width:801px){.vee-modal__body{overflow:hidden}.vee-front__layout{height:100%;min-height:0}.vee-front__preview-col{height:100%;overflow:hidden}.vee-front__preview-col .vee-front__preview{align-self:flex-start;margin:0 auto}.vee-front__fields-col{height:100%;min-height:0;overflow-y:auto;padding-right:6px}}.vee-front__preview{background:#fff;border:1px solid #ddd;border-radius:4px;margin:0 auto}.vee-front__oob{background:#fee2e2;border:1px solid #dc2626;border-radius:4px;color:#991b1b;font-size:13px;line-height:1.4;margin-top:8px;padding:8px 12px}.vee-front__fields{display:flex;flex-direction:column;gap:12px}.vee-front__field{background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:10px}.vee-front__label{font-weight:600}.vee-front__sublabel{color:#666;font-size:12px;margin-top:4px}.vee-front__required{color:#dc2626}.vee-front__hint{color:#2271b1;font-size:12px}.vee-front__error{color:#dc2626;font-size:13px;margin-right:auto}.vee-front__thumb{max-height:80px;max-width:80px}.vee-front__thumb,.vee-front__thumb-box{border:1px solid #ccc;border-radius:3px;margin-top:6px}.vee-front__thumb-box{background:#f5f5f5;max-width:100%;overflow:hidden;width:140px}.vee-front__grid{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.vee-front__grid-item{background:#fff;border:2px solid transparent;border-radius:3px;cursor:pointer;padding:0}.vee-front__grid-item.is-selected{border-color:#2271b1}.vee-front__grid-item img{display:block;height:70px;-o-object-fit:cover;object-fit:cover;width:100%}.vee-front__swatches{display:flex;flex-wrap:wrap;gap:6px}.vee-front__swatch{border:1px solid #999;border-radius:50%;cursor:pointer;height:24px;padding:0;width:24px}.vee-front__swatch.is-selected{outline:2px solid #2271b1;outline-offset:2px}.vee-modal{align-items:stretch;display:flex;inset:0;justify-content:stretch;position:fixed;z-index:99999}.vee-modal__backdrop{background:rgba(0,0,0,.6);inset:0;position:absolute}.vee-modal__panel{background:#fff;display:flex;flex-direction:column;height:100%;position:relative;width:100%;z-index:1}@media (min-width:900px){.vee-modal__panel{border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.3);margin:auto;max-height:90vh;max-width:1100px}}.vee-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 18px}.vee-modal__title{font-size:18px;margin:0}.vee-modal__close{background:none;border:0;cursor:pointer;font-size:26px;line-height:1;padding:4px 10px}.vee-modal__body{flex:1;overflow:auto;padding:18px}.vee-modal__footer{align-items:center;background:#fafafa;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:12px 18px}