.aspect_ratio_gen .panel{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:20px;box-shadow:inset 0 1px rgba(255,255,255,.04),0 4px 6px -1px rgba(0,0,0,.3)}.aspect_ratio_gen canvas{cursor:grab;touch-action:none;background:0 0;border-radius:10px;width:100%;height:100%;display:none}.aspect_ratio_gen canvas:active{cursor:grabbing}.aspect_ratio_gen .preset-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px 10px;transition:all .3s;box-shadow:inset 0 1px rgba(255,255,255,.04),0 4px 6px -1px rgba(0,0,0,.3)}.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,#f59e0b 10%,#ff5700 62%);border-color:#ff5700}.aspect_ratio_gen .preset-btn:disabled,.aspect_ratio_gen .panel input:disabled,.aspect_ratio_gen .panel select:disabled{opacity:.5;cursor:not-allowed}.aspect_ratio_gen button:not(:disabled),.aspect_ratio_gen .panel input:not(:disabled),.aspect_ratio_gen .panel select:not(:disabled){opacity:1}.aspect_ratio_gen #adjustControls{margin-top:15px;display:none}.aspect_ratio_gen .drop-zone{cursor:pointer;text-align:center;background:rgba(0,0,0,.39);border:2px dashed rgba(255,87,0,.37);border-radius:10px;padding:28px;transition:border-color .18s,background .18s,transform 80ms}.aspect_ratio_gen .drop-zone:hover{border-color:#ff5700}.aspect_ratio_gen .drop-zone .drop-text{color:#fff;margin-bottom:3px;font-weight:600}.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{color:#fff;margin-bottom:.5rem;font-weight:500;display:block}.aspect_ratio_gen .panel input,.aspect_ratio_gen .panel select{color:#fff;background:rgba(0,0,0,.39);border:1px solid rgba(255,255,255,.21);border-radius:10px;outline:none;width:100%;padding:8px 10px}.aspect_ratio_gen .panel select{-webkit-appearance:button;-moz-appearance:button;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{background:linear-gradient(-90deg,#f59e0b 10%,#ff5700 62%);border:none;border-radius:10px;font-weight:600}.aspect_ratio_gen .btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#f59e0b 10%,#ff5700 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{background:0 0;border:none;padding:0}.aspect_ratio_gen .canvas-wrapper{background:#000;border-radius:10px;flex-direction:column;min-height:400px;padding:30px;display:flex;position:relative;overflow:hidden}.aspect_ratio_gen .preview-placeholder{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;font-weight:600;display:flex}.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{margin:0 auto;display:block}.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{margin-bottom:20px;padding:15px}.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 .panel:first-child,.aspect_ratio_gen .btn,.aspect_ratio_gen #adjustControls{display:none!important}}