/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */
.cropper-container{-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative}.cropper-container img{backface-visibility:hidden;image-orientation:0deg;width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{position:absolute;inset:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{outline:1px solid #3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;display:block;position:absolute}.cropper-dashed.dashed-h{border-top-width:1px;border-bottom-width:1px;width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.cropper-center:before,.cropper-center:after{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{width:7px;height:1px;top:0;left:-3px}.cropper-center:after{width:1px;height:7px;top:-3px;left:0}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;display:block;position:absolute}.cropper-face{background-color:#fff;top:0;left:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;width:5px;top:0;right:-3px}.cropper-line.line-n{cursor:ns-resize;height:5px;top:-3px;left:0}.cropper-line.line-w{cursor:ew-resize;width:5px;top:0;left:-3px}.cropper-line.line-s{cursor:ns-resize;height:5px;bottom:-3px;left:0}.cropper-point{opacity:.75;background-color:#39f;width:5px;height:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;top:50%;right:-3px}.cropper-point.point-n{cursor:ns-resize;margin-left:-3px;top:-3px;left:50%}.cropper-point.point-w{cursor:ew-resize;margin-top:-3px;top:50%;left:-3px}.cropper-point.point-s{cursor:s-resize;margin-left:-3px;bottom:-3px;left:50%}.cropper-point.point-ne{cursor:nesw-resize;top:-3px;right:-3px}.cropper-point.point-nw{cursor:nwse-resize;top:-3px;left:-3px}.cropper-point.point-sw{cursor:nesw-resize;bottom:-3px;left:-3px}.cropper-point.point-se{cursor:nwse-resize;opacity:1;width:20px;height:20px;bottom:-3px;right:-3px}@media (width>=768px){.cropper-point.point-se{width:15px;height:15px}}@media (width>=992px){.cropper-point.point-se{width:10px;height:10px}}@media (width>=1200px){.cropper-point.point-se{opacity:.75;width:5px;height:5px}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}*{box-sizing:border-box}body{color:#101828;background:#f7f9fc;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,Tahoma,sans-serif}.site-header{background:#fff;border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;min-height:68px;padding:0 max(24px,50vw - 590px);display:flex}.logo{color:#101828;font-size:24px;font-weight:850;text-decoration:none}.logo span{color:#ff6900}nav{gap:20px;display:flex}nav a{color:#475467;font-size:14px;font-weight:650;text-decoration:none}main{width:min(1180px,100% - 32px);margin:auto;padding:64px 0 100px}.hero{text-align:center;margin-bottom:32px}.badge{color:#087a55;background:#e9fbf2;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-flex}h1{letter-spacing:-.04em;margin:14px 0 8px;font-size:clamp(38px,5vw,54px)}.hero p{color:#667085;font-size:16px}.studio,.quick-answer,.privacy-card{background:#fff;border:1px solid #e4e7ec;border-radius:20px}.studio{overflow:hidden;box-shadow:0 20px 60px #1018280f}.upload-view{padding:28px}.drop-zone{border:1.5px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;transition:all .15s;display:flex}.drop-zone.dragging{background:#fff8f3;border-color:#ff6900}.upload-icon{background:#fff2e9;border-radius:18px;place-items:center;width:62px;height:62px;margin-bottom:16px;display:grid}.upload-icon svg{fill:none;stroke:#ff6900;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:28px}.drop-zone strong{margin-bottom:13px;font-size:17px}.drop-zone small{color:#98a2b3;margin-top:11px}.primary-button{color:#fff;cursor:pointer;background:#ff6900;border-radius:10px;align-items:center;min-height:45px;padding:0 20px;font-weight:750;display:inline-flex}.editor-view{grid-template-columns:minmax(0,1fr) 360px;min-height:700px;display:grid}.canvas-panel{background:#eef1f5;min-width:0;padding:25px}.image-stage{background:#1d2939;border-radius:14px;width:100%;height:650px;overflow:hidden}#editorImage{max-width:100%;display:block}.control-panel{background:#fff;border-left:1px solid #eaecf0;max-height:760px;padding:20px;overflow-y:auto}.control-section{border-bottom:1px solid #eaecf0;padding:17px 0}.control-section:first-child{padding-top:0}.control-section h2{margin:0 0 12px;font-size:15px}.ratio-grid,.action-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.ratio-button,.action-grid button,.secondary-button{color:#344054;cursor:pointer;min-height:39px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:8px;font-size:12px;font-weight:650}.ratio-button.active{color:#e85900;background:#fff4ec;border-color:#ff6900}.slider-row{margin-top:14px;display:block}.slider-row span{color:#475467;justify-content:space-between;margin-bottom:5px;font-size:11px;font-weight:650;display:flex}.slider-row input{width:100%}.size-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.size-grid label>span{color:#667085;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.size-grid input,.size-grid select{width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:0 9px}.check-row{color:#667085;align-items:center;gap:7px;margin-top:10px;font-size:11px;display:flex}.final-actions{grid-template-columns:1fr 1fr;gap:8px;padding-top:20px;display:grid}.download-button{color:#fff;cursor:pointer;min-height:45px;font:inherit;background:#ff6900;border:0;border-radius:9px;font-weight:750}.quick-answer{border-left:4px solid #ff6900;margin-top:28px;padding:25px}.quick-answer>span{color:#ff6900;font-size:10px;font-weight:800}.quick-answer h2{margin:5px 0 7px}.quick-answer p{color:#475467;margin:0;line-height:1.7}.privacy-card{gap:10px;margin-top:15px;padding:16px;display:flex}.privacy-card>div{color:#087a55;background:#e9fbf2;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.privacy-card p{margin:0}.privacy-card strong,.privacy-card span{display:block}.privacy-card span{color:#667085;margin-top:3px;font-size:12px}.cropper-container{max-height:650px!important}@media (width<=850px){.editor-view{grid-template-columns:1fr}.control-panel{border-top:1px solid #eaecf0;border-left:0;max-height:none}.image-stage{height:500px}}@media (width<=520px){main{padding-top:40px}.canvas-panel{padding:10px}.image-stage{height:420px}.size-grid{grid-template-columns:1fr}nav a:first-child{display:none}}.social-button{color:#c2410c;cursor:pointer;min-height:48px;font:inherit;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding:0 15px;font-size:12px;font-weight:750;transition:all .15s;display:flex}.social-button:hover{background:#fff1e7;border-color:#ff6900;transform:translateY(-1px)}.social-button strong{font-size:18px}.social-button:disabled{opacity:.65;cursor:wait;transform:none}