@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";
.cropper-container{touch-action:none;-webkit-touch-callout:none;-webkit-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 (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-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}
.ic-root{--ic-bg:#f5f6fa;--ic-surface:#fff;--ic-surface2:#f0f1f7;--ic-surface3:#e8eaf2;--ic-surface4:#dde0ef;--ic-border:#3c46781a;--ic-border2:#3c46782e;--ic-text:#1a1d2e;--ic-muted:#1d1e20;--ic-blue:#3b6fff;--ic-blue-dim:#3b6fff17;--ic-blue-glow:#3b6fff52;--ic-trans:.15s cubic-bezier(.4, 0, .2, 1);--ic-shadow:0 1px 3px #3c467814, 0 4px 14px #3c46780f;--ic-shadow-md:0 2px 8px #3c46781a, 0 8px 24px #3c467814}.ic-shell{width:100%;max-width:800px;display:flex;position:relative;overflow:hidden}.ic-shell:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 20% -10%,#3b6fff0e 0%,#0000 65%),radial-gradient(40% 30% at 90% 110%,#3b6fff09 0%,#0000 55%);position:absolute;inset:0}.ic-canvas-panel{z-index:1;flex-direction:column;flex:1;min-width:0;height:561px;display:flex;position:relative}.ic-topbar{border-bottom:1px solid var(--ic-border);-webkit-backdrop-filter:blur(10px);background:#ffffffb8;justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.ic-topbar-left{align-items:center;gap:10px;display:flex}.ic-topbar-title{color:var(--ic-muted);font-family:DM Sans,sans-serif;font-size:20px;font-weight:600}.ic-ratio-pill{color:var(--ic-blue);background:var(--ic-blue-dim);letter-spacing:.05em;border:1px solid #3b6fff38;border-radius:20px;padding:2px 11px;font-size:10px;font-weight:500}.ic-canvas-wrap{background:repeating-conic-gradient(#e5e7f2 0% 25%,#eef0f8 0% 50%) 0 0/20px 20px;flex:1;position:relative;overflow:hidden}.ic-canvas-wrap .cropper-modal{background:#eef0f88c!important}.ic-canvas-wrap .cropper-view-box{outline:none!important}.ic-canvas-wrap .cropper-face{cursor:move;border:2px solid var(--ic-blue)!important;opacity:1!important;background:0 0!important;box-shadow:0 0 0 1px #3b6fff1f,0 0 22px #3b6fff1f,inset 0 0 22px #3b6fff08!important}.ic-canvas-wrap .cropper-dashed{border-width:1px!important;border-color:#3b6fff2e!important}.ic-canvas-wrap .cropper-center{display:none!important}.ic-canvas-wrap .cropper-face:before,.ic-canvas-wrap .cropper-face:after{content:"";pointer-events:none;background:#3b6fff38;position:absolute}.ic-canvas-wrap .cropper-face:before{height:1px;top:50%;left:10%;right:10%;transform:translateY(-50%)}.ic-canvas-wrap .cropper-face:after{width:1px;top:10%;bottom:10%;left:50%;transform:translate(-50%)}.ic-canvas-wrap .cropper-point{background:var(--ic-blue)!important;opacity:1!important;box-shadow:0 0 0 2px #fff, 0 0 8px var(--ic-blue-glow)!important}.ic-canvas-wrap .cropper-point.point-n,.ic-canvas-wrap .cropper-point.point-s,.ic-canvas-wrap .cropper-point.point-e,.ic-canvas-wrap .cropper-point.point-w{display:none!important}.ic-canvas-wrap .cropper-point.point-nw,.ic-canvas-wrap .cropper-point.point-ne,.ic-canvas-wrap .cropper-point.point-sw,.ic-canvas-wrap .cropper-point.point-se{border-radius:3px!important;width:10px!important;height:10px!important}.ic-canvas-wrap .cropper-line{background:#3b6fff52!important}@keyframes ic-pulse{0%{box-shadow:0 0 #3b6fff47,inset 0 0 22px #3b6fff08}65%{box-shadow:0 0 0 8px #3b6fff00,inset 0 0 22px #3b6fff08}to{box-shadow:0 0 #3b6fff00,inset 0 0 22px #3b6fff08}}.ic-canvas-wrap .cropper-crop-box{animation:3s ease-out infinite ic-pulse}.ic-sidebar{background:var(--ic-surface);border-left:1px solid var(--ic-border);z-index:1;flex-direction:column;flex-shrink:0;width:236px;display:flex;position:relative;overflow-y:auto}.ic-sidebar::-webkit-scrollbar{width:3px}.ic-sidebar::-webkit-scrollbar-track{background:0 0}.ic-sidebar::-webkit-scrollbar-thumb{background:var(--ic-surface4);border-radius:3px}.ic-sidebar-inner{flex-direction:column;flex:1;display:flex}.ic-section{border-bottom:1px solid var(--ic-border);padding:15px 16px}.ic-sec-label{color:var(--ic-muted);align-items:center;gap:8px;margin-bottom:5px;font-size:14px;font-weight:700;display:flex}.ic-sec-label:after{content:"";background:var(--ic-border);flex:1;height:1px}.ic-ratio-select{appearance:none;background:var(--ic-surface2);border:1.5px solid var(--ic-border2);width:100%;color:var(--ic-text);letter-spacing:.04em;cursor:pointer;transition:border-color var(--ic-trans), box-shadow var(--ic-trans), background-color var(--ic-trans);box-sizing:border-box;box-shadow:var(--ic-shadow);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='rgba(60,70,120,0.45)' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;border-radius:10px;outline:none;padding:9px 34px 9px 12px;font-size:11px;font-weight:500}.ic-ratio-select:hover{background-color:#fff;border-color:#3b6fff73}.ic-ratio-select:focus{border-color:var(--ic-blue);background-color:#fff;box-shadow:0 0 0 3px #3b6fff1f}.ic-ratio-select option{color:var(--ic-text);background:#fff}.ic-zoom-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ic-zoom-badge{color:var(--ic-blue);background:var(--ic-blue-dim);letter-spacing:.04em;border:1px solid #3b6fff33;border-radius:20px;padding:2px 9px;font-size:10px;font-weight:500}.ic-zoom-track{margin-bottom:10px;position:relative}.ic-zoom-track-bg{background:var(--ic-surface3);pointer-events:none;border-radius:4px;height:4px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.ic-zoom-track-fill{background:linear-gradient(90deg, var(--ic-blue), #7aa4ff);border-radius:4px;height:100%;transition:width 80ms linear;box-shadow:0 0 6px #3b6fff61}.ic-zoom-track .ant-slider{z-index:1;margin:0;position:relative}.ic-zoom-track .ant-slider .ant-slider-rail,.ic-zoom-track .ant-slider .ant-slider-track{height:4px;background:0 0!important}.ic-zoom-track .ant-slider .ant-slider-handle{border-color:var(--ic-blue)!important;width:18px!important;height:18px!important}.ic-zoom-steps{gap:5px;display:flex}.ic-zoom-step{all:unset;cursor:pointer;background:var(--ic-surface2);border:1.5px solid var(--ic-border);color:var(--ic-muted);letter-spacing:.04em;transition:all var(--ic-trans);box-shadow:var(--ic-shadow);border-radius:8px;flex:1;justify-content:center;align-items:center;padding:6px 0;font-size:10px;font-weight:500;display:flex}.ic-zoom-step:hover{background:var(--ic-blue-dim);color:var(--ic-blue);border-color:#3b6fff59}.ic-zoom-step:active{transform:scale(.95)}.ic-ctrl-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.ic-ctrl-btn{all:unset;cursor:pointer;background:var(--ic-surface2);border:1.5px solid var(--ic-border);transition:all var(--ic-trans);box-shadow:var(--ic-shadow);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 8px;display:flex;position:relative;overflow:hidden}.ic-ctrl-btn:after{content:"";opacity:0;transition:opacity var(--ic-trans);background:linear-gradient(160deg,#3b6fff0f 0%,#0000 60%);position:absolute;inset:0}.ic-ctrl-btn:hover{box-shadow:var(--ic-shadow-md);background:#fff;border-color:#3b6fff59;transform:translateY(-1px)}.ic-ctrl-btn:hover:after{opacity:1}.ic-ctrl-btn:active{box-shadow:var(--ic-shadow);transform:scale(.96)}.ic-ctrl-ico{color:#3c46786b;z-index:1;transition:color var(--ic-trans), transform var(--ic-trans);font-size:18px;line-height:1;position:relative}.ic-ctrl-btn:hover .ic-ctrl-ico{color:var(--ic-blue);transform:scale(1.14)}.ic-ctrl-lbl{text-transform:uppercase;letter-spacing:.07em;color:var(--ic-muted);z-index:1;transition:color var(--ic-trans);font-size:9px;font-weight:500;position:relative}.ic-ctrl-btn:hover .ic-ctrl-lbl{color:var(--ic-blue)}.ic-reset{all:unset;cursor:pointer;box-sizing:border-box;color:#c83232a6;letter-spacing:.02em;width:100%;transition:all var(--ic-trans);box-shadow:var(--ic-shadow);background:#ef44440d;border:1.5px solid #ef44442e;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 0;font-size:12px;font-weight:600;display:flex}.ic-reset:hover{color:#dc3535;background:#ef444417;border-color:#dc32325c;transform:translateY(-1px);box-shadow:0 4px 14px #dc32321f}.ic-reset:active{transform:scale(.97)}.ic-reset-ico{font-size:14px;transition:transform .4s;display:inline-block}.ic-reset:hover .ic-reset-ico{transform:rotate(-180deg)}.cropper-box{width:100%;height:calc(100vh - 290px);min-height:260px;display:block}@media (max-width:768px){.ic-shell{border-radius:14px;flex-direction:column;max-width:100%}.ic-sidebar{border-left:none;border-top:1px solid var(--ic-border);width:100%;overflow:auto visible}.ic-sidebar::-webkit-scrollbar{width:auto;height:3px}.ic-sidebar-inner{flex-direction:row;align-items:stretch;min-width:max-content}.ic-section{border-bottom:none;border-right:1px solid var(--ic-border);flex-shrink:0;padding:13px 14px}.ic-section:last-child{border-right:none}.ic-section--ratio{width:196px}.ic-section--zoom{width:202px}.ic-section--transform{width:180px}.ic-section--reset{align-items:center;width:126px;display:flex}.ic-ctrl-btn{padding:10px 6px}.ic-ctrl-ico{font-size:16px}.cropper-box{width:100%;height:calc(100vh - 300px);min-height:260px;display:block}.cropper-container{height:450px!important;top:50%!important}.cropper-crop-box{height:200px!important}}@media (max-width:480px){.ic-shell{border-radius:12px;flex-direction:column}.ic-topbar{padding:9px 13px}.ic-dot{width:9px;height:9px}.ic-sidebar{border-left:none;border-top:1px solid var(--ic-border);width:100%;overflow:visible}.ic-sidebar-inner{flex-direction:column;min-width:0}.ic-section{border-bottom:1px solid var(--ic-border);border-right:none;padding:13px 14px;width:auto!important}.ic-section--reset{display:block}.ic-zoom-header{margin-bottom:9px}.ic-zoom-steps{gap:5px}.ic-zoom-step{border-radius:8px;padding:6px 0;font-size:10px}.ic-ctrl-grid{grid-template-columns:repeat(4,1fr);gap:6px}.ic-ctrl-btn{border-radius:10px;gap:5px;padding:10px 4px}.ic-ctrl-ico{font-size:15px}.ic-ctrl-lbl{font-size:8px}.ic-reset{border-radius:10px;padding:10px 0;font-size:11px}}@media (max-width:360px){.ic-ctrl-lbl{display:none}.ic-ctrl-btn{padding:10px 2px}.ic-ctrl-grid{gap:5px}}.ic-section--upload{border-bottom:1px solid var(--ic-border,#2a2a2a);margin-bottom:4px;padding-bottom:12px}.ic-upload-zone{border:1.5px dashed var(--ic-border,#3a3a3a);cursor:pointer;background:#bfdbf3;border-radius:8px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100px;padding:7px 10px;transition:border-color .18s,background .18s;display:flex}.ic-upload-zone:hover,.ic-upload-zone:focus{border-color:var(--ic-accent,#4c6ef5);background:#4c6ef50d}.ic-upload-zone--active{border-color:var(--ic-accent,#4c6ef5);background:#4c6ef51a}.ic-upload-ico{color:var(--ic-muted,#888);font-size:15px;line-height:1;transition:color .18s}.ic-upload-zone:hover .ic-upload-ico,.ic-upload-zone--active .ic-upload-ico{color:var(--ic-accent,#4c6ef5)}.ic-upload-hint{color:var(--ic-muted,#888);text-align:center;font-size:14px;line-height:1.4}