ots-photo-editor .ots-photo-editor{width:min(900px,96vw);max-width:100vw;height:min(850px,94dvh);max-height:100dvh;padding:0;border:0;border-radius:12px;background:#fbfbf7;color:#23382d}ots-photo-editor .ots-photo-editor::backdrop{background:#000a}ots-photo-editor .ots-photo-editor__layout{height:100%;display:flex;flex-direction:column;font:16px/1.4 system-ui,sans-serif}ots-photo-editor header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}ots-photo-editor h2{margin:0;font-size:22px}ots-photo-editor p{margin:4px 0}ots-photo-editor [data-status]:empty{margin:0}ots-photo-editor .ots-photo-editor__hint{padding:0 20px 10px;font-size:14px}ots-photo-editor canvas{display:block;width:100%;flex:1 1 0;min-height:120px;touch-action:none;cursor:grab}ots-photo-editor canvas:active{cursor:grabbing}ots-photo-editor .ots-photo-editor__controls{padding:12px 20px max(16px,env(safe-area-inset-bottom));overflow-y:auto;max-height:48%}ots-photo-editor label{display:flex;align-items:center;gap:12px}ots-photo-editor input[type=range]{flex:1;min-height:44px;accent-color:#344c3b}ots-photo-editor input[type=checkbox]{min-width:24px;min-height:24px;accent-color:#344c3b}ots-photo-editor button{min-height:44px;padding:10px 18px;border:1px solid #344c3b;border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer}ots-photo-editor [data-save]{background:#344c3b;color:#fff}ots-photo-editor button:disabled{opacity:.5;cursor:not-allowed}ots-photo-editor :focus-visible{outline:3px solid #b85b2b;outline-offset:2px}ots-photo-editor .ots-photo-editor__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}ots-photo-editor .ots-photo-editor__actions button{flex:1}ots-photo-editor [hidden]{display:none!important}@media(max-width:600px){ots-photo-editor .ots-photo-editor{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}ots-photo-editor header{padding-top:max(12px,env(safe-area-inset-top))}ots-photo-editor .ots-photo-editor__controls,ots-photo-editor header{padding-left:16px;padding-right:16px}}@media(max-width:600px){ots-photo-editor .ots-photo-editor__actions{grid-template-columns:repeat(2,minmax(0,1fr))}ots-photo-editor .ots-photo-editor__actions [data-save]{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ots-photo-editor.css.map */