.mock-factory-container{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:70vh;margin-top:1rem;display:flex;overflow:hidden}.mock-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;width:380px;min-width:380px;height:100%;display:flex}.mock-sidebar-content{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.mock-form-group{flex-direction:column;gap:.5rem;display:flex}.mock-form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.mock-form-group .sub-label{color:var(--text-secondary);margin-top:-.25rem;font-size:.8rem}.editor-wrapper-box{border:1px solid var(--border);border-radius:var(--radius);background-color:#1e1e1e;height:220px;overflow:hidden}.mock-rule-input{resize:vertical;min-height:80px}.mock-main{background-color:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.mock-toolbar{border-bottom:1px solid var(--border);background-color:var(--bg-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.tabs-container{gap:.25rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius) var(--radius) 0 0;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;transition:all .2s;display:flex}.tab-btn.active{background-color:var(--bg-primary);border-color:var(--border) var(--border) transparent var(--border);color:var(--accent);font-weight:500}.close-tab{opacity:.7;font-size:.75rem}.mock-export-group{gap:.5rem;display:flex}.mock-preview-area{flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow-y:auto}.mock-table-wrapper{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);flex:1;overflow:auto}.mock-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.mock-data-table th{border-bottom:1px solid var(--border);color:var(--text-secondary);background-color:var(--bg-tertiary);z-index:1;white-space:nowrap;padding:.75rem 1rem;font-weight:600;position:sticky;top:0}.mock-data-table td{border-bottom:1px solid var(--border);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:260px;padding:.75rem 1rem;overflow:hidden}.mock-data-table tr:hover td{background-color:#0ea5e90a}.mock-empty-state{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 0;display:flex}.mock-empty-state i{color:var(--border);font-size:2.5rem}@media (max-width:1024px){.mock-factory-container{flex-direction:column;height:auto}.mock-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;min-width:100%}}