@font-face{font-family:"QuanPixel 8px";src:url(/fonts/quanpixel-8px.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Fusion Pixel 10px";src:url(/fonts/fusion-pixel-10px-proportional-zh_hans.ttf.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Ark Pixel 12px";src:url(/fonts/ark-pixel-12px-proportional.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"ZhengGeDianHei 16px";src:url(/fonts/zhenggedianhei-16.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.wz-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.wz-canvas-box{max-height:560px;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:8px}.wz-inline-block{position:relative;display:inline-block}.wz-form-grid,.wz-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 768px){.wz-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.wz-col-span-2{grid-column:span 2 / span 2}.wz-cols{display:flex;flex-direction:column;gap:24px}@media (min-width: 1200px){.wz-cols{flex-direction:row}}.wz-main{flex:1 1 0%;min-width:0}.wz-side{flex:none;width:100%;display:flex;flex-direction:column;gap:16px}@media (min-width: 1200px){.wz-side{width:420px}}.wz-tags{display:flex;flex-wrap:wrap;gap:8px}.wz-inline-flex{display:inline-flex;align-items:center;gap:8px}.wz-label{display:block;margin-bottom:4px;font-size:12px}.wz-max-w{max-width:576px}.wz-select-none{user-select:none;-webkit-user-select:none}.wz-swatch{display:inline-block;flex-shrink:0;border-radius:2px;border:1px solid #d1d5db;vertical-align:middle}.wz-mb-2{margin-bottom:8px}.wz-mt-4{margin-top:16px}.wz-text-xs{font-size:12px}.wz-cc-trigger{display:flex;width:100%;align-items:center;gap:8px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;padding:0 12px;text-align:left;font-size:14px;color:#000000e0;cursor:pointer;transition:border-color .2s}.wz-cc-trigger:hover:not(:disabled){border-color:#1677ff}.wz-cc-trigger.wz-cc-open{border-color:#1677ff}.wz-cc-trigger:disabled{cursor:not-allowed;background:#0000000a;color:#00000040}.wz-cc-swatch{display:inline-block;flex-shrink:0;width:14px;height:14px;border-radius:2px;border:1px solid #d9d9d9}.wz-cc-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wz-cc-placeholder{color:#00000040}.wz-cc-arrow{margin-left:auto;flex-shrink:0;font-size:12px;color:#00000040}.wz-cc-panel{max-height:60vh;width:464px;overflow-y:auto;padding:12px}.wz-cc-group{margin-bottom:8px}.wz-cc-group:last-child{margin-bottom:0}.wz-cc-group-title{margin-bottom:4px;font-size:12px;color:#00000073}.wz-cc-cells{display:flex;flex-wrap:wrap;gap:4px}.wz-cc-cell{display:flex;align-items:center;justify-content:center;height:32px;width:44px;border:1px solid rgba(0,0,0,.1);border-radius:4px;font-size:12px;font-weight:500;line-height:1;cursor:pointer;transition:transform .15s}.wz-cc-cell:hover{transform:scale(1.1)}.wz-cc-cell.wz-cc-active{border-color:#1677ff;box-shadow:0 0 0 2px #0591ff40}.wz-cc-cell.wz-cc-eraser{width:100%;border-color:#d9d9d9;color:#000000a6;margin-bottom:8px}.wz-cc-grad-row{display:flex;align-items:center;gap:8px;height:64px;border:1px solid #e5e5e5;border-radius:6px;margin-bottom:8px;padding:0 16px 0 10px}.wz-cc-grad-row:last-child{margin-bottom:0}.wz-cc-grad-row.wz-cc-grad-active{border-color:#1677ff;box-shadow:0 0 0 2px #0591ff40}.wz-cc-grad-main{display:flex;flex:1;min-width:0;align-items:center;gap:8px;border:none;background:none;padding:0;text-align:left;cursor:pointer}.wz-cc-grad-swatch{display:inline-block;flex-shrink:0;width:56px;height:40px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.wz-cc-grad-info{display:block;min-width:0}.wz-cc-grad-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;color:#000000e0}.wz-cc-grad-series{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#00000073}.wz-cc-grad-pad{display:grid;flex-shrink:0;grid-template-columns:repeat(3,20px);gap:2px}.wz-cc-grad-dir,.wz-cc-grad-dir-pad{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;font-size:11px;line-height:1}.wz-cc-grad-dir{border:none;background:none;color:#00000073;cursor:pointer;transition:background-color .15s,color .15s}.wz-cc-grad-dir:hover{background:#0000000f;color:#000000e0}.wz-cc-grad-dir.wz-cc-grad-dir-active{background:#1677ff;color:#fff}.wz-cc-grad-angle{color:#00000059}