.style-selector-panel{height:512px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.style-selector-panel .kq-scrollbar__wrap .kq-scrollbar__view{height:100%!important}.style-selector-panel .main-container{height:500px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;overflow:hidden}.style-selector-panel .main-container .left-panel{width:300px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.style-selector-panel .main-container .left-panel .kq-form-item{margin-bottom:0}.style-selector-panel .main-container .left-panel .kq-form-item .kq-form-item__label{min-width:86px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.style-selector-panel .main-container .left-panel .symbol-library-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.style-selector-panel .main-container .left-panel .symbol-library-select .kq-form-item__label{width:70px;font-size:14px;color:#333;white-space:nowrap}.style-selector-panel .main-container .left-panel .symbol-search-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.style-selector-panel .main-container .left-panel .symbol-search-area .kq-form-item__label{width:70px;font-size:14px;color:#333;white-space:nowrap}.style-selector-panel .main-container .left-panel .symbol-search-area .text-input{-webkit-box-flex:1;-ms-flex:1;flex:1}.style-selector-panel .main-container .right-panel{width:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;overflow:hidden}.style-selector-panel .select-input{-webkit-box-flex:1;-ms-flex:1;flex:1}.style-selector-panel .select-input,.style-selector-panel .text-input{border:1px solid #d9d9d9;border-radius:4px;padding:4px 8px;font-size:14px}.style-selector-panel .text-input{width:110px}.style-selector-panel .search-btn{height:26px;padding:2px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap}.style-selector-panel .symbol-list-container{height:450px;border:1px solid #e8e8e8;border-radius:4px;padding:12px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto}.style-selector-panel .symbol-list{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-ms-flex-line-pack:start;align-content:flex-start}.style-selector-panel .symbol-item{height:86px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 calc(33% - 8px);flex:0 0 calc(33% - 8px);padding:8px 0 2px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-transition:all .3s;transition:all .3s}.style-selector-panel .symbol-item:hover{background-color:#f5f5f5}.style-selector-panel .symbol-item.active{background-color:#e6f7ff;border-color:#40a9ff}.style-selector-panel .symbol-preview{width:60px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.style-selector-panel .north-arrow-icon{font-size:24px;font-weight:700}.style-selector-panel .symbol-label{font-size:12px;color:#666;text-align:center}.style-selector-panel .preview-section{border:1px solid #e8e8e8;border-radius:4px;height:155px}.style-selector-panel .section-title{font-size:14px;color:#333;margin:12px 0 0 12px;font-weight:500}.style-selector-panel .preview-container{width:100%;height:calc(100% - 28px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.style-selector-panel .properties-section{border:1px solid #e8e8e8;border-radius:4px;padding:12px}.style-selector-panel .properties-section .form-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:140px;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;gap:8px}.style-selector-panel .properties-section .form-grid .form-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0;gap:4px}.style-selector-panel .properties-section .form-grid .form-item .kq-form-item__label{padding:0;width:94px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.style-selector-panel .properties-section .form-grid .form-item .input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 100px;flex:1 1 100px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:100px}.style-selector-panel .properties-section .form-grid .form-item .unit{display:-webkit-box;display:-ms-flexbox;display:flex;height:28px;-webkit-box-flex:1;-ms-flex:1 1 70px;flex:1 1 70px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:70px}.style-selector-panel .properties-section .form-grid .form-item .kq-input-number,.style-selector-panel .properties-section .form-grid .kq-color-picker,.style-selector-panel .properties-section .form-grid .kq-color-picker .kq-color-picker__trigger{width:100%}.style-selector-panel .unit{font-size:14px;color:#666;white-space:nowrap}.style-selector-panel .color-input{width:60px;height:28px;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer}.style-selector-panel .style-btn{width:100%;padding:6px 16px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:14px}.style-selector-panel .button-area{margin-top:16px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:12px;padding-top:8px}.style-selector-panel .btn{padding:8px 24px;border-radius:4px;cursor:pointer;font-size:14px;border:1px solid transparent;-webkit-transition:all .3s;transition:all .3s}.style-selector-panel .btn-primary{background:#1890ff;color:#fff;border-color:#1890ff}.style-selector-panel .btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.style-selector-panel .btn-default{background:#fff;color:#666;border-color:#d9d9d9}.style-selector-panel .btn-default:hover{border-color:#40a9ff;color:#40a9ff}