.aspect_ratio_gen .panel{color:#fff;padding:20px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.04),0 4px 6px -1px rgba(0,0,0,.3)}.aspect_ratio_gen canvas{width:100%;height:100%;display:none;cursor:grab;touch-action:none;border-radius:10px;background:transparent}.aspect_ratio_gen canvas:active{cursor:grabbing}.aspect_ratio_gen .preset-btn{color:#fff;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.04),0 4px 6px -1px rgba(0,0,0,.3);transition:all .3s ease;cursor:pointer}.aspect_ratio_gen .preset-btn:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,87,0,.5)}.aspect_ratio_gen .preset-btn.active{background:linear-gradient(-90deg,rgba(245,158,11,1) 10%,rgba(255,87,0,1) 62%);border-color:#ff5700}.aspect_ratio_gen .panel input:disabled,.aspect_ratio_gen .panel select:disabled,.aspect_ratio_gen .preset-btn:disabled{opacity:.5;cursor:not-allowed}.aspect_ratio_gen .panel input:not(:disabled),.aspect_ratio_gen .panel select:not(:disabled),.aspect_ratio_gen button:not(:disabled){opacity:1}.aspect_ratio_gen #adjustControls{display:none;margin-top:15px}.aspect_ratio_gen .drop-zone{padding:28px;cursor:pointer;background:#000;text-align:center;border-radius:10px;border:2px dashed #ff57005e;background-color:rgba(0,0,0,.39);transition:border-color .18s ease,background .18s ease,transform .08s ease}.aspect_ratio_gen .drop-zone:hover{border-color:#ff5700}.aspect_ratio_gen .drop-zone .drop-text{color:#fff;font-weight:600;margin-bottom:3px}.aspect_ratio_gen .drop-zone .drop-text span{color:#ff5700!important}.aspect_ratio_gen .drop-zone .drop-subtext{color:#6c757d;font-size:.9rem}.aspect_ratio_gen .bg_color label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500}.aspect_ratio_gen .panel input,.aspect_ratio_gen .panel select{color:#fff;width:100%;outline:none;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.39);border:1px solid hsla(0,0%,100%,.21)}.aspect_ratio_gen .panel select{appearance:button}.aspect_ratio_gen .panel input:focus,.aspect_ratio_gen .panel select:focus{box-shadow:none;border-color:#ff5700}.aspect_ratio_gen .btn-primary{border:none;font-weight:600;border-radius:10px;background:linear-gradient(-90deg,rgba(245,158,11,1) 10%,rgba(255,87,0,1) 62%)}.aspect_ratio_gen .btn-primary:hover:not(:disabled){background:linear-gradient(90deg,rgba(245,158,11,1) 10%,rgba(255,87,0,1) 62%)}.aspect_ratio_gen .btn-danger{background:#dc3545;border:none}.aspect_ratio_gen .btn-danger:hover{background:#c82333}.aspect_ratio_gen .btn-success{background:#28a745;border:none}.aspect_ratio_gen .btn-success:hover{background:#218838}.aspect_ratio_gen input.form-range{border:none;padding:0;background:transparent}.aspect_ratio_gen .canvas-wrapper{display:flex;overflow:hidden;background:#000;position:relative;border-radius:10px;padding:30px;flex-direction:column;min-height:400px}.aspect_ratio_gen .preview-placeholder{gap:8px;height:100%;color:#fff;display:flex;font-weight:600;align-items:center;flex-direction:column;justify-content:center}.aspect_ratio_gen .adjust-row{margin-bottom:15px}.aspect_ratio_gen .fw-semibold{color:#fff;font-weight:600}.aspect_ratio_gen .text-white{color:#fff!important}.aspect_ratio_gen .dropzone-icon svg{display:block;margin:0 auto}.aspect_ratio_gen hr{border-color:rgba(255,255,255,.1)}@media (max-width:578px){.aspect_ratio_gen .cntr_header_nano h4{font-size:35px!important}.aspect_ratio_gen .cntr_header_nano p{font-size:15px!important}.aspect_ratio_gen .above_pill_area_nano span{font-size:12px!important}.aspect_ratio_gen .panel{padding:15px;margin-bottom:20px}.aspect_ratio_gen .d-grid{grid-template-columns:repeat(2,1fr)!important}.aspect_ratio_gen .drop-zone{padding:20px 15px}.aspect_ratio_gen .canvas-wrapper{min-height:300px;padding:20px}.aspect_ratio_gen .adjust-row{flex-direction:column;align-items:flex-start!important}.aspect_ratio_gen .adjust-row .btn{width:100%;margin-bottom:10px}.aspect_ratio_gen .d-flex.gap-2{flex-direction:column}.aspect_ratio_gen .d-flex.gap-2 .btn{width:100%}.aspect_ratio_gen .fw-semibold.fs-6{font-size:14px!important}}@media (min-width:579px) and (max-width:767px){.aspect_ratio_gen .cntr_header_nano h4{font-size:45px!important}.aspect_ratio_gen .d-grid{grid-template-columns:repeat(3,1fr)!important}.aspect_ratio_gen .panel{margin-bottom:20px}}@media (min-width:768px) and (max-width:991px){.aspect_ratio_gen .dropzone-icon svg{width:40px;height:40px}.aspect_ratio_gen .cntr_header_nano h4{font-size:50px}.aspect_ratio_gen .canvas-wrapper{min-height:350px}.aspect_ratio_gen .extraclassadd_1 #presetList{height:400px!important}}@media (max-width:991px){.aspect_ratio_gen .cntr_header_nano h4{font-size:35px;line-height:inherit}.aspect_ratio_gen .cntr_header_nano p{font-size:15px}.aspect_ratio_gen .above_pill_area_nano{text-align:center}.aspect_ratio_gen .panel_1 .mb-2{text-align:center;display:block!important}.aspect_ratio_gen .panel_1 .fw-semibold{margin-bottom:10px}}@media (min-width:992px) and (max-width:1199px){.aspect_ratio_gen .cntr_header_nano h4{font-size:50px}}@media (min-width:1200px) and (max-width:1399px){.aspect_ratio_gen .cntr_header_nano h4{font-size:55px}}@media (min-width:992px) and (max-width:1400px){.aspect_ratio_gen .cntr_header_nano h4,.aspect_ratio_gen .cntr_header_nano p{width:80%}}@media (max-width:991px) and (orientation:landscape){.aspect_ratio_gen .canvas-wrapper{min-height:250px}.aspect_ratio_gen .panel{padding:10px}}@media print{.aspect_ratio_gen #adjustControls,.aspect_ratio_gen .btn,.aspect_ratio_gen .panel:first-child{display:none!important}}.aspect_ratio_gen{color:#344054!important;background:linear-gradient(135deg,#fff8f3,#f7f9fc 48%,#f2f5ff)!important}.aspect_ratio_gen .panel{color:#344054!important;background:#fff!important;border-color:#d8e0eb!important;box-shadow:0 10px 28px rgba(16,24,40,.07)!important}.aspect_ratio_gen .cntr_header_nano h4,.aspect_ratio_gen :is(label,strong,.fw-semibold,.text-white){color:#101828!important}.aspect_ratio_gen .cntr_header_nano p,.aspect_ratio_gen :is(.drop-subtext,.preview-placeholder,small){color:#667085!important}.aspect_ratio_gen .drop-zone{color:#344054!important;background:#fffaf7!important;border-color:#ff8a4c!important}.aspect_ratio_gen .drop-zone:hover{background:#fff4ec!important}.aspect_ratio_gen .drop-zone .drop-text{color:#182230!important}.aspect_ratio_gen .preset-btn{color:#344054!important;background:#fff!important;border-color:#cbd5e1!important}.aspect_ratio_gen .preset-btn:hover:not(:disabled){color:#c4320a!important;background:#fff2e8!important;border-color:#ff7a3d!important}.aspect_ratio_gen .preset-btn.active{color:#fff!important;border-color:transparent!important;background:linear-gradient(100deg,#ff5700,#f59e0b)!important}.aspect_ratio_gen .panel :is(input,select){color:#182230!important;background:#fff!important;border-color:#cbd5e1!important;color-scheme:light}.aspect_ratio_gen .panel :is(input,select):disabled{color:#667085!important;background:#f2f4f7!important;border-color:#d0d5dd!important;opacity:1}.aspect_ratio_gen hr{border-color:#e1e7ef!important;opacity:1}.aspect_ratio_gen .canvas-wrapper{color:#667085!important;background-color:#f8fafc!important;background-image:linear-gradient(45deg,#eef2f6 25%,transparent 0),linear-gradient(-45deg,#eef2f6 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eef2f6 0),linear-gradient(-45deg,transparent 75%,#eef2f6 0)!important;background-size:24px 24px!important;background-position:0 0,0 12px,12px -12px,-12px 0!important;border-color:#d8e0eb!important}.aspect_ratio_gen .preview-placeholder :is(svg,i){color:#ff5700!important}.aspect_ratio_gen .preset-btn:disabled{opacity:1!important;color:#475467!important;background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 3px 9px rgba(16,24,40,.06)!important}.aspect_ratio_gen .panel input:disabled,.aspect_ratio_gen .panel select:disabled{opacity:1!important;color:#344054!important;-webkit-text-fill-color:#344054!important;background:#f8fafc!important;border-color:#cbd5e1!important}.aspect_ratio_gen .panel select:disabled{color-scheme:light}