.widget-preview-container,.widget-preview-floating-button,.widget-preview-footer,.widget-preview-form-group input,.widget-preview-form-group textarea,.widget-preview-overlay *,.widget-preview-submit,.widget-preview-tab{font-family:DM Sans,sans-serif}.widget-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.widget-preview-container{width:420px;max-width:90vw;border-radius:.75rem;overflow:hidden;animation:modalAppear .25s cubic-bezier(.16,1,.3,1);transform-origin:center}@media (max-width:480px){.widget-preview-container{width:98vw;max-width:98vw}}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.widget-preview-header{padding:1rem .75rem;display:flex;align-items:center;justify-content:space-between;color:white;position:relative;overflow:hidden;background:var(--widget-primary-color-bg)}.widget-preview-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,0));z-index:0}.widget-preview-branding{display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}.widget-preview-logo{max-height:24px;max-width:70px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.widget-preview-title{font-size:.95rem;font-weight:600;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.1);color:var(--widget-header-text)}.widget-preview-close{background:var(--widget-close-bg,rgba(255,255,255,.15));border:none;color:var(--widget-header-text,white);width:24px;height:24px;font-size:1.125rem;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.8;transition:all .2s ease;position:relative;z-index:1}.widget-preview-close:hover{opacity:1;background-color:var(--widget-close-hover-bg,rgba(255,255,255,.25));transform:scale(1.05)}.widget-preview-content{padding:.75rem 1rem}.widget-preview-tabs{display:flex;background-color:var(--widget-tab-bg,#f3f4f6);padding:.25rem;border-radius:.5rem;margin-bottom:1rem}.widget-preview-tab{flex:1;padding:.4rem .25rem;border:none;background-color:transparent;color:var(--widget-tab-text,#6b7280);font-size:.75rem;font-weight:600;border-radius:.375rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:center}.widget-preview-tab:hover{background-color:var(--widget-tab-hover-bg,rgba(0,0,0,.05));color:var(--widget-tab-text-hover,#1f2937)}.widget-preview-tab.active{background-color:var(--widget-tab-active-bg,white);color:var(--text-secondary);box-shadow:0 1px 3px rgba(0,0,0,.08)}.widget-preview-form{display:flex;flex-direction:column;gap:.6rem}.widget-preview-form-group{display:flex;flex-direction:column;gap:.25rem}.widget-preview-form-group label{font-size:.7rem;font-weight:600;opacity:.85}.widget-preview-form-group input,.widget-preview-form-group textarea{padding:.5rem .75rem;border:1px solid var(--widget-border-color,var(--border-color));border-radius:.375rem;font-size:.8125rem;resize:none;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.02)}.widget-preview-form-group input:focus,.widget-preview-form-group textarea:focus{border-color:var(--widget-primary-color);box-shadow:0 0 0 3px rgba(219,39,119,.1);outline:none}.widget-preview-form-group textarea{min-height:60px}.widget-preview-submit{padding:.5rem 1rem;background:var(--widget-primary-color-bg);color:var(--widget-button-text,white);border:none;border-radius:.375rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.2rem;align-self:flex-end}.widget-preview-submit:hover{transform:translateY(-2px)}.widget-preview-footer{padding:.5rem 1rem;border-top:1px solid var(--widget-border-color,var(--border-color));text-align:right;font-size:.59rem}:root[class~=dark] .widget-preview-footer{background-color:rgba(255,255,255,.02)}.widget-preview-brand{font-weight:600}.widget-preview-floating-button{position:absolute;height:32px;padding:0 .85rem;border-radius:100px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);overflow:hidden;text-transform:capitalize;letter-spacing:.01em;gap:5px}.widget-preview-floating-button.widget-theme-light{color:var(--widget-button-text,#1f2937)}.widget-preview-floating-button.widget-theme-dark{color:var(--widget-button-text,white)}.widget-floating-icon{margin-right:1px;stroke-width:2.5px}.widget-floating-icon,.widget-preview-floating-button span{position:relative;z-index:1}.widget-preview-floating-button:hover{transform:translateY(-2px)}:root[class~=dark] .widget-preview-container:not(.widget-theme-light){background-color:#1c1c1e;color:white;box-shadow:0 10px 25px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.2)}:root[class~=dark] .widget-preview-form-group:not(.widget-theme-light) label{color:#ddd}:root[class~=dark] .widget-preview-form-group:not(.widget-theme-light) input,:root[class~=dark] .widget-preview-form-group:not(.widget-theme-light) textarea{background-color:#2c2c2e;border-color:#3a3a3c;color:white;box-shadow:0 1px 3px rgba(0,0,0,.2)}:root[class~=dark] .widget-preview-form-group:not(.widget-theme-light) input:focus,:root[class~=dark] .widget-preview-form-group:not(.widget-theme-light) textarea:focus{border-color:#db2777;box-shadow:0 0 0 3px rgba(219,39,119,.15)}:root[class~=dark] .widget-preview-tab:not(.widget-theme-light){color:#aaa}:root[class~=dark] .widget-preview-tab.active:not(.widget-theme-light){color:white}:root[class~=dark] .widget-preview-tab.active:not(.widget-theme-light):before{background-color:#2c2c2e;box-shadow:0 1px 3px rgba(0,0,0,.2)}:root[class~=dark] .widget-preview-footer:not(.widget-theme-light){border-top-color:#3a3a3c;color:#999}.widget-preview-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.25rem 0;animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.widget-preview-success svg{margin-bottom:.75rem;color:var(--widget-primary-color);animation:checkmarkAppear .5s ease-out}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(.5)}40%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.widget-preview-success h4{font-size:1.125rem;font-weight:600;margin:0 0 .4rem}.widget-preview-success p{font-size:.8125rem;margin-bottom:1.25rem}.widget-preview-container.widget-theme-light{--widget-bg-color:#ffffff!important;--widget-text-primary:#1f2937!important;--widget-text-secondary:#6b7280!important;--widget-border-color:#e5e7eb!important;--widget-input-bg:#f9fafb!important;--widget-tab-bg:rgba(0,0,0,0.04)!important;--widget-tab-active-bg:#ffffff!important;--widget-success-bg:#ffffff!important;--widget-footer-bg:rgba(0,0,0,0.01)!important;--widget-card-shadow:0 10px 25px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05)!important;--widget-button-text:#1f2937!important;--widget-header-text:#1f2937!important;--widget-close-bg:rgba(0,0,0,0.1)!important;--widget-close-hover-bg:rgba(0,0,0,0.2)!important;--widget-button-highlight:rgba(0,0,0,0.05)!important;--widget-button-highlight-fade:rgba(0,0,0,0)!important;background-color:#ffffff!important;color:#1f2937!important}.widget-preview-container.widget-theme-dark{--widget-bg-color:#1c1c1e!important;--widget-text-primary:#ffffff!important;--widget-text-secondary:#9ca3af!important;--widget-border-color:#3a3a3c!important;--widget-input-bg:#2c2c2e!important;--widget-tab-bg:rgba(255,255,255,0.06)!important;--widget-tab-active-bg:#2c2c2e!important;--widget-success-bg:#1c1c1e!important;--widget-footer-bg:rgba(255,255,255,0.02)!important;--widget-card-shadow:0 10px 25px rgba(0,0,0,0.3),0 2px 6px rgba(0,0,0,0.2)!important;--widget-button-text:white!important;--widget-header-text:white!important;--widget-close-bg:rgba(255,255,255,0.15)!important;--widget-close-hover-bg:rgba(255,255,255,0.25)!important;--widget-button-highlight:rgba(255,255,255,0.2)!important;--widget-button-highlight-fade:rgba(255,255,255,0)!important;background-color:#1c1c1e!important;color:#ffffff!important}.widget-preview-container{background-color:var(--widget-bg-color,var(--card-bg));color:var(--widget-text-primary,var(--text-primary));box-shadow:var(
    --widget-card-shadow,0 10px 25px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.1)
  )}.widget-preview-tabs{background-color:var(--widget-tab-bg,rgba(0,0,0,.04))}.widget-preview-tab{color:var(--widget-text-secondary,var(--text-secondary))}.widget-preview-tab.active{color:var(--widget-text-primary,var(--text-primary))}.widget-preview-tab.active:before{background-color:var(--widget-tab-active-bg,var(--card-bg))}.widget-preview-form-group label{color:var(--widget-text-primary,var(--text-primary))}.widget-preview-form-group input,.widget-preview-form-group textarea{border-color:var(--widget-border-color,var(--border-color));background-color:var(--widget-input-bg,var(--input-bg));color:var(--widget-text-primary,var(--text-primary))}.widget-preview-success,.widget-preview-success h4{color:var(--widget-text-primary,var(--text-primary))}.widget-preview-footer,.widget-preview-success p{color:var(--widget-text-secondary,var(--text-secondary))}.widget-preview-footer{border-top-color:var(--widget-border-color,var(--border-color));background-color:var(--widget-footer-bg,rgba(0,0,0,.01))}.widget-preview-brand{color:var(--widget-text-primary,var(--text-primary))}.widget-theme-light .widget-preview-form-group input,.widget-theme-light .widget-preview-form-group textarea{background-color:#f9fafb!important;border-color:#e5e7eb!important;color:#1f2937!important}.widget-theme-light .widget-preview-tabs{background-color:rgba(0,0,0,.04)!important}.widget-theme-light .widget-preview-tab.active:before{background-color:#ffffff!important}.widget-theme-light .widget-preview-footer{border-top-color:#e5e7eb!important;color:#6b7280!important;background-color:rgba(0,0,0,.01)!important}.widget-theme-light .widget-preview-tab.active{color:rgb(49,49,49)!important}.widget-theme-dark .widget-preview-form-group input,.widget-theme-dark .widget-preview-form-group textarea{background-color:#2c2c2e!important;border-color:#3a3a3c!important;color:#ffffff!important}.widget-theme-dark .widget-preview-tabs{background-color:rgba(255,255,255,.06)!important}.widget-theme-dark .widget-preview-tab.active:before{background-color:#2c2c2e!important}.widget-theme-dark .widget-preview-footer{border-top-color:#3a3a3c!important;color:#9ca3af!important;background-color:rgba(255,255,255,.02)!important}.hidden-file-input{display:none}.widget-image-upload-area{border:2px dashed var(--widget-border-color,var(--border-color));border-radius:.5rem;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;cursor:pointer;transition:all .2s ease;background-color:var(--widget-input-bg);min-height:50px}.widget-image-upload-area:hover{border-color:var(--widget-primary-color);background-color:rgba(219,39,119,.03)}.widget-image-upload-area.dragging{border-color:var(--widget-primary-color);background-color:rgba(219,39,119,.05);transform:scale(1.01);box-shadow:0 0 0 3px rgba(219,39,119,.1)}.upload-icon{color:var(--widget-primary-color);opacity:.7;transition:all .2s ease}.widget-image-upload-area:hover .upload-icon{opacity:1;transform:translateY(-2px)}.upload-text{font-size:.75rem;color:var(--widget-text-secondary,var(--text-secondary));text-align:center}.widget-image-preview-container{position:relative;border-radius:.5rem;overflow:hidden;max-height:80px;border:1px solid var(--widget-border-color,var(--border-color))}.widget-image-preview{width:100%;height:100px;object-fit:cover;display:block}.widget-image-remove-btn{position:absolute;top:.5rem;right:.5rem;background-color:rgba(0,0,0,.5);border:none;color:white;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:.8}.widget-image-remove-btn:hover{opacity:1;background-color:rgba(0,0,0,.7);transform:scale(1.1)}.star-rating-container{display:flex;justify-content:center;gap:.5rem;padding:.5rem 0}.star-icon{cursor:pointer;color:var(--widget-border-color,#e5e7eb);transition:all .2s ease}.star-icon.filled{color:#f59e0b;transform:scale(1.15)}.dark .star-icon{color:#4b5563}.dark .star-icon.filled{color:#f59e0b}.widget-preview-form-group.rating-group{align-items:center;gap:.5rem}.widget-submit-error{color:#a16207;font-size:.8rem;text-align:center;margin-top:.5rem;padding:.5rem;background-color:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.2);border-radius:.375rem;line-height:1.4}.error-link{font-weight:600;text-decoration:underline;color:#db2777}.error-link:hover{text-decoration:none}