*{box-sizing:border-box;margin:0;padding:0}:root{--color-alpha:lightcyan;--color-beta:cyan;--color-gamma:indigo}main{background-color:#fff;width:100vw;height:100vh;position:relative;overflow:hidden}.canvas{inset:0;background-color:#fff;background-image:radial-gradient(circle,#0000001f .8px,#0000 .8px);background-size:18px 18px;position:fixed;inset:0;overflow:hidden}.circle{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex;position:absolute;box-shadow:0 0 10px #0009}.point1{top:100px;left:100px}.point2{top:200px;left:200px}.stroke{stroke:red;stroke-width:2px}.svg{width:100%;height:100vh}.panel_cursor{cursor:pointer;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex;box-shadow:0 0 5px #00000081}.panel_cursor.active{background-color:#b188d7}p{color:#555;font-family:inherit;font-size:14px;font-weight:500}._panel_1i0uv_1{background-color:#fff;border-radius:20px;justify-content:center;align-items:center;gap:20px;width:70vw;height:7vh;display:flex;position:fixed;bottom:50px;left:50%;transform:translate(-50%)}._line_kaedq_1{background-color:#5a5555;border-radius:10px;width:20px;height:3px}._container_hpyaa_1{width:100%}._header_hpyaa_5{justify-content:space-between;align-items:center;gap:16px;display:flex}._label_hpyaa_12{color:#000;cursor:pointer;font-size:16px;font-weight:600}._rangeWrapper_hpyaa_21{width:100%}._range_hpyaa_21{cursor:pointer;appearance:none;border:none;border-radius:999px;outline:none;width:100%;height:4px;margin:0}._range_hpyaa_21::-webkit-slider-thumb{cursor:pointer;appearance:none;background:#000;border:1px solid #6c5ce7;border-radius:50%;width:15px;height:15px;transition:transform .15s,box-shadow .15s}._range_hpyaa_21::-webkit-slider-thumb:hover{transform:scale(1.1)}._range_hpyaa_21::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(.95)}._range_hpyaa_21::-moz-range-thumb{cursor:grab;background:#000;border:6px solid #6c5ce7;border-radius:50%;width:14px;height:14px;box-shadow:0 4px 10px #6c5ce74d,0 0 0 5px #6c5ce71a}._range_hpyaa_21:focus-visible::-webkit-slider-thumb{outline-offset:4px;outline:3px solid #6c5ce74d}._rangeInfo_hpyaa_81{color:#000;justify-content:space-between;align-items:center;margin-top:5px;font-size:13px;font-weight:500;display:flex;position:relative}._value_hpyaa_92{position:absolute}@media (width<=500px){._container_hpyaa_1{border-radius:16px;padding:18px}._header_hpyaa_5{margin-bottom:22px}._label_hpyaa_12{font-size:14px}._value_hpyaa_92{min-width:64px;padding:8px 12px;font-size:15px}}._button_phfst_1{color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e6e6e6;border-radius:12px;justify-content:center;align-items:center;width:35px;height:35px;padding:0 7px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}._button_phfst_1:hover{background:#f8f8f8;border-color:#d8d8d8}._button_phfst_1:active{transform:scale(.97)}._active_phfst_35{color:#5b43d6;background:#d9d3ff;border-color:#c3b7ff;box-shadow:0 0 0 3px #896cff26,inset 0 1px #ffffff80}._color_1t44y_1{cursor:pointer;background-color:#7fffd4;border:1px solid #000;border-radius:5px;width:24px;height:24px}._colors_1t44y_10{justify-content:space-between;display:flex}._line_1t44y_15{background-color:#8a8787;width:2px;height:24px}._color_1t44y_1:hover{transform:scale(1.2)}._color_choose_1t44y_25{cursor:pointer;background-color:#000;border:1px solid #000;border-radius:5px;width:24px;height:24px}._color_choose_1t44y_25:hover{transform:scale(1.2)}._range_1t44y_38{margin-top:15px}._strokeLine1_1t44y_42{filter:blur(.5px);background-color:#312e2e;border-radius:8px;width:20px;height:2px}._strokeLine2_1t44y_51{filter:blur(.5px);background-color:#312e2e;border-radius:8px;width:20px;height:4px}._strokeLine3_1t44y_59{filter:blur(.5px);background-color:#312e2e;border-radius:8px;width:20px;height:6px}._width_1t44y_67{gap:10px;margin-top:10px;display:flex}._text_1t44y_73{margin-top:20px}._group_lt72i_1{gap:10px;display:flex}._txt_lt72i_6{margin-top:20px}._nav_61504_1{cursor:auto;background-color:#fff;border-radius:20px;width:250px;height:55vh;padding:20px;position:absolute;top:80px;left:50px;box-shadow:0 0 8px #00000031}._color_wu26n_1{cursor:pointer;background-color:#7fffd4;border-radius:5px;width:24px;height:24px}._colors_wu26n_9{justify-content:space-between;display:flex}._line_wu26n_14{background-color:#8a8787;width:2px;height:24px}._color_wu26n_1:hover{transform:scale(1.2)}._color_choose_wu26n_24{cursor:pointer;background-color:#000;border-radius:5px;width:24px;height:24px}._color_choose_wu26n_24:hover{transform:scale(1.2)}._range_wu26n_36{margin-top:15px}._strokeLine1_wu26n_40{filter:blur(.5px);background-color:#312e2e;border-radius:8px;width:20px;height:2px}._strokeLine2_wu26n_49{filter:blur(.5px);background-color:#312e2e;border-radius:8px;width:20px;height:4px}._strokeLine3_wu26n_57{filter:blur(.5px);background-color:#312e2e;border-radius:8px;width:20px;height:6px}._width_wu26n_65{gap:10px;margin-top:10px;display:flex}._text_wu26n_71{margin-top:20px}._pen_kzpja_1{position:absolute;inset:0}