.dpr-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.dpr-photo-area{flex-direction:column;flex:55%;min-width:0;min-height:180px;display:flex}.dpr-panel{min-height:160px;padding-bottom:env(safe-area-inset-bottom,0px);background:#222;border-top:1px solid #ffffff1a;flex:45%;overflow:hidden}@media (width>=768px){.dpr-body{flex-direction:row}.dpr-photo-area{flex:1;height:100%;min-height:0}.dpr-panel{border-top:none;width:100%;height:100%;min-height:0;padding-bottom:0}[data-slot=resizable-handle]{cursor:col-resize;transition:background .15s;background:#ffffff26!important;width:3px!important}[data-slot=resizable-handle]:hover,[data-slot=resizable-handle][data-resize-handle-state=drag]{background:#3b82f6!important}}.dpr-back-btn{color:#ffffff80;transition:color .15s,background-color .15s}.dpr-back-btn:hover{color:#fff;background-color:#ffffff1f}.dpr-view-mode .dpr-body{flex-direction:column}.dpr-view-mode .dpr-photo-area{flex:1;height:100%}.dpr-grid-slider{background:#ffffff26}.dpr-grid-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#ffffffb3;border-radius:50%;width:12px;height:12px}.dpr-grid-slider::-moz-range-thumb{cursor:pointer;background:#ffffffb3;border:none;border-radius:50%;width:12px;height:12px}