.antd-country-phone-input .ant-select{min-width:90px}.antd-country-phone-input .ant-input-group-addon{background-color:inherit}.antd-country-phone-input .ant-input-group-addon .ant-select-focused .ant-select-selector,.antd-country-phone-input .ant-input-group-addon .ant-select-selection-item{color:inherit}
.gallery-dropdown{background:var(--ant-color-bg-elevated,#fff);color:var(--ant-color-text,#000);overflow:hidden;padding:8px!important}.gallery-grid{gap:10px;display:grid}.gallery-item{cursor:pointer;text-align:center;background-color:var(--ant-color-bg-container,#f9f9f9);border:2px solid #0000;border-radius:8px;transition:all .2s;overflow:hidden}.gallery-item:hover{border-color:#1677ff33;transform:scale(1.03)}.gallery-item.selected{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff44}.gallery-caption{color:var(--ant-color-text,#222);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12px;overflow:hidden}.gallery-tag{background:var(--ant-color-fill-tertiary,#f5f5f5);border-radius:6px;align-items:center;gap:6px;margin:2px;padding:2px 8px;line-height:1.3;display:inline-flex}.gallery-tag img,.gallery-tag .ant-image{flex-shrink:0}@media (prefers-color-scheme:dark){.gallery-caption{color:var(--ant-color-text,#ddd)}.gallery-item{background-color:var(--ant-color-bg-container,#1f1f1f)}.gallery-tag{background:var(--ant-color-fill-tertiary,#2a2a2a);color:var(--ant-color-text,#fff)}}
.Paint{background-color:#cbd5e4;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.Paint .title{font-size:13px}
.paint-canvas{touch-action:none;height:calc(100% - 240px);margin:20px;box-shadow:2px 2px 5px #ecebeb,-2px -2px 5px #ecebeb,-2px 2px 10px #ecebeb,2px -2px 10px #ecebeb}
.toolbar{background-color:#f5f6f7;flex-shrink:0;height:180px;padding:10px;display:flex;overflow:auto}.toolbar .toolbar-item{margin:0 5px}.toolbar .divider{height:auto;margin:0 5px}
.toolpanel{flex-direction:column;display:inline-block;position:relative}.toolpanel .tool-item{cursor:pointer;border:1px solid #0000}.toolpanel .tool-item:hover{border:1px solid #64a5e7}.toolpanel .selected-tool{background-color:#bcdbfa}.toolpanel .top,.toolpanel .down{justify-content:space-between;margin-bottom:5px;display:flex}.toolpanel .title{text-align:center;width:100%;position:absolute;bottom:0}
.shapepanel{width:210px;min-width:210px;position:relative}.shapepanel .shape-container{text-align:center}.shapepanel .shape-container .shape-content{flex-wrap:wrap;width:140px;display:inline-flex}.shapepanel .shape-container .shape-content .shape-item{cursor:pointer;border:1px solid #0000;width:24px;height:24px;margin:2px}.shapepanel .shape-container .shape-content .shape-item:hover{border:1px solid #64a5e7}.shapepanel .shape-container .shape-content .selected-shape{background-color:#c9e0f7}.shapepanel .shape-container .shape-style{margin-left:5px;display:inline-block}.shapepanel .shape-container .shape-style .MuiFormLabel-root{font-size:15px}.shapepanel .shape-container .shape-style .MuiSelect-root{padding:6px 30px 5px 5px;font-size:12px}.shapepanel .title{text-align:center;width:100%;position:absolute;bottom:0}
.colorpanel{position:relative}.colorpanel .content{display:flex}.colorpanel .content .color-template{flex-wrap:wrap;width:155px;display:flex}.colorpanel .content .color-template .color-template-item{cursor:pointer;border:1px solid gray;width:20px;height:20px;margin:1px}.colorpanel .content .color-template .color-template-item:hover{border:1px solid #64a5e7}.colorpanel .content .main-color,.colorpanel .content .sub-color{text-align:center;cursor:pointer;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;min-width:60px;margin:0 5px;padding:5px;display:flex}.colorpanel .content .main-color:hover,.colorpanel .content .sub-color:hover{background-color:#d5e3f3;border:#cbe0f7}.colorpanel .content .active-color-type{background-color:#bcdbfa;border:1px solid #a1cefa}.colorpanel .content .color-box1{width:32px;height:32px}.colorpanel .content .color-box2{width:28px;height:28px;margin:2px}.colorpanel .content .color-box1,.colorpanel .content .color-box2{border:1px solid gray;padding:1px}.colorpanel .content .color-result{display:flex}.colorpanel .content .color-picker{text-align:center;width:45px;margin-left:10px}.colorpanel .content .color-picker .makeStyles-root-5{margin:0;display:inline-block}.colorpanel .title{text-align:center;width:100%;position:absolute;bottom:0}
.otherOperator{width:80px;position:relative}.otherOperator .operator-content{justify-content:space-between;display:flex}.otherOperator .operator-content .operator-item{cursor:pointer;border:1px solid #0000;width:24px;height:24px}.otherOperator .operator-content .operator-item:hover{background-color:#d5e3f3;border:1px solid #64a5e7}.otherOperator .title{text-align:center;width:100%;position:absolute;bottom:0}