/* Ultra-Modern Countdown Plugin - Protected Demo */
.builder-container{min-height:100vh;background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#0f172a 100%)}.preview-sticky-wrapper{position:sticky;top:100px}.preview-area{background:var(--bg-color);min-height:500px;border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background .3s ease}.preview-area.bg-light{background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%)}.preview-area.bg-dark{background:linear-gradient(135deg,#0f172a 0,#1e293b 100%)}.preview-area.bg-image{background:url(https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?w=1200)center/cover no-repeat}.preview-area.bg-image::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}.preview-area.bg-gradient{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.controls-card{background:rgba(30,41,59,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem}.controls-card .form-label{color:#fff;font-weight:500;font-size:.875rem;margin-bottom:.5rem}.controls-card .form-control,.controls-card .form-select{background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:.75rem 1rem;transition:all .3s ease}.controls-card .form-control:focus,.controls-card .form-select:focus{background:rgba(15,23,42,.9);border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.2);color:#fff}.controls-card .form-control::placeholder{color:rgba(248,250,252,.4)}.controls-card .form-select option{background:#1e293b;color:#fff}.controls-card .form-check-input{background-color:rgba(15,23,42,.8);border-color:rgba(255,255,255,.2)}.controls-card .form-check-input:checked{background-color:#6366f1;border-color:#6366f1}.controls-card .form-check-label{color:#fff}.color-picker-wrapper{display:flex;align-items:center;gap:.75rem}.color-picker-wrapper input[type=color]{width:50px;height:40px;border:0;border-radius:8px;cursor:pointer;padding:0;overflow:hidden}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:0;border-radius:8px}.color-picker-wrapper .color-value{font-family:monospace;font-size:.875rem;color:rgba(248,250,252,.7)}.btn-outline-light,.btn-primary-gradient{border-radius:12px;padding:.875rem 2rem;transition:all .3s ease}.btn-primary-gradient{background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);border:0;font-weight:600;color:#fff;box-shadow:0 4px 15px rgba(99,102,241,.3)}.btn-primary-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.4);color:#fff}.btn-outline-light{font-weight:500}.bg-toggle-group{display:flex;gap:.5rem;flex-wrap:wrap}.bg-toggle-btn{width:40px;height:40px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.bg-toggle-btn.active,.bg-toggle-btn:hover{border-color:#6366f1;transform:scale(1.1)}.bg-toggle-btn.bg-light-btn{background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%)}.bg-toggle-btn.bg-dark-btn{background:linear-gradient(135deg,#0f172a 0,#1e293b 100%)}.bg-toggle-btn.bg-image-btn{background:url(https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?w=100)center/cover no-repeat}.bg-toggle-btn.bg-gradient-btn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.section-header{color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;padding-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.section-header i{color:#6366f1}.code-modal .modal-content{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:20px}.code-modal .modal-header,.section-header{border-bottom:1px solid rgba(255,255,255,.1)}.code-modal .modal-header{padding:1.5rem}.code-modal .modal-title{color:#fff;font-weight:600}.code-modal .btn-close{filter:invert(1)}.code-modal .modal-body{padding:1.5rem}.code-modal pre{background:#0f172a;border-radius:12px;padding:1.5rem;margin:0;overflow-x:auto}.code-modal code{color:#22d3ee;font-size:.875rem}.code-tabs .nav-link,.copy-btn{border:0;transition:all .3s ease}.code-tabs .nav-link{color:rgba(248,250,252,.7);padding:.75rem 1.5rem;border-radius:8px 8px 0 0}.code-tabs .nav-link.active{background:#0f172a;color:#fff}.copy-btn{position:absolute;top:.75rem;right:.75rem;background:#6366f1;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.75rem;cursor:pointer}.copy-btn:hover{background:#8b5cf6}.builder-header{background:rgba(15,23,42,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0}.builder-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#6366f1 0,#22d3ee 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.builder-logo i{margin-right:.5rem;-webkit-text-fill-color:#6366f1}@media (max-width:991.98px){.preview-area{margin-bottom:2rem}.preview-sticky-wrapper{position:relative;top:0}.preview-area{min-height:350px}.controls-card{padding:1.5rem}}@media (max-width:767.98px){.builder-header h1{font-size:1.5rem}.builder-header .badge{font-size:.65rem}.builder-header .btn-sm{padding:.4rem .75rem;font-size:.75rem}.preview-area{min-height:280px;border-radius:16px}.controls-card{border-radius:16px;padding:1.25rem}.section-header{font-size:.7rem}.bg-toggle-btn{width:32px;height:32px}.btn-outline-light,.btn-primary-gradient{padding:.65rem 1.25rem;font-size:.875rem}}@media (max-width:575.98px){.builder-container{padding:.5rem!important}.builder-header{padding:.75rem 1rem!important;flex-wrap:wrap;gap:.5rem}.builder-header h1{font-size:1.25rem;width:100%}.builder-header .d-flex{width:100%;flex-wrap:wrap;gap:.5rem}.builder-header .btn-sm{flex:1;min-width:80px;text-align:center}.preview-area{min-height:220px;border-radius:12px}.controls-card{border-radius:12px;padding:1rem}.section-header{font-size:.65rem;margin-bottom:.75rem}.form-label{font-size:.8rem}.form-control,.form-select{font-size:.875rem;padding:.5rem .75rem}.code-modal .modal-dialog{margin:.5rem}.code-modal pre{font-size:.7rem;padding:.75rem}}