.alert-container[data-v-4e526f47]{position:fixed;bottom:20px;right:20px;z-index:9999;pointer-events:none;font-family:montserrat}.alert-wrapper[data-v-4e526f47]{display:flex;flex-direction:column;gap:12px;max-width:400px}.alert[data-v-4e526f47]{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;overflow:hidden;pointer-events:auto;cursor:pointer;transition:all .3s ease;position:relative;min-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert[data-v-4e526f47]:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0003}.alert-content[data-v-4e526f47]{display:flex;align-items:center;padding:16px;gap:12px}.alert-icon[data-v-4e526f47]{width:24px;height:24px;flex-shrink:0}.alert-icon svg[data-v-4e526f47]{width:100%;height:100%}.alert-message[data-v-4e526f47]{flex:1;font-size:14px;line-height:1.5;font-weight:500}.alert-close[data-v-4e526f47]{width:20px;height:20px;border:none;background:none;cursor:pointer;opacity:.6;transition:opacity .2s;padding:0;flex-shrink:0}.alert-close[data-v-4e526f47]:hover{opacity:1}.alert-close svg[data-v-4e526f47]{width:100%;height:100%}.alert-progress[data-v-4e526f47]{height:3px;background:linear-gradient(90deg,#ffffff4d,#fffc);animation:progress-4e526f47 linear;transform-origin:left}@keyframes progress-4e526f47{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.alert-success[data-v-4e526f47]{border-left:4px solid #10b981;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.alert-success .alert-icon[data-v-4e526f47],.alert-success .alert-message[data-v-4e526f47],.alert-success .alert-close[data-v-4e526f47]{color:#065f46}.alert-error[data-v-4e526f47]{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fef5f5)}.alert-error .alert-icon[data-v-4e526f47],.alert-error .alert-message[data-v-4e526f47],.alert-error .alert-close[data-v-4e526f47]{color:#991b1b}.alert-warning[data-v-4e526f47]{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fefce8)}.alert-warning .alert-icon[data-v-4e526f47],.alert-warning .alert-message[data-v-4e526f47],.alert-warning .alert-close[data-v-4e526f47]{color:#92400e}.alert-info[data-v-4e526f47]{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#f0f9ff)}.alert-info .alert-icon[data-v-4e526f47],.alert-info .alert-message[data-v-4e526f47],.alert-info .alert-close[data-v-4e526f47]{color:#1e40af}.alert-enter-active[data-v-4e526f47],.alert-leave-active[data-v-4e526f47]{transition:all .3s ease}.alert-enter-from[data-v-4e526f47],.alert-leave-to[data-v-4e526f47]{opacity:0;transform:translate(100%)}.alert-move[data-v-4e526f47]{transition:transform .3s ease}@media (max-width: 480px){.alert-container[data-v-4e526f47]{left:20px;right:20px;bottom:20px}.alert-wrapper[data-v-4e526f47]{max-width:none}.alert[data-v-4e526f47]{min-width:auto}}.content-panel[data-v-ac9fc3c4]{position:fixed;top:102px;left:60px;width:350px;height:calc(100% - 102px);background-color:#fff;border-right:1px solid #dfe5eb;box-shadow:2px 5px 5px #0000001a;padding:20px;z-index:949}.panel-header[data-v-ac9fc3c4]{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.panel-header h5[data-v-ac9fc3c4]{font-size:20px}.panel-header i[data-v-ac9fc3c4]{font-size:20px;cursor:pointer}.slide-enter-active[data-v-ac9fc3c4],.slide-leave-active[data-v-ac9fc3c4]{transition:transform .3s ease}.slide-enter-from[data-v-ac9fc3c4],.slide-leave-to[data-v-ac9fc3c4]{transform:translate(-100%)}.slide-enter-to[data-v-ac9fc3c4],.slide-leave-from[data-v-ac9fc3c4]{transform:translate(0)}.content-panel[data-v-3dc8fcfe]{position:fixed;top:102px;left:60px;width:391px;height:calc(100% - 102px);background-color:#fff;border-right:1px solid #dfe5eb;box-shadow:0 4px 12px #0000001a;padding:0;z-index:949;overflow-y:auto;overflow-x:hidden}.panel-header[data-v-3dc8fcfe]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #dfe5eb}.panel-header h5[data-v-3dc8fcfe]{font-size:18px;margin:0}.panel-header p[data-v-3dc8fcfe]{font-size:14px;color:#666;margin:4px 0 0}.panel-header i[data-v-3dc8fcfe]{font-size:20px;cursor:pointer;transition:color .2s ease-in-out}.panel-header i[data-v-3dc8fcfe]:hover{color:#007bff}.wsec-header[data-v-3dc8fcfe],.layer[data-v-3dc8fcfe],.layer-element[data-v-3dc8fcfe]{cursor:pointer;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.layer-header[data-v-3dc8fcfe]{display:flex;align-items:center;gap:8px;padding:8px}.layer-header[data-v-3dc8fcfe]:hover{background-color:#f0f0f0}.layer-element[data-v-3dc8fcfe]{margin:4px 0;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.layer-element[data-v-3dc8fcfe]:hover{transform:scale(1.02)}.layer-element.drag-placeholder[data-v-3dc8fcfe]{opacity:.5;background-color:#f0f0f0;transition:all .2s ease-in-out}.layer-element.drag-preview[data-v-3dc8fcfe]{opacity:1;background-color:#f0f0f0;padding:8px;border-radius:4px}.layer-elements[data-v-3dc8fcfe]{transition:opacity .3s ease-in-out}.fade-enter-active[data-v-3dc8fcfe],.fade-leave-active[data-v-3dc8fcfe]{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.fade-enter-from[data-v-3dc8fcfe],.fade-leave-to[data-v-3dc8fcfe]{opacity:0;transform:translateY(-10px)}.fade-enter-to[data-v-3dc8fcfe],.fade-leave-from[data-v-3dc8fcfe]{opacity:1;transform:translateY(0)}.slide-enter-active[data-v-3dc8fcfe],.slide-leave-active[data-v-3dc8fcfe]{transition:transform .4s ease-in-out,opacity .4s ease-in-out}.slide-enter-from[data-v-3dc8fcfe],.slide-leave-to[data-v-3dc8fcfe]{transform:translate(-100%);opacity:0}.slide-enter-to[data-v-3dc8fcfe],.slide-leave-from[data-v-3dc8fcfe]{transform:translate(0);opacity:1}.tooltip-wrapper[data-v-eaef5cd4]{position:relative;display:inline-block;cursor:pointer}.trigger-wrapper[data-v-eaef5cd4]{display:inline-block;width:100%;height:100%}.tooltip-detailed[data-v-eaef5cd4]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px;width:288px;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;z-index:50;pointer-events:none}.group:hover .tooltip-detailed[data-v-eaef5cd4]{opacity:1!important;visibility:visible!important}.tooltip-content-detailed[data-v-eaef5cd4]{position:relative;padding:16px;background:linear-gradient(135deg,#111827f2,#1f2937f2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #4f46e526}.icon-container[data-v-eaef5cd4]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#6366f133}.tooltip-title[data-v-eaef5cd4]{font-size:14px;font-weight:600;color:#fff}.tooltip-text[data-v-eaef5cd4]{font-size:14px;color:#d1d5db}.premium-indicator[data-v-eaef5cd4]{display:flex;align-items:center;gap:8px;font-size:12px;color:#9ca3af}.tooltip-glow[data-v-eaef5cd4]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(90deg,#6366f11a,#a855f71a);filter:blur(20px);opacity:.5}.tooltip-arrow-detailed[data-v-eaef5cd4]{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:linear-gradient(135deg,#111827f2,#1f2937f2);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.tooltip-simple[data-v-eaef5cd4]{position:absolute;top:-40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;pointer-events:none}.group:hover .tooltip-simple[data-v-eaef5cd4]{opacity:1!important;visibility:visible!important}.tooltip-content-simple[data-v-eaef5cd4]{background:#000;padding:5px;border-radius:2px;text-align:center;font-size:13px;color:#fff;font-family:montserrat}.tooltip-text-simple[data-v-eaef5cd4]{white-space:nowrap}.tooltip-content-simple p[data-v-eaef5cd4]{margin:0}.color-picker[data-v-486e8e1b]{position:fixed;background:#fff;border-radius:12px;padding:14px;width:240px;box-shadow:0 8px 32px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-height:90vh;overflow-y:auto;z-index:9999}.picker-header[data-v-486e8e1b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.picker-title[data-v-486e8e1b]{font-size:13px;font-weight:500;color:#333;margin:0}.close-btn[data-v-486e8e1b]{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.close-btn[data-v-486e8e1b]:hover{background:#f0f0f0;color:#333}.preset-colors[data-v-486e8e1b]{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:14px}.preset-color[data-v-486e8e1b]{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.preset-color[data-v-486e8e1b]:hover{transform:scale(1.1);border-color:#007aff}.preset-color.active[data-v-486e8e1b]{border-color:#007aff;box-shadow:0 0 0 2px #007aff33}.gradient-container[data-v-486e8e1b]{position:relative;width:210px;height:140px;margin-bottom:10px;border-radius:8px;overflow:hidden;cursor:crosshair}.gradient-container canvas[data-v-486e8e1b]{border-radius:8px}.spectrum-container[data-v-486e8e1b]{position:relative;width:210px;height:18px;border-radius:9px;margin-bottom:10px;cursor:pointer;overflow:hidden}.alpha-container[data-v-486e8e1b]{position:relative;width:210px;height:18px;border-radius:9px;margin-bottom:14px;cursor:pointer;overflow:hidden}.color-selector[data-v-486e8e1b]{position:absolute;width:10px;height:10px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #0003}.spectrum-selector[data-v-486e8e1b]{position:absolute;width:14px;height:14px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);top:50%;pointer-events:none;box-shadow:0 0 0 1px #0003}.alpha-selector[data-v-486e8e1b]{position:absolute;width:14px;height:14px;border:2px solid white;border-radius:50%;background:#fff;transform:translate(-50%,-50%);top:50%;pointer-events:none;box-shadow:0 0 0 1px #0003}.hex-value[data-v-486e8e1b]{text-align:center;font-family:Monaco,Menlo,monospace;font-size:13px;color:#666;margin-bottom:10px;padding:6px;background:#f8f8f8;border-radius:6px}.eyedropper-btn[data-v-486e8e1b]{width:100%;background:#f2eaf5;color:#5c2070;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;transition:background-color .2s ease;font-family:montserrat;font-weight:500}.eyedropper-btn[data-v-486e8e1b]:hover:not(:disabled){background:#e7d6ee}.eyedropper-btn[data-v-486e8e1b]:disabled{background:#ccc;cursor:not-allowed}.eyedropper-icon[data-v-486e8e1b]{font-size:14px}.error-message[data-v-97754e8d]{color:#ff6b6b;font-size:12px;margin-top:4px;display:block}.edit-element-list[data-v-60109485]{position:absolute;top:-50px;left:50%;transform:translate(-50%);background:#fff;display:flex;align-items:center;gap:10px;padding:8px;box-shadow:0 0 12px #1d1e2029;border-radius:10px;z-index:4;min-width:280px}.edit-element-list span[data-v-60109485]{padding:6px 8px;font-family:montserrat;color:#36344d;font-weight:500;font-size:14px;border-radius:5px;cursor:default}.edit-element-list i[data-v-60109485]{padding:6px 8px;color:#36344d;background-color:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer}.edit-element-list i[data-v-60109485]:hover{color:#673de6;background-color:#ebe4ff}.sep-edit-sec[data-v-60109485]{height:20px;background:#b9b9b986;width:1px}.context-menu[data-v-60109485]{position:absolute;top:40px;background:#fff;box-shadow:0 0 12px #1d1e2029;border-radius:5px;width:280px;z-index:5;display:flex;flex-direction:column;cursor:default;left:-10px}.context-menu-item[data-v-60109485]{display:flex;align-items:center;justify-content:space-between;padding:8px;font-family:montserrat;font-size:14px;color:#36344d;cursor:pointer}.context-menu-item[data-v-60109485]:last-of-type{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.context-menu-item[data-v-60109485]:first-of-type{border-top-right-radius:5px;border-top-left-radius:5px}.context-menu-item[data-v-60109485]:hover{background:#dcdae44b}.context-menu-item i[data-v-60109485]{font-size:16px;width:15px}.context-menu-item span[data-v-60109485]{cursor:pointer;letter-spacing:2px;font-size:13px;color:#808080b4}.content-panel[data-v-146c44f7]{position:fixed;top:102px;left:60px;width:391px;height:calc(100% - 102px);background-color:#fff;border-right:1px solid #dfe5eb;box-shadow:0 4px 12px #0000001a;padding:0;z-index:949;overflow-y:auto;scrollbar-gutter:stable}.panel-header[data-v-146c44f7]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #dfe5eb}.panel-header h5[data-v-146c44f7]{font-size:18px;margin:0}.panel-header p[data-v-146c44f7]{font-size:14px;color:#666;margin:4px 0 0}.panel-header i[data-v-146c44f7]{font-size:20px;cursor:pointer;transition:color .2s ease-in-out}.panel-header i[data-v-146c44f7]:hover{color:#007bff}.wsec-header[data-v-146c44f7],.layer[data-v-146c44f7],.layer-element[data-v-146c44f7]{cursor:pointer;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.layer-header[data-v-146c44f7]{display:flex;align-items:center;gap:8px;padding:8px}.layer-header[data-v-146c44f7]:hover{background-color:#f0f0f0}.layer-element[data-v-146c44f7]{margin:4px 0;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.layer-element[data-v-146c44f7]:hover{transform:scale(1.02)}.layer-element.drag-placeholder[data-v-146c44f7]{opacity:.5;background-color:#f0f0f0;transition:all .2s ease-in-out}.layer-element.drag-preview[data-v-146c44f7]{opacity:1;background-color:#f0f0f0;padding:8px;border-radius:4px}.layer-elements[data-v-146c44f7]{transition:opacity .3s ease-in-out}.fade-enter-active[data-v-146c44f7],.fade-leave-active[data-v-146c44f7]{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.fade-enter-from[data-v-146c44f7],.fade-leave-to[data-v-146c44f7]{opacity:0;transform:translateY(-10px)}.fade-enter-to[data-v-146c44f7],.fade-leave-from[data-v-146c44f7]{opacity:1;transform:translateY(0)}.slide-enter-active[data-v-146c44f7],.slide-leave-active[data-v-146c44f7]{transition:transform .4s ease-in-out,opacity .4s ease-in-out}.slide-enter-from[data-v-146c44f7],.slide-leave-to[data-v-146c44f7]{transform:translate(-100%);opacity:0}.slide-enter-to[data-v-146c44f7],.slide-leave-from[data-v-146c44f7]{transform:translate(0);opacity:1}.app[data-v-27defbd8]{width:100%;max-height:100vh;overflow:hidden;background:#fff}.main-content[data-v-27defbd8]{display:flex;flex:1;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 100px);margin-top:100px}.canvas[data-v-27defbd8]{width:calc(100% - 61px);max-width:100%;height:auto;background:#fff;margin-left:auto}.canvas.mobile-view[data-v-27defbd8]{width:100%;max-width:400px;margin:0 auto;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 0 10px #0000001a}@media (max-width: 600px){.canvas[data-v-27defbd8]{width:100%!important;max-width:100%!important;border:none!important;box-shadow:none!important}}body{margin:0!important}.preview-header[data-v-65f72b1f]{background-color:#f4f4f4;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:flex-end;height:50px;padding:0 50px}.back-button[data-v-65f72b1f]{padding:0 16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;height:30px}.back-button[data-v-65f72b1f]:hover{background-color:#0056b3}.preview-content[data-v-65f72b1f]{width:100%;height:calc(100vh - 60px)}.preview-iframe[data-v-65f72b1f]{width:100%;height:100%;border:none}.section{position:relative;margin:0;background:#fff;border:solid 3px;border-color:#0000;pointer-events:auto;display:flex;flex-direction:column;font-family:Arial,sans-serif}.section-background{transition:background-color .5s ease}.section.mobile-view{transition:width .3s ease}.section.drag-over{background:#007bff40;border:3px solid #007bff}.section:hover{border-color:#d6eaffb4!important}.section.selected{border-color:#007bff!important;z-index:910}.section.hidden-desktop,.section.hidden-mobile{background:repeating-linear-gradient(45deg,#00000026,#00000026 16px,#0000003b 16px,#0000003b 32px)}.editable-area{position:relative;width:1200px;margin:0 auto;flex-grow:1;pointer-events:auto;background:transparent;height:100%}.section.mobile-view .editable-area{width:360px}.desktop-elements,.mobile-elements{position:relative;width:100%;height:100%;pointer-events:auto;background:transparent;z-index:0}.element-wrapper{position:relative}.text-container{position:absolute;box-sizing:border-box;height:auto;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:flex;flex-direction:column}.image-container,.video-container{position:absolute;box-sizing:border-box}.image-container img{display:block;width:100%;height:100%}.draggable,.element-mobile,.editable-textarea{position:relative;width:100%;height:auto;cursor:move;-webkit-user-select:none;user-select:none;z-index:1;padding:0;display:block;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word;white-space:normal}.text-container,.button-container,.video-container,.image-container{border:2px solid;border-color:#0000}.button-container{position:absolute;background:transparent;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word;white-space:normal;margin:0}.draggable:hover{border-color:#007bff}.height-control-handle{position:absolute;width:60px;height:25px;background:#007bff;color:#fff;display:none;justify-content:center;align-items:center;flex-direction:column;cursor:ns-resize!important;border-radius:4px;z-index:81;-webkit-user-select:none;user-select:none;pointer-events:auto}.height-control-handle.edit-panel-open{z-index:3!important}.section.selected .height-control-handle{display:flex}.height-control-handle:hover{background:#0056b3}.height-control-handle i{font-size:9px}.width-control-handle{position:absolute;width:5px;height:30%;max-height:30px;background:#fff;color:#fff;display:none;justify-content:center;align-items:center;flex-direction:column;border-radius:5px;z-index:3;right:0;top:50%;transform:translateY(-50%);cursor:w-resize!important;margin-right:-5px;border-style:solid;border-width:2px;border-color:#007bff}.section.selected .width-control-handle{display:flex}.width-control-handle i{font-size:9px}.height-control-element{position:absolute;height:7px;width:30%;max-width:30px;background:#fff;display:none;justify-content:center;align-items:center;flex-direction:column;cursor:ns-resize;border-radius:5px;z-index:3;bottom:0;left:50%;transform:translate(-50%);margin-bottom:-5px;border-style:solid;border-width:2px;border-color:#007bff;cursor:s-resize!important}.element-object:has(.draggable.selected){z-index:999!important;border-color:#007bff}.section.selected .height-control-element{display:flex}.height-control-element i{font-size:9px}.add-section-btn{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#007bff;font-family:montserrat;font-weight:600;text-transform:uppercase;color:#fff;border:none;border-radius:0 0 15px 15px;padding:10px 0;cursor:pointer;font-size:15px;width:230px;display:flex;justify-content:center;align-items:center;gap:5px;z-index:3;pointer-events:auto}.section-context-menu{position:fixed;background:#fff;box-shadow:0 0 12px #1d1e2029;border-radius:5px;width:200px;z-index:1000;display:flex;flex-direction:column;cursor:default}.section-context-menu-item{display:flex;align-items:center;justify-content:space-between;font-family:montserrat;font-size:14px;color:#36344d;cursor:pointer;padding:8px}.section-context-menu-item>div{display:flex;align-content:center;gap:15px;padding:6px 8px}.section-context-menu-item:last-of-type{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.section-context-menu-item:first-of-type{border-top-right-radius:5px;border-top-left-radius:5px}.section-context-menu-item:hover{background:#dcdae44b}.copy,.copy-sec{opacity:.5;cursor:default}.copy:hover,.copy-sec:hover{background:#fff}.copy.active,.copy-sec.active{opacity:1;cursor:pointer}.copy.active:hover,.copy-sec.active:hover{background:#dcdae44b}.section-context-menu-item i{font-size:16px;width:15px}.section-context-menu-item span{cursor:pointer;letter-spacing:2px;font-size:13px;color:#808080b4}.edit-section-list{position:absolute;right:0;top:40px;transform:translate(-10%);background:#fff;display:flex;align-items:center;gap:10px;padding:10px 10px 8px;box-shadow:0 0 12px #1d1e2029;border-radius:10px;z-index:90}.edit-section-list span{padding:6px 8px;font-family:montserrat;color:#36344d;font-weight:500;font-size:15px;border-radius:5px;cursor:pointer}.edit-section-list span:hover{color:#673de6;background-color:#ebe4ff}.sep-edit-sec{height:20px;background:#b9b9b986;width:1px}.edit-section-list i{padding:6px 8px;color:#36344d;background-color:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;font-size:20px}.edit-section-list i:hover{color:#673de6;background-color:#ebe4ff}.visibility-menu{position:absolute;right:20px;top:100px;transform:translate(-10%);background:#fff;padding:10px;box-shadow:0 0 12px #1d1e2029;border-radius:10px;width:200px;z-index:4}.visibility-menu h4{margin:0 0 10px;font-size:11px;color:#727586;font-family:montserrat;font-weight:500;text-transform:uppercase}.visibility-option{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.visibility-option span{font-family:montserrat;font-size:13px;color:#555}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.right-click-menu{position:fixed;background:#fff;box-shadow:0 0 12px #1d1e2029;border-radius:5px;width:280px;z-index:1000;display:flex;flex-direction:column;cursor:default}.right-click-menu-item{display:flex;align-items:center;justify-content:space-between;font-family:montserrat;font-size:14px;color:#36344d;cursor:pointer;padding:8px}.right-click-menu-item:last-of-type{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.right-click-menu-item:first-of-type{border-top-right-radius:5px;border-top-left-radius:5px}.right-click-menu-item:hover{background:#dcdae44b}.right-click-menu-item i{font-size:16px;width:15px;padding:6px 8px}.right-click-menu-item span{cursor:pointer;letter-spacing:2px;font-size:13px;color:#808080b4}input:checked+.slider{background-color:#673de6}input:checked+.slider:before{transform:translate(14px)}.add-section-btn:hover{background:#0056b3}.add-section-btn i{font-size:1rem}.mobile-view .add-section-btn{font-size:13px;bottom:-36px;left:50%;transform:translate(-50%);width:180px}.mobile-view .edit-section-list,.mobile-view .visibility-menu{right:-55px;top:-55px}.mobile-view:has(.section:first-of-type.selected){margin-top:60px}.draggable.selected,.element-mobile.selected,.editable-textarea.selected{box-sizing:border-box}.draggable.selected,.element-mobile.selected,.editable-textarea.selected{padding:0}.button-container button.draggable.selected,.button-container button.element-mobile.selected{border:2px solid #007bff}.draggable,.element-mobile,.editable-textarea,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;box-sizing:border-box;line-height:normal}.selected .desktop-elements,.selected .mobile-elements{z-index:80}.context-menu{position:absolute;top:40px;background:#fff;box-shadow:0 0 12px #1d1e2029;border-radius:5px;width:280px;z-index:5;display:flex;flex-direction:column;cursor:default;left:-10px}.context-menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px;font-family:montserrat;font-size:14px;color:#36344d;cursor:pointer}.context-menu-item:last-of-type{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.context-menu-item:first-of-type{border-top-right-radius:5px;border-top-left-radius:5px}.context-menu-item:hover{background:#dcdae44b}.context-menu-item i{font-size:16px;width:15px}.context-menu-item span{cursor:pointer;letter-spacing:2px;font-size:13px;color:#808080b4}.guide-line-horizontal{position:absolute;width:100%;height:2px;background:#277bf7;z-index:10;pointer-events:none}.guide-line-vertical{position:absolute;width:2px;height:100%;background:#277bf7;z-index:10;pointer-events:none}.grid-guide-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.7;display:flex;justify-content:space-between}.grid-g{width:8%;height:100%;background-image:repeating-linear-gradient(to bottom,#d3d3d3 0,#d3d3d3 15px,gray 15px,gray 40px);opacity:.3;background-size:100% 40px}.mobile-view .grid-g{width:70px}.mobile-view .octlmb{display:none}.video__play{position:absolute;top:50%;left:50%;width:67px;height:46px;padding:0;margin-top:-24px;margin-left:-34px;color:#fff;text-align:center;text-indent:1px;background-color:#1e1e1ecc;border-radius:15%/40%;transition:background-color .15s ease-out;z-index:99;border:none;outline:none;box-shadow:none}.video__play:before{position:absolute;top:50%;left:50%;width:0;height:0;margin-top:-10px;margin-left:-9px;content:"";border-color:transparent transparent transparent #fff;border-style:solid;border-width:10px 0 10px 18px;z-index:99}.video-container:hover .video__play{background-color:#fc5185}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-size:inherit;line-height:normal}.in-editor .draggable{cursor:auto!important}.title-sect{background:#d6eaffb4;position:absolute;right:0;z-index:1;display:none;font-family:montserrat;padding:5px 30px;text-align:center;color:#007bff;border-bottom-left-radius:10px;font-size:14px}.section:hover .title-sect{display:block}.section.selected .title-sect{display:block;background:#007bff;color:#fff}.section:before{display:none}.section:hover:before{content:"";position:absolute;display:block;z-index:990;width:100%;height:100%;background:#95c8ff0a}.section.selected:before{display:none}.element-object:hover{border-color:#d6eaffb4}.element-info{position:absolute;background:#d6eaffb4;font-family:montserrat;font-size:10px;top:0;margin-top:-17px;margin-left:-2px;color:#007bff;padding:2px 7px;display:none}.element-object:hover .element-info{display:block!important}.element-object:has(.draggable.selected) .element-info{display:block!important;background:#007bff;color:#fff}@media (max-width: 600px){.section{min-height:150px}.editable-area{width:95%}.element-mobile,.editable-textarea{font-size:.9rem!important}.height-control-handle{width:100px;height:40px}.height-control-handle i{font-size:1rem}.width-control-handle{width:40px;height:100px}.width-control-handle i{font-size:1rem}.height-control-element{width:40px;height:100px}.height-control-element i{font-size:1rem}.add-section-btn{padding:6px 12px;font-size:.8rem;width:120px}.add-section-btn i{font-size:.9rem}.edit-element-list{top:-35px;padding:6px}.edit-element-list span{font-size:12px}.edit-element-list i{padding:5px 6px}}@font-face{font-family:HelveticaNeue;src:url(/fonts/HelveticaNeue-Thin.otf) format("opentype");font-weight:100;font-style:normal}@font-face{font-family:HelveticaNeue;src:url(/fonts/HelveticaNeue-Light.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:HelveticaNeue;src:url(/fonts/HelveticaNeue-Roman.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:HelveticaNeue;src:url(/fonts/HelveticaNeue-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:HelveticaNeue;src:url(/fonts/HelveticaNeue-Bold.otf) format("opentype");font-weight:700;font-style:normal}header{position:fixed;top:0;width:100%;font-family:Outfit;z-index:999}header img{max-height:40px}.header-title{display:flex;align-items:center}.header-menu{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:50px;border-bottom:solid;border-width:1px;border-color:#dfe5eb}.header-menu>div{display:flex;align-items:center;gap:20px;width:50%}header a{color:#000;text-decoration:none;font-weight:300;font-size:15px}.header-main a:hover{color:#116dff}.header-last>div{display:flex;align-items:center;margin-left:auto;gap:20px;height:100%}.header-last img{height:35px}.btn-send-prod{background:#277bf7;padding:6px 20px;color:#fff;border-radius:10px}.btn-upd-plan{background:#f2eaf5;padding:6px 20px;border-radius:10px;color:#5c2070}.hdt-sep{height:25px;width:1px;background:#dfe5eb}.header-options{height:50px;max-height:50px;border-bottom:solid;border-width:1px;border-color:#dfe5eb;display:flex;color:#02111d}.header-option{height:100%;border-right:solid;border-width:1px;border-color:#dfe5eb;font-size:15px;cursor:pointer}.header-page{display:flex;align-items:center;justify-content:space-around;font-weight:300}.header-option:has(.hd-device){display:flex;justify-content:center;align-items:center;gap:5px}.hd-device{width:25px;padding:10px;border-radius:10px;cursor:pointer}.hd-device.active{background:#e7f0ff;fill:#116dff}.hd-link{background:#f7f8f8;font-weight:300;display:flex;align-items:center;gap:10px;padding:10px;width:95%;margin:0 auto;font-size:15px;color:#000;border-radius:10px;max-height:10px}.header-option:has(.hd-link){display:flex;align-items:center;width:100%}.hd-domain{color:#5c2070;font-weight:600}.hd-bkg{display:flex;align-items:center;justify-content:center;gap:5px}.undo-redo-icon{fill:#00000059;cursor:pointer}.undo-redo-icon.active{fill:#000}.hdflex{display:flex;align-items:center;justify-content:center;font-weight:300}.header-option:last-child{flex:1;min-width:140px}.aside{position:fixed;top:100.1px;width:60px;height:calc(100% - 100px);display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-right:solid;border-width:1px;border-color:#dfe5eb;z-index:950;background:#fff}.separator{width:100%;height:1px;background-color:#dfe5eb;margin-bottom:10px}.top-icons{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.bottom-icon{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;width:100%}.aside .icon-container{width:47px;display:flex;align-items:center;justify-content:center;height:47px;border-radius:50%}.icon-container:hover lord-icon{--lord-icon-primary: #116dff}.icon-container.active{--lord-icon-primary: #116dff;background:#e7f0ffc0}.icon-container.bottom.active{--lord-icon-primary: #5c2070;background:#f6e7ffc0}.icon-container.bottom:hover lord-icon{--lord-icon-primary: #5c2070}.aside .icon-container:hover{cursor:pointer;background:#e7f0ffc0}.aside .icon-container.bottom:hover{cursor:pointer;background:#f6e7ffc0}.panel-header{font-family:montserrat}.panel-header p{font-size:13px;font-weight:400;width:90%}.panel-content{height:90%;overflow-y:auto;overflow-x:hidden}.content-panel{height:100%}.panel-content{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;width:100%;align-content:start;-webkit-user-select:none;user-select:none}.panel-content>div>div{border-style:solid;border-width:1px;height:80px;display:flex;align-items:center;justify-content:center;border-color:#dfe5eb;border-radius:10px;cursor:move}.panel-content div img{width:50px;-webkit-user-select:none;user-select:none}.panel-content span{display:block;text-align:center;font-family:montserrat;margin-top:5px;color:#24272bc0;font-weight:500;font-size:14px}.cp-btn-new{background:#277bf7;padding:6px;color:#fff;border-radius:5px;font-family:montserrat;text-align:center;margin-bottom:20px;cursor:pointer}.wsec-header{display:flex;align-items:center;padding:10px 20px;background:#5c2070;color:#fff;font-family:montserrat;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.wsec-title{font-size:15px}.layer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 20px;font-family:montserrat;font-size:14px;cursor:default}.layer-header>div{display:flex;align-items:center}.layer-header>i{margin-right:15px;cursor:pointer}.layer.active .layer-header{background:#5c2070;color:#fff}.layer-elements{font-family:montserrat;font-size:14px}.layer-element{padding:10px 10px 10px 50px;cursor:move!important;-webkit-user-select:none;user-select:none}.layer-element>div{display:flex;align-items:center;gap:5px}.layer-element>div>div,.max-thtext{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-element:hover{background:#5c20702c}.layer-element.active,.drag-placeholder{background:#5c2070;color:#fff}.type-backgrounds{display:flex;justify-content:space-around;align-items:center;background:#daedff;padding:15px 0}.type-background{display:flex;align-items:center;justify-content:center;background:#fff;color:#277bf7;font-family:montserrat;width:110px;font-size:13px;border-radius:15px;fill:#277bf7}.type-background:hover{background:#478af0d5;color:#fff;fill:#fff;cursor:pointer}.background-preview{position:relative;width:100%;margin:0 auto;height:200px}.background-preview-show{width:100%;height:100%;object-fit:cover;object-position:top}.background-preview-buttons{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center}.background-preview-button{font-family:montserrat;background:#0008;padding:5px 20px;border-radius:15px;border-style:solid;color:#fff;font-size:15px;border-width:1px;cursor:pointer}.background-preview-button:hover{border-color:#116dff}.background-preview-button{display:inline-flex;align-items:center;fill:#fff}.background-preview-button-container{margin:0;padding:0;display:inline-block;width:25px}svg{object-fit:contain}.background-preview-buttons{background:linear-gradient(to top,#000000c4,#0000 30%)}.panel-content-header{background:#f7f8f8;border-top:solid;border-bottom:solid;border-width:1px;border-color:#dfe5eb;color:#0000009c;padding:10px 0;text-align:center;font-family:montserrat;font-size:17px;margin-top:20px;margin-bottom:20px}.location-bg{display:grid;grid-template-columns:repeat(3,25px);grid-template-rows:repeat(3,25px);gap:10px;justify-content:center}.location-option{width:25px;height:25px;background-color:#d6e6fe;border-radius:5px;display:flex;align-items:center;justify-content:center}.location-option{position:relative}.location-option.no-icon:before{position:absolute;content:"";width:10px;height:10px;border-radius:50%}.location-option i{visibility:hidden;color:#fff}.location-option:hover{background:#116dff;cursor:pointer}.location-option:hover i{visibility:visible}.location-option.no-icon:hover:before{background:#fff}.location-option.active{background:#116dff}.location-option.active i{visibility:visible}.location-option.active:before{background:#fff}.edit-panel{position:absolute;top:15%;left:100%;transform:translateY(0);width:305px;height:450px;background:#fff;box-shadow:0 0 12px #1d1e2029;z-index:5;display:flex;flex-direction:column;gap:10px;border-top:solid 4px #277BF7;z-index:999;overflow-y:scroll}.edit-panel>*{flex-shrink:0}.edit-tle-x{display:flex;justify-content:space-between;border-bottom:solid;padding:15px;border-width:1px;border-color:#dfe5eb}.edit-tle-x i{font-size:17px;cursor:pointer}.edit-panel h4{font-size:16px;color:#36344d;font-family:montserrat;font-weight:500}.edit-option{display:flex;flex-direction:column;gap:5px}.edit-option label{font-family:montserrat;font-size:14px;color:#555;font-weight:500;-webkit-user-select:none;user-select:none}.edit-option input:not(input[type=range]){width:100%;padding:6px;font-size:12px;border:1px solid #e0e0e0;border-radius:4px;font-family:montserrat}.custom-select-wrapper{position:relative;width:100%}.custom-select{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;font-family:montserrat;border:1px solid #95b2dd;border-radius:4px;background:#fff;cursor:pointer}.custom-select:hover{background:#277af721}.custom-select .arrow{font-size:13px;color:#277bf7}.custom-select-options{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:10;max-height:350px;overflow-y:auto}.custom-select-option{display:flex;justify-content:space-between;padding:8px 10px;font-family:montserrat;color:#333;cursor:pointer}.custom-select-option:hover{background:#f5f5f5}.custom-select-option.active{background:#277bf7;color:#fff}.custom-select-option.active .font-size{color:#fff}.custom-select-option .font-size{color:#888;font-size:11px;font-family:montserrat}.color-picker-trigger{display:flex;align-items:center;gap:10px;padding:6px 10px;font-size:12px;font-family:montserrat;border:1px solid #e0e0e0;border-radius:4px;background:#fff;cursor:pointer;transition:border-color .2s ease}.color-picker-trigger:hover{border-color:#673de6}.color-preview{width:20px;height:20px;border-radius:4px;border:1px solid #ddd;flex-shrink:0}.color-preview:hover{border:1px solid #95b2dd}.color-value{flex:1;text-transform:uppercase;font-weight:500}.color-picker-trigger .arrow{font-size:10px;color:#555;flex-shrink:0}.close-panel-btn{margin-top:auto;padding:8px;background:#673de6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:montserrat;font-size:12px;text-align:center}.close-panel-btn:hover{background:#8057fc}.group-edit{width:90%;margin:0 auto}.edit-sep{width:100%;height:1px;background:#dfe5eb}.edit-fsize{-webkit-appearance:none;width:60%;height:7px;background:transparent;margin:10px 0}.edit-fsize::-webkit-slider-runnable-track{height:7px;background:linear-gradient(to right,#116DFF var(--fill-value, 50%),#D6E6FE var(--fill-value, 50%));border-radius:5px;border:none}.edit-fsize::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;background:#116dff;border:4px solid white;border-radius:50%;cursor:pointer;margin-top:-5px;transition:box-shadow .2s}.edit-fsize:active::-webkit-slider-thumb{box-shadow:0 0 5px #116dff}.edit-fsize::-moz-range-track{height:10px;background:linear-gradient(to right,#116DFF var(--fill-value, 50%),#D6E6FE var(--fill-value, 50%));border-radius:5px;border:none}.edit-fsize::-moz-range-thumb{width:20px;height:20px;background:#116dff;border:4px solid white;border-radius:50%;cursor:pointer}.edit-fsize:active::-moz-range-thumb{box-shadow:0 0 5px #116dff}.edit-range{display:flex;justify-content:center;align-items:center;gap:5px}.edit-range .edit-fsize{width:80%}.edit-range input[type=text]{width:15%!important;height:19px;text-align:right;font-size:17px!important;font-family:montserrat!important;font-weight:400;outline:none;border:.2px solid #95b2dd!important;padding:5px;padding-right:10px!important}.edit-range input[type=text]:hover{background:#277af721;cursor:pointer}.edit-range input[type=text]:focus{background:#fff!important;cursor:text}.ge-icons{display:flex;justify-content:space-around;width:80%;margin:0 auto;align-items:center}.ge-icons>*{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer}.ge-icons .active{background:#277bf7;color:#fff}.sub-ray{position:relative}.sub-ray:after{content:"";position:absolute;background:#000;width:70%;height:2px;bottom:3px;border-radius:1px}.sub-ray.active:after{border-color:#277bf7;background:#fff}.mid-ray{position:relative}.mid-ray:after{content:"";position:absolute;background:#000;width:70%;height:2px;bottom:40%;border-style:solid;border-width:1px;border-color:#fff}.mid-ray.active:after{border-color:#277bf7;background:#fff}.edit-range input.input-complete{width:100%!important;text-align:left}.edit-range input.input-element{width:100%!important;text-align:left;font-size:13px!important}.edit-panel-list{display:flex;font-family:montserrat;align-items:center;position:relative}.edit-panel-list .tab{width:33%;text-align:center;font-size:13px;padding:15px 0;margin-bottom:10px;border-bottom:solid;border-width:1px;border-color:#daedff;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.edit-panel-list .tab.active{border-color:#116dff}.edit-panel-list .tab.active:before{content:"";position:absolute;background:#116dff;width:100%;height:1px;left:0;bottom:0}.edit-panel-list .tab.active:after{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #116DFF;left:50%;transform:translate(-50%);bottom:1px}.custom-select-texticon{display:flex;justify-content:left;align-items:center;gap:10px}.custom-select-texticon{font-size:14px}.custom-select-texticon i{width:10px}.edit-range input[type=text].input-error{border:1px solid red!important}.error-message{color:red;font-size:.8rem;margin-top:5px;display:block;font-family:montserrat}.radio-group{display:flex;flex-direction:column;gap:8px;margin-top:8px}.radio-label{display:flex;align-items:center;font-family:montserrat;font-size:13px;color:#555;cursor:pointer}.tab-content{display:flex;flex-direction:column;gap:10px}.radio-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px!important;height:20px;border:1px solid #ccc;background:#fff;position:relative;margin-right:8px;cursor:pointer;font-family:montserrat}.radio-label input[type=checkbox]:hover{border:1px solid #95b2dd}.radio-label input[type=checkbox]:checked{border:1px solid #277BF7;background:#fff}.radio-label input[type=checkbox]:checked:after{content:"✔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#277bf7;font-size:14px}.edit-color{display:flex;font-family:montserrat;align-items:center;justify-content:space-between}.edit-color .select-color{font-size:14px;color:#555;font-weight:500;-webkit-user-select:none;user-select:none}.edit-color-selected{width:20px;height:20px;border-radius:5px;border:solid #95b2dd 1px;cursor:pointer;box-shadow:0 0 2px #95b2dd}.tab{-webkit-user-select:none;user-select:none}.image-element{width:100%;height:150px;display:flex;align-items:end;cursor:pointer;border-radius:10px;background-position:center!important}.replace-image{width:100%;height:40%;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.replace-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a4;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.replace-image-text{position:relative;z-index:1;color:#fff;display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;height:100%;gap:5px;font-family:montserrat;font-size:14px}.edit-option p{font-size:12px;color:#555;font-family:montserrat}@media (max-width: 600px){.radio-label{font-size:11px}.radio-label input[type=checkbox]{width:14px;height:14px}}@media (max-width: 600px){.edit-panel{width:200px;height:400px;top:-35px}.edit-panel h4{font-size:12px}.edit-option label{font-size:11px}.edit-option input{font-size:11px;padding:5px}.custom-select,.custom-select-option,.color-picker-trigger{padding:5px 8px}.custom-select-option .font-size{font-size:10px}.close-panel-btn{font-size:11px;padding:6px}.color-preview{width:16px;height:16px}.color-value{font-size:11px}}.edit-panel-section{position:absolute;top:calc(100% + 10px);left:15%;transform:translateY(0);width:305px;height:450px;background:#fff;box-shadow:0 0 12px #1d1e2029;z-index:5;display:flex;flex-direction:column;gap:10px;border-top:solid 4px #277BF7;z-index:999;overflow-y:auto;font-family:montserrat}.edts-header{display:flex;justify-content:space-between;padding:10px;align-items:center}.edts-header:not(i){font-weight:500;font-size:17px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000002a;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:1300px;max-width:90%;overflow-y:hidden;box-shadow:0 4px 8px #0003;font-family:Montserrat,sans-serif;height:80%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem}.modal-header h3{margin:0;font-size:1.2rem;font-weight:600}.close-btn{background:none;border:none;font-size:22px;cursor:pointer;color:#727586}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;height:200px;width:100%}.list-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:40px;position:relative;width:80%;height:fit-content;padding:20px;max-height:100%;overflow-y:auto}.image-placeholder{aspect-ratio:1;padding:5px;border-style:solid;border-radius:10px;border-width:1px;border-color:#e0e0e0;position:relative}.image-placeholder p{margin:0;padding:10px 10px 0 0;font-size:14px}.image-placeholder span{font-size:13px;text-transform:uppercase;color:#727586}.button-placimg{position:absolute;top:calc(50% - 10px);z-index:100;left:50%;transform:translate(-50%);background:#007bff;color:#fff;font-weight:500;display:block;width:120px;text-align:center;padding:7px 0;border-radius:5px;display:none;cursor:pointer;font-size:13px}.placeholder-box{width:160px;height:170px;background-size:24px 24px;border-radius:4px;position:relative;cursor:pointer;margin:0 auto}.placeholder-box:hover:before{content:"";background:#0000003b;position:absolute;width:100%;height:100%}.placeholder-box:hover a{display:block}.placeholder-box img{width:100%;height:100%;object-fit:contain;display:block}.modal-footer{display:flex;justify-content:flex-end;padding:1rem;border-top:1px solid #e0e0e0}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;margin-left:.5rem}.btn-secondary{background:#f0f0f0;color:#333}.btn-primary{background:#007bff;color:#fff}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.image-grid{display:flex;height:100%;border-top:solid #ECEFF3 1px}.media-sidebar{width:20%;background:#eceff3;height:calc(100% - 60px);display:flex;flex-direction:column;justify-content:space-between}.modal-body{height:100%}.list-images p{font-size:13px;color:#727586;text-align:center}.upload-images{background:#007bff;width:fit-content;margin:40px auto 0;color:#fff;font-family:montserrat;padding:5px 15px;border-radius:5px;font-size:15px;cursor:pointer}.image-sdmt{font-family:montserrat}.image-sdmt h4{color:#868aa5;font-weight:600;text-transform:uppercase;font-size:13px;padding:0 10px}.image-sdmt ul{list-style:none;padding:0;margin:10px 0 0}.image-sdmt ul li{font-size:14px;padding:10px 0 10px 20px;cursor:pointer}.image-sdmt ul li.active,.image-sdmt ul li:hover{background:#d6e6fe}.media-sidebar-bottom{margin-bottom:30px}.media-plan-info{font-family:montserrat;padding:0 20px;margin:0 auto}.media-plan-info p{font-size:12px;color:#000;font-weight:500;margin-bottom:10px}.bar-fake{background:#d4d8de;width:100%;height:5px;border-radius:10px}