.tool-content-container{flex-direction:column;gap:15px;padding:15px;display:flex}.type-tabs{flex-wrap:wrap;gap:4px;display:flex}.type-tabs--compact{width:100%}.type-tab{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-color);color:var(--text-color);cursor:pointer;white-space:nowrap;padding:6px 12px;font-size:.8rem;line-height:1.2;transition:all .2s}.type-tab.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.option-group{align-items:center;gap:8px;display:flex}.option-group--compact{gap:4px;font-size:.8rem}.option-group--compact label{color:var(--text-secondary);white-space:nowrap}.dropdown-select,.number-input{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-color);color:var(--text-color);padding:6px 10px}.option-group--compact .dropdown-select,.option-group--compact .number-input,.option-group--compact .text-input{padding:3px 6px;font-size:.8rem}.number-input--count{width:4.25rem}.text-input--table{width:6.5rem;min-width:0}.action-button{border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;padding:6px 12px;transition:all .2s}.action-button.secondary{background-color:var(--bg-color);color:var(--text-color)}.action-button.secondary:hover{background-color:var(--bg-light)}.action-button:disabled{opacity:.5;cursor:not-allowed}.mock-content{gap:15px;height:calc(100vh - 200px);min-height:500px;display:flex}.input-panel,.config-panel,.output-panel{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--card-bg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.input-panel,.config-panel{flex:1;min-width:25%}.output-panel{flex:2;min-width:30%}.panel-header{border-bottom:1px solid var(--border-color);flex-direction:column;flex-shrink:0;align-items:stretch;gap:.45rem;padding:.55rem .65rem;display:flex}.panel-header--input,.panel-header--output,.panel-header--fields{background-color:var(--secondary-bg-color)}.panel-header--fields{flex-flow:wrap;justify-content:space-between;align-items:center}.panel-header__row{flex-wrap:wrap;align-items:center;gap:.4rem .55rem;min-width:0;display:flex}.panel-header__title{color:var(--heading-color);flex-shrink:0;margin:0;font-size:.95rem;font-weight:600}.panel-header__options{flex-wrap:wrap;flex:auto;align-items:center;gap:.4rem .65rem;min-width:0;display:flex}.panel-actions{flex-wrap:wrap;align-items:center;gap:.35rem;margin-left:auto;display:flex}.small-button{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-color);color:var(--text-color);cursor:pointer;padding:4px 8px;font-size:.85rem;transition:all .2s}.small-button:hover{background-color:var(--bg-light)}.editor-container{background-color:var(--input-bg);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.cm-editor-host--fill{height:100%}.cm-editor-host--fill .CodeMirror{font-family:var(--font-mono);font-size:.9rem;line-height:1.5;height:100%!important}.cm-editor-host--fill .CodeMirror-scroll{min-height:0;overflow:auto!important}.hidden-input{display:none}.panel-footer{background-color:var(--secondary-bg-color);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.input-tips,.output-stats{color:var(--text-secondary);font-size:.85rem}.fields-container{flex:1;padding:10px;overflow-y:auto}.fields-list{flex-direction:column;gap:8px;display:flex}.field-item{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-color);justify-content:space-between;align-items:center;padding:10px;display:flex}.field-info{flex-direction:column;gap:4px;display:flex}.field-name{color:var(--primary-color);font-weight:600}.field-type{color:var(--text-secondary);font-size:.85rem}.field-rule{font-size:.85rem;font-family:var(--font-mono);color:var(--text-light);background-color:var(--code-bg);border-radius:3px;padding:2px 4px}.field-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.field-chinese-check{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.field-chinese-check .form-check-input{cursor:pointer;margin:0}.field-actions{gap:5px;display:flex}.field-action-btn{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-color);width:28px;height:28px;color:var(--text-color);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.field-action-btn:hover{background-color:var(--bg-light)}.field-action-btn.edit{color:var(--primary-color)}.field-action-btn.delete{color:var(--accent-color)}.no-fields-message{text-align:center;color:var(--text-secondary);padding:20px}.modal-container{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-container.show{display:flex}.modal-content{background-color:var(--card-bg);border-radius:var(--radius);width:500px;box-shadow:var(--shadow);flex-direction:column;display:flex}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:15px;display:flex}.modal-header h3{color:var(--heading-color);margin:0;font-size:1.1rem}.close-button{color:var(--text-light);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-body{max-height:70vh;padding:15px;overflow-y:auto}.form-group{margin-bottom:15px}.form-control{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-color);width:100%;color:var(--text-color);padding:8px 10px}.form-options{gap:15px;margin-bottom:15px;display:flex}.form-check{align-items:center;gap:5px;display:flex}.mock-rule-help{margin-top:5px;font-size:.85rem}.mock-rule-help a{color:var(--primary-color);text-decoration:none}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;padding:15px;display:flex}@media (width<=1200px){.mock-content{height:auto;min-height:unset;flex-direction:column}.input-panel,.config-panel,.output-panel{min-width:100%;height:400px}.panel-header__row{align-items:flex-start}.panel-actions{width:100%;margin-left:0}}@media (width<=768px){.panel-header__options{width:100%}.modal-content{width:90%}}.panel-header .panel-actions{align-items:center;gap:.5rem;display:flex}.action-button.primary{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.4rem .8rem;font-weight:500}.action-button.primary:hover{background-color:var(--primary-dark);opacity:.9}.text-input{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-color);color:var(--text-color);padding:6px 10px}.hidden-input[data-v-5ae5a630]{display:none}